资讯专栏INFORMATION COLUMN

vscode中使用typescript开发Phaser游戏

MobService / 2636人阅读

摘要:要想做到提示,就必须用到强类型的,使用方法安装在项目根目录新建文件夹,里面放置如下文件在根目录新建文件完成以上步骤,就已经支持的提示了想要查看在下的写法,请移步,里面有详细的配置和踩星星入门游戏的实现

使用背景

在上一篇(在vscode中增加phaser代码提示)中,我们可以做到代码提示了,但是有个比较严重的问题,就是我们通过API创建的对象还是不能提示,因为js为弱类型,通过var group = game.add.group()创建出来的对象,你我都是知道是Phaser.Goup对象,但是编译器不知道啊,所以就没法提示喽。要想做到提示,就必须用到强类型的js,TyepScript

使用方法

安装Typescript:npm install -g typescript

在项目根目录新建文件夹:tsd,里面放置如下文件:

在根目录新建tsconfig.json文件

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "sourceMap": false
    },
    "exclude": [
        "node_modules",
        "typings/main",
        "typings/main.d.ts",
        "tsd/phaser.comments.d.ts",
        "tsd/pixi.comments.d.ts"
    ]
}

完成以上步骤,vscode就已经支持Phaser的提示了

想要查看Phaser在TS下的写法,请移步GitHub,里面有详细的配置和踩星星入门游戏的实现

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/83865.html

相关文章

  • 从零到一:用Phaser.js写意地开发游戏(Chapter 1 - 认识Phaser.js)

    摘要:由于公司项目转型,需要创造一个小游戏平台,需要使用一个比较成熟的前端游戏框架来快速开发小游戏。仅支持开发游戏,因为专注,所以高效。早在年的光棍节前一天晚上,这个游戏就诞生了。原型是一个之前很火的非常魔性的小游戏,叫寻找程序员。 showImg(https://segmentfault.com/img/bVMGY5?w=900&h=500); 写在前面 实际上我从未想过我会接触到H5小游...

    Ashin 评论0 收藏0
  • 从零到一:用Phaser.js写意地开发游戏(Chapter 1 - 认识Phaser.js)

    摘要:由于公司项目转型,需要创造一个小游戏平台,需要使用一个比较成熟的前端游戏框架来快速开发小游戏。仅支持开发游戏,因为专注,所以高效。早在年的光棍节前一天晚上,这个游戏就诞生了。原型是一个之前很火的非常魔性的小游戏,叫寻找程序员。 showImg(https://segmentfault.com/img/bVMGY5?w=900&h=500); 写在前面 实际上我从未想过我会接触到H5小游...

    didikee 评论0 收藏0
  • SegmentFault 技术周刊 Vol.24 - “游戏” 已启动:Are you ready?

    摘要:仅支持开发游戏,因为专注,所以高效。游戏相关的一些概念画布一般来说,做游戏的话基于会比基于性能要好很多,尤其是涉及大量动画的情况下。游戏即将开始这一节我们来完成游戏最核心的场景。我们首先布置了游戏场景,加入了背景音乐。 showImg(https://segmentfault.com/img/bVOxvd?w=900&h=385); 今天是六一国际儿童节,祝小伙伴们六一快乐!本期技术周...

    dockerclub 评论0 收藏0
  • 搭建phasertypescript模版

    摘要:官方提供了一个使用了模版的项目,地址该项目已经使用了和,在此基础上,我们加入。安装和在的配置中增加文件的在增加文件,该文件也是官方提供的。在根目录下新建,然后修改文件即可按找如下方式加载图片一个加入了的模版的地址 phaser官方提供了一个使用了webpack模版的项目,github地址,该项目已经使用了babel和webpack,在此基础上,我们加入typescript。 showI...

    sanyang 评论0 收藏0
  • vscode增加phaser代码提示

    摘要:第一步在项目根目录增加文件,里面的内容是空括号第二步在项目根目录增加文件夹,里面包括三个文件第三步新建文件,再输入,你就会发现有提示了,是不是感觉生活又美好了很多啊 第一步:在项目根目录增加jsconfig.json文件,里面的内容是{}空括号 第二步:在项目根目录增加defs文件夹,里面包括三个文件:p2.d.ts、phaser.comments.d.ts、pixi.d.ts s...

    xiaotianyi 评论0 收藏0

发表评论

0条评论

MobService

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<