摘要： 继上篇翻翻乐之后，又来刮刮乐。还是先上效果图：开始demo的世界：1.css去绘制界面效果。（源码提供）2.原理：要实现刮刮卡内容的出现，我用div做了背景层去显示刮出的内容结果【重点】。中间Canvas区域去实现刮刮的效果。3.构建界面效果,背景层zj为挂出效果。Canvas去做动画1 2 3 4 5 4.开始动画先绘制 ‘灰色’ ，然后在鼠标的移动事件Canavas.onmousemove去计算 滑动的坐标值，然后clearRect方法去清除该坐标的色素。 1 window.onload = function(){ 2 init(); 3 } 4 var... 阅读全文

摘要： 记录下开放过程。做小游戏开发，又要跨平台，flash又不支持iPhone，html5是最好的选择。先看看最后效果：好了，开始demo。1.准备工作：　图片素材（省略...最后代码一起打包） 了解 HTML5 Canvas API2.开工：　首先创建Canvas1 2 3 ok，简单明了，现在要搞清楚的是摆放9张图片到Canvas，计算下x,y坐标，下面我定义一个数组 var bgImg=[]; bgImg[0]=[20,0]; bgImg[1]=[190,0]; bgImg[2]=[360,0]; bgImg[3]=[20,170]; bgImg[... 阅读全文