EFFECT INDEX / 效果索引
先看效果，再拆实现。
围绕微信小游戏常见的按钮、结算弹窗、背包、关卡地图、角色和奖励，学习界面怎样实现。每类都包含基础版本、增强版本、结构图和交互实验。
补间 · 命中 · 状态
一个有手感的按钮
按下去的那一下，发生了什么？
九宫格 · 遮罩 · 层级
可以伸缩的结算弹窗
面板变大，边角为什么不会变形？
图集 · 裁剪 · 复用
装下一千件物品的背包
数据变多，不必让节点跟着变多。
布局 · 路径 · 安全区
适应不同屏幕的关卡地图
长屏、短屏和横屏，各会改变什么？
序列帧 · 骨骼 · 插值
会动、能换装的角色
让图片动起来，有几种组织方式？
粒子 · 轨迹 · 叠加
一次恰到好处的奖励
金币与星光，怎样热闹又清楚？
同一种效果，换技术会怎样？进入 同效果技术对照 实际比较整图与九宫格、序列帧与 Shader、Canvas 与 WebGL 粒子。完整比较口径见 实现路线表。