![214c91f99f5d6673495e35d35e6be6e1.png](https://i-blog.csdnimg.cn/blog_migrate/963794fa4f55f7f23179d8be0c72261e.png)
通过phaser3,我了解到了pixi.js,一个高性能的,强大扩展能力的类库。
于是,马上我就着手弄了一个和phaser3一个性质的东西——typescript的模板项目。
前提条件:
- 安装nodejs v8以上版本
- 装好nodejs后,全局安装gulp,命令为:npm install gulp -g
- 安装vscode,且在vscode中,安装插件:debugger for chrome
使用pixi.js的typescript项目简易脚手架。
随意打开一个cmd的终端窗口,在其中输入:npm i pixicp -g
大家有兴趣可以在这里看看pixicp这个npm:
https://www.npmjs.com/package/pixicpwww.npmjs.com全局安装脚手架,然后等安装完毕之后,在你想要创建项目的文件夹里,打开cmd窗口,注意,这里cmd的定位路径要在你想要创建项目的文件夹中。
然后在cmd中输入:pixicp mygame
如果出现:无法加载文件xxxxx,因为在此系统上禁止运行脚本……什么的,请参照
危联慕斯:【5分钟】搭建phaser3的typescript项目zhuanlan.zhihu.com![7f7d572f5749ef63bd0cbe9d64fcd5a0.png](https://i-blog.csdnimg.cn/blog_migrate/ea718b121cd155e1eaf240f2b8b6155f.jpeg)
pixicp默认生成的是5.2.1的版本的pixi项目
![955dc14ad1bf80d2b46ded88e0dd6892.png](https://i-blog.csdnimg.cn/blog_migrate/3cd93d1da2aea238069999a00d0dfe8e.jpeg)
进入到mypixi/client的目录中,用vscode打开,按下F5
![808fb290dd302409a1a6d0607fb51661.png](https://i-blog.csdnimg.cn/blog_migrate/c633f2efcbeb1ed24aff9176782ef988.jpeg)
可以看到一个点击会变大的图片。如果一切正常,则你已经创建好了一个pixi.js的typescript环境了,剩下的事情,就是按照你自己的心意来继续搞自己的游戏了。当然,我会不定期的写教程来给大家分享一下我的心得。
哎呀,我也是个素人呢,哈哈哈哈哈哈!