`
qiushyfm
  • 浏览: 96190 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

Html5游戏开发入门笔记--<躲砖块>

 
阅读更多

学习了html5中的canvas画布元素,自己写了一个小游戏,把教程发在了自己的独立博客中,见下面的地址:

http://www.yongzhi.info/2011/12/509.html

 

http://www.yongzhi.info/2011/12/523.html

 

游戏方式:通过键盘的方向键控制小车的位置,躲避上方下来的砖块,一旦碰撞则游戏结束,空格键可以暂停游戏。

 

笔记分两部分实现:

 

1:在页面中实现一个可以通过键盘方向键控制位置的小车。
2:实现砖块随机下移,并实现简单的物体碰撞检查。

游戏运行demo:http://qqopen.sinaapp.com/html5_dzk/(需要支持html5的浏览器运行,比如chrome,IE9)

代码下载地址https://github.com/yongzhi/html5_note_01

 

wordpress的博客对于代码支持不好,找不到好的插件,这点不如iteye的代码插件好看。以后涉及到代码的博文直接发在此博客上,不再发自己的独立博客了。

1
1
分享到:
评论

相关推荐

    jsp笔记资料大全

    &lt;param-name&gt;listings&lt;/param-name&gt; &lt;param-value&gt;false&lt;/param-value&gt; &lt;/init-param&gt; Tomcat的管理员设置 在tomcat下的conf目录中的tomcat-user.xml文件中可以配置tomcat的用户角色 &lt;tomcat-users&gt; &lt;role rolename=...

    1.html的语法+基本结构+文档标记,对网页制作感兴趣的很有帮助,浅显易懂,只需要TXT可操作,本人已学,有笔记,大纲,源码

    对网页制作感兴趣的同学 ...4、文档设置标记下-文本标记(&lt;hn&gt;&lt;font&gt;&lt;b&gt;&lt;i&gt;&lt;sub&gt;&lt;sup&gt;&lt;tt&gt;&lt;cite&gt;&lt;em&gt;&lt;strong&gt;&lt;small&gt;&lt;big&gt;&lt;u&gt;) 5、含有教程笔记,大纲,源码,本人看过已学,浅显易懂。每节课都配有源码可以看教程实践

    javascrip上百技术总集

    asp .net Label控件&lt;br&gt;用javascript操作 asp .net TextBox控件 下&lt;br&gt;用javascript操作asp.net label控件 外一篇&lt;br&gt;用javascript改变onclick调用的函数&lt;br&gt;用JavaScript加密保护网站页面&lt;br&gt;用Javascript检测网速...

    安装Oracle9i for HP-UX双机笔记

    安装Oracle9i for HP-UX双机笔记&lt;br&gt;安装Oracle9i for HP-UX&lt;br&gt;系统需求:&lt;br&gt;-》内存&lt;br&gt;最小256MB。&lt;br&gt;使用以下命令确认系统内存容量:&lt;br&gt;#/usr/sbin/demesg | grep “Physical:”&lt;br&gt;-》交换空间&lt;br&gt;两倍于...

    html学习笔记.zip

    介绍了html中代码格式和常用标签 #HTML格式 * `&lt;!DOCTYPE html&gt;`---------*注明文件使用格式* `&lt;html lang="en"&gt;`--------*注明网页使用语言 en-... `&lt;meta charset=UTF-8&gt;`-------*设置字符集,一般都为UTF-8*&lt;br /&gt;

    新版Android开发教程&笔记--基础入门

    新版Android开发教程&笔记--基础入门一 新版Android开发教程&笔记--基础入门二 新版Android开发教程&笔记三--环境搭建与解析 新版Android开发教程&笔记四--Dalvik ADB 新版Android开发教程+笔记五--模拟器、应用1、2...

    MLDN框架笔记大全

    MLDN框架笔记大全&lt;br&gt;JSP+JDBC_假分页 &lt;br&gt;02 JSP+JDBC_真分页(基于MySQL数据库分页) &lt;br&gt;03 JSP+DAO和MVC+DAO(基于MySQL数据库分页) &lt;br&gt;04 Struts入门 &lt;br&gt;05 使用Struts + DAO完成用户登陆 &lt;br&gt;06 Struts标签-...

    Java 学习笔记-手机书 Rev.2 (080411)

    &lt;br&gt;此份所有内容皆出自我的偶像:林信良(良葛格)的Java 学习笔记,网址:&lt;br&gt;http://caterpillar.onlyfun.net/Gossip/JavaGossip-V1/JavaGossip.htm&lt;br&gt;本人只是将其整理成适合手机阅读的格式。&lt;br&gt;&lt;br&gt;此为第二...

    S7-200 Smart入门笔记1-8 程序合集

    S7-200 Smart入门笔记5——子程序 S7-200 Smart入门笔记6——中断1 S7-200 Smart入门笔记7——中断2 S7-200 Smart入门笔记8——电机控制子程序调用1-OUT S7-200 Smart入门笔记8——电机控制子程序调用2-IN_OUT

    嵌入式Liunx应用程序开发笔记-代码.zip

    嵌入式Liunx应用程序开发笔记-代码.zip嵌入式Liunx应用程序开发笔记-代码.zip嵌入式Liunx应用程序开发笔记-代码.zip嵌入式Liunx应用程序开发笔记-代码.zip嵌入式Liunx应用程序开发笔记-代码.zip嵌入式Liunx应用程序...

    java学习笔记

    &lt;title&gt;page对象&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;%--通过page对象调用Servlet中的getServletInfo()方法 --%&gt; &lt;% String info = ((javax.servlet.jsp.HttpJspPage)page).getServletInfo(); %&gt; &lt;%=info %&gt; &lt;/body&gt; &lt;/...

    Java秒杀系统方案优化高性能高并发学习实战源代码以及笔记..zip

    &lt;artifactId&gt;spring-boot-starter-tomcat&lt;/artifactId&gt; &lt;scope&gt;provided&lt;/scope&gt; &lt;/dependency&gt; 编写启动类 public class ServletApplication extends SpringBootServletInitializer { @Override protected ...

    游戏开发学习笔记-5.摄像机自动导航

    游戏开发学习笔记-5.摄像机自动导航 附属代码 所属博客:http://blog.csdn.net/qq578023708

    Java 学习笔记-手机书 Rev.3 (080603)

    &lt;br&gt;&lt;br&gt;此为第三版Java Study Note Rev.3 (080603)&lt;br&gt;&lt;br&gt;1).增加了学习笔记下半部。&lt;br&gt;&lt;br&gt;在转换的过程中可能存在其他失误,请见谅,如果有好的见解请登陆我的博客:&lt;br&gt;&lt;br&gt;...

    BootStrap3学习笔记(一)之网格系统

    如果显示网格,代码应类似这样: &lt;div class=container&gt; &lt;div class=row&gt; &lt;div class=col-md-4&gt;&lt;p&gt;Box 1&lt;/p&gt;&lt;/div&gt; ...&lt;div class=col-md-4&gt;&lt;p&gt;Box 5&lt;/p&gt;&lt;/div&gt; &lt;div class=col-md-4&gt;&lt;p&gt;Box 6&lt;/p&gt;&lt;/

    jive.chm

    &lt;br&gt; 2 jcs学习笔记 &lt;br&gt; 3 关于Hibernate的Cache问题 &lt;br&gt; 4 用缓冲技术提高JSP应用的性能和稳定性 &lt;br&gt; 5 SwarmCache入门 &lt;br&gt;&lt;br&gt; &lt;br&gt; &lt;br&gt;源代码研究&lt;br&gt; 1 Jive中的全局配置 &lt;br&gt; 2 Jive源代码情景分析-index....

    新版Android开发教程及笔记-完整版.pdf

    新版Android开发教程&笔记--基础入门一.pdf 新版Android开发教程&笔记--基础入门二.pdf 新版Android开发教程&笔记三--环境搭建与解析.pdf 新版Android开发教程&笔记四--Dalvik ADB.pdf 新版Android开发教程+笔记五--...

    新版Android开发教程笔记--基础入门一

    新版Android开发教程笔记--基础入门一

    LaTex教程--latex排版学习笔记---入门提高.pdf

    LaTex教程--latex排版学习笔记---入门提高.pdf

    游戏开发学习笔记-4.加载X模型

    游戏开发学习笔记-4.加载X模型 附属代码

Global site tag (gtag.js) - Google Analytics