程序开发小游戏模块化与DEMO

网友投稿 70 2024-09-26

模块化

#模块化

小程序目前暂不支持「直接引入 node_modules」,需要通过 构建 npm 完成引入工作,需要时也可直接复制代码到小程序的目录中,再进行使用。

小程序开发小游戏模块化与DEMO

注意

exports 是 module.exports 的一个引用,因此在模块里边随意更改 exports 的指向会造成未知的错误。所以更推荐开发者采用 module.exports 来暴露模块接口,除非你已经清晰知道这两者的关系。

// common.jsfunction sayHello(name) {
  console.log(`Hello 小游戏框架 !`)}function sayGoodbye(name) {
  console.log(`Goodbye 小游戏框架 !`)}module.exports.sayHello = sayHello
exports.sayGoodbye = sayGoodbye
        已复制代码

#文件作用域

JavaScript 文件中声明的变量和函数只在该文件中有效;不同的文件中可以声明相同名字的变量和函数,不会互相影响。

#全局对象

类似于浏览器的 Window 和 NodeJS 的 global,小游戏也有一个全局对象 GameGlobal。通过 GameGlobal 可以在多个文件中传递变量。

提示

在小游戏中没有 window 这种全局对象,如果有需要请将数据挂载到 GameGlobal。通过

// a.jsGameGlobal.globalData = 1
        已复制代码
// b.jsconsole.log(GameGlobal.globalData) // 输出 "1"
        已复制代码

#小游戏DEMO

请注意

为了帮助您调试或使用小游戏相关能力,我们从网上搜集整理了一些开源小游戏源码,供您测试使用。
使用时请务必注意升级您当前的 FinClip Studio 至1.8.27 或更高版本,若您在 FinClip Studio 中使用导入功能加载本地目录时,请务必将项目类型修改为小游戏

请注意

旧版本体验小游戏若遇到运行白屏问题,请在 FinClip Studio 详情设置里勾选【Service Game】和【Blender 编译】;新版本中已移除该选项,无需额外配置;

#1. 砍树小游戏

源码链接(opens new window)

#2. 微信飞机大战

源码链接(opens new window)

#3. 拼图 DEMO(基于 pixi.js)

运行时打开压缩包内的dist目录,源码链接(opens new window)

#4.密室逃生 DEMO(基于 egret)

运行时打开压缩包内的RoomRun_wxgame目录,源码链接(opens new window)

#5. 消消乐,Taxi,羊了个羊 DEMO(基于 Cocos)

运行时打开压缩包内的build/wechatgame目录

  1. Cocos 圆环消消乐(opens new window)

  2. TaxiGame3D(opens new window)

  3. 羊了个羊 DEMO(opens new window)

#6. 帧率测试 DEMO

帧率测试 DEMO


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:FinClip小程序游戏开发指南
下一篇:小程序开发之小游戏配置
相关文章

 发表评论

暂时没有评论,来抢沙发吧~