微信小游戏引擎

比眉伴天荒 2022-06-01 21:59 424阅读 0赞

今日微信出了一个小游戏,就是非常火的跳一跳和坦克大战.

我看的非常眼热啊,之前就特别想做微信的游戏.奈何微信的环境做游戏效果还是不如APP好啊.

不过现在有了微信小游戏,还开发什么APP啊.

下面就介绍一下[wechat-game][]这个神器.

## 微信小游戏引擎介绍 ##

这是一个使用js来抽象化微信组件的游戏引擎.

该组件封装好了微信的几个画板接口,同时在这个的基础上抽象出了对象/视图/渲染器等多个不同功能的元件.开发者只需要创建对象,设置属性就可以了.开发游戏真的是好简单.

### demo ###

//添加图片资源
    wgame.ImageManager.add({
      "logo": "./images/hero.png"
    });
    
    //添加视图层
    var layer=new wgame.Layer({
      width:200,
      height:200
    })
    //添加图片组件
    var item = new wgame.DisplayObject({
      x: "center",
      y: "center",
      velocityRotate: 180,
      backgroundImage: "logo" // The background image is re-sized to the pre-loaded logo.png size
    }).addTo(layer);
    
    //加入到画板上
    wgame.Renderer.addLayer(layer);
    //开始
    wgame.Renderer.start();

### 下面就是效果图了 ###

有兴趣的同学可以在微信开发者工具中打开项目demo,立马就可以看到一个旋转的飞机了.

![weixin.png][]

[github上的wechat-game][wechat-game]  
[gitee上的wechat-game][gitee_wechat-game]

[wechat-game]: https://github.com/cuo9958/wechat-game
[weixin.png]: /images/20220602/0692a301fcd440b88284d4ee016e78e2.png
[gitee_wechat-game]: https://gitee.com/cuo9958/wechat-game/tree/master

发表评论取消回复

表情：

评论列表（有 0 条评论，424人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小游戏入门案例——拼图游戏

> 微信小游戏入门案例——拼图游戏 > 涉及内容:canvas组件、小程序界面绘图API > 目录结构： > > ![watermark_type_ZmFuZ

逃离我推掉我的手/ 2022年12月16日 13:03/ 0 赞/ 401 阅读

相关微信小游戏 - 学习/实践

1.应用场景 <table> <tbody> <tr> <td>主要用于快速开发微信小游戏.</td> </tr> </tbody> </tab

深藏阁楼爱情的钟/ 2022年12月01日 14:17/ 0 赞/ 226 阅读

相关微信小游戏开发FAQ

常见问题 Q: 小游戏的文档在哪里？ A: 我们会把最新的文档更新在 [https://mp.weixin.qq.com/debug/wxagame/dev/ind

古城微笑少年丶/ 2022年06月02日 07:13/ 0 赞/ 274 阅读

相关微信小游戏引擎

今日微信出了一个小游戏,就是非常火的跳一跳和坦克大战. 我看的非常眼热啊,之前就特别想做微信的游戏.奈何微信的环境做游戏效果还是不如APP好啊. 不过现在有了微信小游戏,还

比眉伴天荒/ 2022年06月01日 21:59/ 0 赞/ 425 阅读

相关微信小游戏

小游戏地址[https://mp.weixin.qq.com/debug/wxagame/dev/index.html?t=201832][https_mp.weixin.qq

清疚/ 2022年05月29日 01:24/ 0 赞/ 246 阅读

相关微信小程序和微信小游戏的区别

本人小程序（小游戏）开发新手，看了几天文档，才大概搞明白微信小程序和微信小游戏的区别。首先大家口中所说的“小程序”这个概念有两个意思: 一种是“小程序平台

╰+攻爆jí腚メ/ 2022年05月25日 14:15/ 0 赞/ 962 阅读

相关飞机大战（微信小游戏）

依旧是熟悉的期末作业，是微信小游戏官网的Demo来着，然后我边百度边对它做了一些改动说起来好久没更新博客了......最近在用unity做游戏准备参加计算机设计大赛，花了好

Dear 丶/ 2022年03月20日 11:53/ 0 赞/ 357 阅读

相关 CocosCreator 打包微信小游戏

1. 下载微信开发者工具并安装，申请小游戏ID，在ccc的文件-->设置-->原生环境中，指定路径 2.发布平台选择微信小游戏，填入appid，这里要注意，小程序的id 和小

不念不忘少年蓝@/ 2021年12月10日 15:57/ 0 赞/ 503 阅读

相关微信小游戏2

创建画布 const canvas = wx.createCanvas() 在 game.js 中输入以上代码并保存 \[外链图片转存失败(img-Raz17nJ

浅浅的花香味﹌/ 2021年09月30日 06:44/ 0 赞/ 364 阅读

相关微信小游戏

服务类目选择“游戏” 子类目选择“休闲游戏” \[外链图片转存失败(img-op5gSexF-1564063066158)([https://upload-

深藏阁楼爱情的钟/ 2021年09月30日 05:56/ 0 赞/ 446 阅读