注册登录

小程序小游戏文件结构和开发语言

2020-09-27
导读:文件结构 任何应用都会有一个入口文件,微信小游戏也是如此,小游戏的入口文件是根目录下的game.js。从文件名中可以看到,这个入口文件仍是 js 文件。...

  文件结构

  任何应用都会有一个入口文件,微信小游戏也是如此,小游戏的入口文件是根目录下的game.js。从文件名中可以看到,这个入口文件仍是 js 文件。的确,小游戏在开发语言上没有同小程序那样又另建一套规范,而是依旧采用 js 作为开发语言。

  其次,一般而言一个应用的代码除了功能逻辑之外,还会有一些配置文件。对于小游戏而言,它只有一个必要的配置文件game.json,而它的配置项更是不足十个。所以说,如果之前有过 h5 游戏的开发经验再来开发小游戏,可以说是基本没有任何的学习成本。

  只要有了上述这两个文件,小游戏就可以正常运行了。

  Adapter

  虽然,微信小游戏使用 js 作为开发语言,但小游戏的运行环境是JavaScriptCore(iOS) 和V8(Android),而不是熟悉的浏览器或者 Node,也就没有 BOM, DOM 或者文件操作等 API。

  你可能会疑惑,连 DOM 都没有了还怎么玩?不用担心,微信自身提供了一系列 API 来完成创建画布、绘制图形、显示图片以及响应用户交互等基础功能。

  “又有 API,不是说好没有学习成本吗?”

  这里就又要吹一波微信了。

  微信提供了一个名为weapp-adapter的非常棒的库文件,用于浏览器或 Node API 到微信 API 之间的适配。只需在入口文件引入它,就可以不用额外学习微信 API,而是直接使用 DOM 或其他(如 Node)API 来编写小游戏了。

  注:adapter 会自动创建一个 canvas 并暴露到全局。这个 canvas 也是主画布,之后创建的 canvas 都不会直接显示,如要显示,需将它们画到主画布上。

  当然,这个 adapter 也不是完美的,它还是有着许多的不足之处。

  微信官方对它的定位是一个第三方库,并不属于小游戏的范畴,之后也将不再维护。不过,微信提供现有 adapter 实现的源码下载,之后可以根据各自需要,自行添加功能进行维护。

  其次,所有的适配最终是通过微信提供的 API 实现,所以它对浏览器 API 的模拟是不完整的。

  另外,图中的游戏引擎之前没有接触过就不多说了,有兴趣的可以关注官方文档。

重磅推荐:小程序开店目录

第一部分:小商店是什么

第二部分:如何开通一个小商店

第三部分:如何登录小商店

第四部分:开店任务常见问题

第五部分:小商店可以卖什么

第六部分:HiShop小程序特色功能

第七部分:小程序直播

第八部分:小程序收货/物流

第九部分:小程序怎么结算

第十部分:小程序客服

第十一部分:电商创业

第十二部分:小程序游戏开发

电话咨询 微信咨询 预约演示 0元开店