条目数量 : 404


Canvas

来自笔记本
跳转至: 导航搜索

Canvas 教程

课件

http://corehtml5canvas.com/

进阶

  • 屏幕翻转
  • 图片加载优先级
  • 碰撞(像素级碰撞,几何图形的检测)
  • WebSockets
  • Polyfill.js

HTML 基础

  • DOM 加载完毕
  • 兼容性检测、动画兼容
  • 倒计时
  • 加载进度
  • 游戏音效、播放声音
  • 触控、鼠标的方向判断,事件触发,键盘监测

改进

  • 图片和文字在Retina等兼容Polyfill.js(图片或文字模糊)

游戏

  • RPG风格的坐标系统,tiled、碰撞点、其他标记点
  • 基础变量(游戏开始、结束等)
  • stage 分层
  • 素材数组
  • 一些按钮(设置(音效关闭)、返回)
  • 记分
  • 结束(显示记分,重新开始等其他按钮)
  • 排行榜
  • 小地图、大地图
  • 开场动画

地图

DEMO

多案例

单案例

游戏引擎

简单小巧

参考 https://gist.github.com/bebraw/768272