摘月亮的小船儿

切换模式

添加精灵 ​

创建精灵文件 sprites/bunny.js ​

js
import { Sprite, Assets } from 'pixi.js';

// 定义一个函数来加载纹理并创建 Sprite 实例
export async function createBunny() {

  
  const bunnyUrl = new URL('@/assets/bunny.png', import.meta.url).href;
  // 加载纹理
  const texture = await Assets.load(bunnyUrl);

  // 创建一个 Sprite 实例，传入纹理
  const bunny = new Sprite(texture);

  // 设置 Sprite 实例的锚点
  bunny.anchor.set(0.5);

  // 设置 Sprite 实例的位置
  bunny.x = 26;
  bunny.y = 37;

  return bunny;
}
import { Sprite, Assets } from 'pixi.js';

// 定义一个函数来加载纹理并创建 Sprite 实例
export async function createBunny() {

  
  const bunnyUrl = new URL('@/assets/bunny.png', import.meta.url).href;
  // 加载纹理
  const texture = await Assets.load(bunnyUrl);

  // 创建一个 Sprite 实例，传入纹理
  const bunny = new Sprite(texture);

  // 设置 Sprite 实例的锚点
  bunny.anchor.set(0.5);

  // 设置 Sprite 实例的位置
  bunny.x = 26;
  bunny.y = 37;

  return bunny;
}

在index.js中添加精灵 ​

在 game/index.js 的 init() 函数中，添加以下代码：

js
import { createBunny } from './sprites/bunny.js';

// 加载纹理并创建 Sprite 实例
const bunny = await createBunny();
// 将Sprite实例添加到舞台中
app.stage.addChild(bunny);
import { createBunny } from './sprites/bunny.js';

// 加载纹理并创建 Sprite 实例
const bunny = await createBunny();
// 将Sprite实例添加到舞台中
app.stage.addChild(bunny);