In this brand-new, exclusive workshop, Le Wagon China coding bootcamp was happy to bring together all the community around two WeChat experts to help you get started. We explored the Mini Games framework and its underlying technologies, which are applicable in the larger 2D/canvas video game development world. Content: cases, entrances, underlying technologies, limitations, monetization, deployment Contact: - www.lewagon.com/shanghai - www.lewagon.com/chengdu

1. WeChat ⼩小游戏
mini games

2. 跳⼀一跳 (Tiao Yi Tiao)
Single-Player Multi-Player

3. Game Type Developer Engine
HuanLe DouDiZhu Chinese Spades Tencent Cocos
SiChuan MaJiang Majong Tencent Cocos
TianTian DeZhou Texas Hold-em Poker Tencent Cocos
Tencent Zhongguo XiangQi Chinese Chess Tencent Cocos
AiXiaoChu LeYuan Jewel Quest Tencent Cocos
HuanLe TanKe DaZhan Tank Battle Tencent Cocos
HuanLe XiaoXiaoXiao Jewel Quest Gameley Cocos
BaoHuLuoBo XunWanBan Carrot Protector Feiyu Laya
QuanMing DaLeDou P2P Duels / Adventure Quest Tencent Laya
YueDong Yinfu Music Simulation / Guitar Hero Tencent Laya
GuangDong MaJiang Majong Tencent Laya
GuiZhou MaJiang Majong Tencent Laya
XingTu WeGoing SpaceShip Hopping Tencent Laya
DaJiaLaZhaoCha Wechat Version Spot the difference Tencent Phaser
QuanHuang MingYun KO BuFu Wack-a-mole Tencent Createjs
Tiao Yi Tiao Bottle Flip Tencent Three.js
JiNianBeiGu Monument Valley Tencent / UsTwo Custom (WebGL)
Released WeChat Mini Games

4. WeChat Mini Game Entry Points
Invitation QR Code

5. Mini Program History Mini Games Search
WeChat Mini Game Entry Points

6. Newest Mini Games Most Played By Friends
WeChat Mini Game Entry Points

7. Custom
6%
Createjs
6%
Phaser
6%
Three.js
6%
Laya
29%
Cocos
47%
WeChat Mini Games Engines

8. Mini Games HTML5 Native
Entry Points WeChat Browser, Wechat, Facebook App Stores
Acquisition Cost Low Low High
Open / Activation Rate High High Low
Return Rate and Revenue TBD Low High
Performance Medium Low High
Local Storage Medium Low High
Social Gaming Great Good Poor
Coding Languages JavaScript, TypeScript JavaScript, TypeScript
Many Low Level and
Scripting Languages
WeChat Mini Games vs. HTML5 vs. Native

9. Mini Game Development Technologies
Low Level
Chinese Game Engines International Game Engines
WeChat SDK

10. Mini Games JS Framework
Mini Game Code
JavaScript VM (V8 / JS Core)
User Acct.
Sharing
Payment
File
System
Graphic
Rendering
Media
Networking
Hardware
…

11. Mini Games with JS and Native Layer
Mini Game Code
JavaScript VM (V8 / JS Core)
User Acct.
Sharing
Payment
File
System
Graphic
Rendering
Media
Networking
Hardware
…
Native
Rendering Storage Networking AV
WeChat SDK
User Payment Files Multimedia
JS-Native
Binding
JS-Native
Binding

12. Mini Games - Full Framework
Mini Game Code
JavaScript VM (V8 / JS Core)
Graphic
Rendering
Game
Logic
WeChat SDK
User Payment Files Multimedia
Browser Adapter
DOM Image
AudioStorage
WebSocket
XHR
WeChat API
H5 API
JS-Native
Binding
Native
Rendering Storage Networking AV
JS-Native
Binding

13. Mini Games Framework with Game Engine
Mini Game Code
JavaScript VM (V8 / JS Core)
Game Logic
WeChat SDK
User Payment Files Multimedia
Engine API
Game Engine
Drawing AnimationNetworkingUI Physics …
WeChat API
JS-Native
Binding
Native
Rendering Storage Networking AV
JS-Native
Binding

14. Cocos Creator game engine editor supports common game development features.

15. Simulator
Toolbar
Code Editor
Debugger
File Menu
Basic layout of the WeChat developer tools for ⼩小游戏