js 根据条件禁止复选框_【5分钟】搭建一个pixi.js的typescript项目

214c91f99f5d6673495e35d35e6be6e1.png

通过phaser3,我了解到了pixi.js,一个高性能的,强大扩展能力的类库。

于是,马上我就着手弄了一个和phaser3一个性质的东西——typescript的模板项目。

前提条件:

  1. 安装nodejs v8以上版本
  2. 装好nodejs后,全局安装gulp,命令为:npm install gulp -g
  3. 安装vscode,且在vscode中,安装插件:debugger for chrome

使用pixi.js的typescript项目简易脚手架。

随意打开一个cmd的终端窗口,在其中输入:npm i pixicp -g

大家有兴趣可以在这里看看pixicp这个npm:

https://www.npmjs.com/package/pixicp​www.npmjs.com

全局安装脚手架,然后等安装完毕之后,在你想要创建项目的文件夹里,打开cmd窗口,注意,这里cmd的定位路径要在你想要创建项目的文件夹中。

然后在cmd中输入:pixicp mygame

如果出现:无法加载文件xxxxx,因为在此系统上禁止运行脚本……什么的,请参照

危联慕斯:【5分钟】搭建phaser3的typescript项目​zhuanlan.zhihu.com
7f7d572f5749ef63bd0cbe9d64fcd5a0.png

pixicp默认生成的是5.2.1的版本的pixi项目

955dc14ad1bf80d2b46ded88e0dd6892.png

进入到mypixi/client的目录中,用vscode打开,按下F5

808fb290dd302409a1a6d0607fb51661.png

可以看到一个点击会变大的图片。如果一切正常,则你已经创建好了一个pixi.js的typescript环境了,剩下的事情,就是按照你自己的心意来继续搞自己的游戏了。当然,我会不定期的写教程来给大家分享一下我的心得。

哎呀,我也是个素人呢,哈哈哈哈哈哈!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值