PIXI 太空玉兔游戏

Posted congxueda

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了PIXI 太空玉兔游戏相关的知识,希望对你有一定的参考价值。

想法来源 

出于练习看到这篇文章     效果如下,接下来会用pixijs讲解如何实现

 

 

 技术分享图片

 

创建应用及舞台

 

html部分只创建标签引入 pixi.min.js  即可:

<script src="pixi.min.js"></script>

 

javascript:

 let app = new PIXI.Application({
    width: 350,
    height: 526
  })
  document.body.appendChild(app.view); 

  

运行后,页面是一个黑色区域,没错这是正常的。接下来添加精灵

 

创建精灵

 



以上是关于PIXI 太空玉兔游戏的主要内容,如果未能解决你的问题,请参考以下文章

基于 pixi.js 开发H5游戏黄金矿工

基于 pixi.js 开发H5游戏黄金矿工

Pixi.js 从动画 gif 文件生成 SpriteSheet Animation 或 MovieClip

如何将 Spine 动画添加到 Phaser 游戏?

使用 Pixi.js 的里程表动画

为太空模拟器/游戏旋转宇宙飞船模型