//Create a Pixi Application let app = new PIXI.Application({ width: 256, height: 256, antialias: true, transparent: false, resolution: 1 } ); //Add the canvas that Pixi automatically created for you to the HTML document document.body.appendChild(app.view); //load an image and run the `setup` function when it's done PIXI.loader .add("images/cat.png") .load(setup); //This `setup` function will run when the image has loaded function setup() { //Create the cat sprite let cat = new PIXI.Sprite(PIXI.loader.resources["images/cat.png"].texture); //Change the sprite's position cat.x = 96; cat.y = 96; //或者用一句话cat.position.set(96,96); //Change the sprite's size cat.width = 80; cat.height = 120; //变为原来大小的一半 // cat.scale.x=0.5; // cat.scale.y=0.5; //cat.scale.set(0.5, 0.5); //图像旋转 //以左上角为锚点旋转 // cat.rotation=0.5; //以图像中心点为锚点旋转 cat.anchor.x=0.5; cat.anchor.y = 0.5; cat.rotation=0.5; //Add the cat to the stage app.stage.addChild(cat);
PIXI的学习-------(三)精灵的缩放和旋转
最新推荐文章于 2024-07-02 09:19:07 发布