亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何調整精靈 pixi.js 的大小

如何調整精靈 pixi.js 的大小

DIEA 2021-11-18 16:12:06
我有一些生成精靈的 PixiJS 代碼:let type = "WebGL";if (!PIXI.utils.isWebGLSupported()) {    type = "canvas"}PIXI.utils.sayHello(type);const app = new PIXI.Application({    width: 1000, height: 600, backgroundColor: 0x1099bb, resolution: window.devicePixelRatio || 1,});document.body.appendChild(app.view);function renderSprite() {    const sprite = new PIXI.Sprite(PIXI.Texture.from("BEE-e1414622656271.png",));    sprite.anchor.set(0.5);    app.stage.addChild(sprite);    sprite.x = app.screen.width/2;    sprite.y = app.screen.height/2;}renderSprite();該代碼有效。但是,生成的精靈太大了,超出了容器的邊界。我需要設置精靈的大小,所以我嘗試使用以下的高度和寬度選項baseTexture:const sprite = new PIXI.Sprite(PIXI.Texture("BEE-e1414622656271.png", baseTexture=PIXI.baseTexture(options={        "height": 100,        "width": 100    })));但是我收到一個錯誤,指出 PIXI.baseTexture 不是一個函數。如何調整精靈大小以使其適合容器?
查看完整描述

1 回答

?
Helenr

TA貢獻1780條經驗 獲得超4個贊

創建精靈后,您可以像這樣控制精靈的位置和大?。?/p>


    var sprites = {};

    sprites.cat = new PIXI.Sprite(catTexture);


    //Change the sprite's position

    sprites.cat.x = 96;

    sprites.cat.y = 96;


    //Change the sprite's size

    sprites.cat.width = 30;

    sprites.cat.height = 150;


    //Add the cat to the stage so you can see it

    stage.addChild(sprites.cat);

然后 - 即使這個精靈被添加到舞臺容器 - 你可以進一步修改它的寬度和高度。嘗試在您的游戲循環中添加以下內容:


sprites.cat.width += 0.5;

在文檔中查看更多信息:https : //github.com/kittykatattack/learningPixi#size-and-scale


查看完整回答
反對 回復 2021-11-18
  • 1 回答
  • 0 關注
  • 435 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號