
html5
sunny_sailor
JUSTDOIT
展开
-
HTML5 实现小车动画效果(Canvas/CSS3/JQuery)
HTML5正在变得越来越流行。在这个移动设备日益增长的时代,对来自Adobe的Flash插件的改造需求也正在快速增长。因为就在最近,Adobe宣布Flash将不再支持移动设备。这意味着,Adobe自身也认为对移动设备来讲HTML5是一项重要的技术。而桌面系统的改变也是迟早的事。HTML的一大劣势就是对于多媒体技术支持的缺乏。在HTML中,你无法直接显示一个视频或在屏幕上绘画。在转载 2012-03-08 18:13:23 · 1840 阅读 · 0 评论 -
html5(熊与蘑菇)一步一步学做游戏 第七回:熊碰到奖品处理
第七回主要讲 熊 撞到奖品之后,奖品消失 预期达到的效果: http://www.html5china.com/html5games/mogu/index6.html 简单说下原理: 给奖品加上一个存是否被撞过的属性hit,默认值为false。当奖品撞…第七回主要讲熊撞到奖品之后,奖品消失预期达到的效果:http://www.html5china.com/html5games/原创 2012-05-30 15:28:58 · 913 阅读 · 0 评论 -
html5(熊与蘑菇)一步一步学做游戏 第一回:游戏分析
该游戏教程主要参考了老外Jason Croucher的博客http://jacebook.co.uk/blog/2010/09/11/html5-writing-a-game/游戏代码也下载自他的博客。本教程主要是分析这个游戏的代码,用我自己的语言告诉大家怎么来开发这个游戏姑且称这个游戏为《蘑菇与熊》吧游戏的介绍:用蘑菇顶住熊不给落地,熊碰撞完顶部的原创 2012-05-30 15:21:55 · 1097 阅读 · 0 评论 -
html5(熊与蘑菇)一步一步学做游戏 第二回:让蘑菇随鼠标动起来
上回分析了游戏,在这一回我们将让蘑菇跟随鼠标动起来~ 达到这个效果: http://www.html5china.com/html5games/mogu/index1.html 一、写html代码 XML/HTML Code 复制内容到剪贴板 body div id = container styl…上回分析了游戏,在这一回我们将让蘑菇跟随鼠标动起来~达到这个效果:http:/原创 2012-05-30 15:23:16 · 987 阅读 · 0 评论 -
html5(熊与蘑菇)一步一步学做游戏 第三回:让熊动起来
这一回我们让熊动起来~ 预期达到效果: http://www.html5china.com/html5games/mogu/index2.html 一、先定义全局变量 JavaScript Code 复制内容到剪贴板 var bearEyesClosedImg= new Image(); //闭着眼睛的熊熊 var… 这一回我们让熊动起来~预期达到效果:http://www.h原创 2012-05-30 15:24:20 · 781 阅读 · 0 评论 -
html5(熊与蘑菇)一步一步学做游戏 第四回:熊碰撞边界处理
第四回主要讲 熊 移动碰到边界时的反弹处理 预期达到效果: http://www.html5china.com/html5games/mogu/index3.html 一、写一个碰撞处理函数 JavaScript Code 复制内容到剪贴板 function HasAnimalHitEdge() {…第四回主要讲熊移动碰到边界时的反弹处理预期达到效果:http://www.ht原创 2012-05-30 15:26:02 · 723 阅读 · 0 评论 -
html5(熊与蘑菇)一步一步学做游戏 第五回:熊碰撞蘑菇处理
第五回主要讲熊碰到 蘑菇 之后向上反弹的效果 预期达到的效果: http://www.html5china.com/html5games/mogu/index4.html 一、由于碰撞的地方比较多,所以定义一个通用的判断2个物体是否碰撞的函…第五回主要讲熊碰到蘑菇之后向上反弹的效果预期达到的效果:http://www.html5china.com/html5games/mogu原创 2012-05-30 15:27:02 · 712 阅读 · 0 评论 -
html5(熊与蘑菇)一步一步学做游戏 第六回:绘制奖品
第五回主要讲怎么把奖品描绘上去 预期达到的效果: http://www.html5china.com/html5games/mogu/index5.html 由于奖品特别多,而且是有序的,所以我们使用一个数组来装所有奖品的位置 一、需要到…第五回主要讲怎么把奖品描绘上去预期达到的效果:http://www.html5china.com/html5games/mogu/index原创 2012-05-30 15:28:01 · 1189 阅读 · 0 评论 -
html5(熊与蘑菇)一步一步学做游戏 第八回:完善游戏
第八回合中主要是完善游戏,给 游戏 加上开始按钮、生命数、得分 预期达到的效果: http://www.html5china.com/html5games/mogu/index7.html 一、添加开始按钮 A、html代码中加入开始按钮,并定位他…第八回合中主要是完善游戏,给游戏加上开始按钮、生命数、得分预期达到的效果:http://www.html5china.com/ht原创 2012-05-30 15:29:52 · 836 阅读 · 0 评论