菜鸟做HTML5小游戏 - 刮刮乐
继上篇翻翻乐之后，又来刮刮乐。还是先上效果图： 开始demo的世界： 1.css去绘制界面效果。（源码提供） 2.原理：要实现刮刮卡内容的出现，我用div做了背景层去显示刮出的内容结果【重点】。中间Canvas区域去实现刮刮的效果。 3.构建界面效果,背景层zj为挂出效果 ...
原文：菜鸟做HTML5小游戏 - 翻翻乐
记录下开放过程。做小游戏开发，又要跨平台，flash又不支持iPhone，html 是最好的选择。 先看看最后效果： 好了，开始demo。 .准备工作： 图片素材 省略...最后代码一起打包 了解 HTML Canvas API .开工： 首先创建Canvas ok，简单明了，现在要搞清楚的是摆放 张图片到Canvas，计算下x,y坐标，下面我定义一个数组 要画在Canvas上面，直接循环下即可， ...
2013-12-04 18:05 4 1478 推荐指数：
相关推荐
HTML5 canvas 小游戏练手
DEMO演示，请猛击 <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题 ...
html5 canvas 自制小游戏系列之 【贪吃蛇】。
【我理解的游戏】 在我的理解里，游戏就是可以交互的动画。所以游戏的原理跟动画是差不多的。 相信动画的原理大家都知道，就是通过一系列的变化来让静态的图片达到动的效果。 不过游戏与动画不同的是，游戏是可以交互的。也就是说，用户对游戏有一定的控制权。游戏也会根据用户的操作来反馈给用户不同的动画 ...
HTML5小游戏之见缝插针
今天给大家带来的就是一款叫做《见缝插针》的游戏。有空你就往里插，直到你无处可插！看你能过多少关！ 简洁大气 黑白搭配游戏画面非常的简洁，米白色的背景中央，放置着一个不断旋转的太阳状的球体，周边网状似的放射连接着许多小球，又有点宇宙中星球的感觉，所有球体均以黑色为主，与米白色的背景产生出了鲜明 ...
HTML5 Canvas小游戏基础：用户交互
交互是游戏的根本。缺少了用户交互，游戏就不能称之为游戏，只能说是动画或电影。事件是浏览器响应用户交互操作的一种机制。 1．事件和事件执行 事件定义了用户与页面交互时产生的各种操作（主要通过鼠标或热键的动作引发），例如单击页面中某一个对象时，就产生一个单击（onClick ...
推荐10款超级有趣的HTML5小游戏
HTML5的发展速度比任何人的都想像都要更快。更加强大有效的和专业的解决方案已经被开发......甚至在游戏世界中！这里跟大家分享有10款超级趣味的HTML5游戏，希望大家能够喜欢！ Kern Type, the kerning game 帮助你学习kern游戏的在线小游戏 Z-Type ...
速度挑战 - 2小时完成HTML5拼图小游戏
概述 我用lufylegend.js开发了第一个HTML5小游戏——拼图游戏，还写了篇博文来炫耀一下：HTML5小游戏《智力大拼图》发布，挑战你的思维风暴。 详细 代码下载：http://www.demodashi.com ...
如何开发一个简单的HTML5 Canvas 小游戏
原文：How to make a simple HTML5 Canvas game 想要快速上手HTML5 Canvas小游戏开发？下面通过一个例子来进行手把手教学。（如果你怀疑我的资历， A Wizard's Lizard这个游戏的半数以上开发是由我完成的） 我们直接来看源码里 ...