`
qiushyfm
  • 浏览: 97598 次
  • 性别: 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
分享到:
评论

相关推荐

    dwr相关配置笔记 代码说明

    &lt;url-pattern&gt;/dwr/*&lt;/url-pattern&gt; &lt;/servlet-mapping&gt; ``` 为了便于调试,可以添加`debug`初始化参数,设置为`true`,以便在`http://localhost:port/app/dwr`访问DWR自动生成的测试页面,检查和测试Java方法。但...

    SpringMVC课堂笔记

    &lt;artifactId&gt;spring-webmvc&lt;/artifactId&gt; &lt;version&gt;5.3.19&lt;/version&gt; &lt;/dependency&gt; &lt;!-- JUnit for testing --&gt; &lt;dependency&gt; &lt;groupId&gt;junit&lt;/groupId&gt; &lt;artifactId&gt;junit&lt;/artifactId&gt; &lt;version&gt;4.13.2...

    HTML初步学习,笔记记录

    &lt;title&gt;标题标签&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;!-- 1. HTML 官方提供了6级文本标题--&gt; &lt;h1&gt;h1文本内容&lt;/h1&gt; &lt;h2&gt;h2文本内容&lt;/h2&gt; &lt;h3&gt;h3文本内容&lt;/h3&gt; &lt;h4&gt;h4文本内容&lt;/h4&gt; &lt;h5&gt;h5文本内容&lt;/h5&gt; &lt;h6&gt;h6文本...

    struts1.2学习笔记

    ### Struts 1.2 学习笔记:深入理解 Struts 工作流程 #### Struts 概述 Struts 是一个开源的 MVC(Model-View-Controller)框架,用于简化 Java Web 应用程序的开发。Struts 1.2 版本是基于 Servlet 的 MVC 实现,...

    JSF2整合Spring3------JSF学习笔记4

    **JSF2整合Spring3——JSF学习笔记4** 在Java服务器端开发中,JavaServer Faces(JSF)和Spring框架都是重要的技术。JSF是一个用于构建用户界面的MVC(Model-View-Controller)框架,而Spring则是一个全面的企业级...

    SpringMVC笔记

    &lt;artifactId&gt;thymeleaf-spring5&lt;/artifactId&gt; &lt;version&gt;3.0.12.RELEASE&lt;/version&gt; &lt;/dependency&gt; &lt;/dependencies&gt; ``` 3. **配置web.xml** - **注册SpringMVC前端控制器DispatcherServlet**: ```xml ...

    SpringMVC框架第一天【随堂笔记】1

    本篇笔记将深入探讨SpringMVC的基本概念、三层架构以及如何创建一个入门级的SpringMVC项目。 首先,我们需要理解三层架构的概念。在B/S架构中,三层架构是一种常见的设计模式,它将应用分为表现层、业务层和持久层...

    webservice学习笔记 -- XFrie

    【Web Service学习笔记——XFrie框架详解】 Web Service是一种通过网络进行通信的服务,它允许不同的应用程序之间进行数据交换,跨越了操作系统和编程语言的障碍。XFrie是一个轻量级、高性能的Java Web Service框架...

    Flask快速入门精品课程-笔记-123.zip

    Flask快速入门精品课程-笔记-123.zipFlask快速入门精品课程-笔记-123.zipFlask快速入门精品课程-笔记-123.zipFlask快速入门精品课程-笔记-123.zipFlask快速入门精品课程-笔记-123.zipFlask快速入门精品课程-笔记-123...

    Spring MVC 学习笔记 一 创建项目

    &lt;groupId&gt;org.springframework&lt;/groupId&gt; &lt;artifactId&gt;spring-webmvc&lt;/artifactId&gt; &lt;version&gt;5.3.23&lt;/version&gt; &lt;/dependency&gt; &lt;!-- 其他必要的Spring和相关依赖 --&gt; &lt;/dependencies&gt; ``` 然后,我们需要配置...

    springboot开发笔记

    ### Spring Boot 开发笔记知识点详解 #### Spring 的发展历程与配置方式变迁 - **Spring1.x 时代** - 在 Spring1.x 时期,主要通过 XML 文件来管理 Bean 的声明周期和依赖关系。随着项目的复杂度增加,XML 配置...

    SSH(Struts1.0+Spring+Hibernate)框架集成笔记

    ### SSH(Struts1.0+Spring+Hibernate)框架集成笔记 #### 一、概述 SSH框架集成,即Struts1.0 + Spring + Hibernate框架的整合应用,是Java Web开发中较为复杂的集成模式之一。它集合了MVC设计模式(通过Struts...

    Hessian的学习笔记

    &lt;url-pattern&gt;/hello.xsp&lt;/url-pattern&gt; &lt;/servlet-mapping&gt; ``` 客户端代码: 编写客户端代码:public class HelloServiceTest { public static void main(String[] args) throws Exception { String url = ...

    servlet学习笔记_JNDI.doc

    ### JNDI (Java Naming and Directory Interface)学习笔记 #### 一、JNDI简介 JNDI(Java Naming and Directory Interface),即Java命名和目录接口,是在分布式计算环境中使用的一种标准化接口,它允许Java应用...

    赖家材Struts 传智播客笔记下载

    &lt;load-on-startup&gt;1&lt;/load-on-startup&gt; &lt;/servlet&gt; &lt;servlet-mapping&gt; &lt;servlet-name&gt;ActionServlet&lt;/servlet-name&gt; &lt;url-pattern&gt;*.do&lt;/url-pattern&gt; &lt;/servlet-mapping&gt; &lt;/web-app&gt; ``` - **示例 struts-...

    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、含有教程笔记,大纲,源码,本人看过已学,浅显易懂。每节课都配有源码可以看教程实践

    韩顺平PHP从入门到精通笔记-149讲完整

    &lt;td&gt;5&lt;/td&gt; &lt;/tr&gt; ... &lt;/table&gt; ``` #### 协议与网络访问原理 - **协议概述** - **协议**:计算机之间进行通信时遵循的一组规则。常见协议包括FTP、SMTP、POP、HTTP等。 - **HTTP协议** - **HTTP**:...

    个人笔记--HTML5

    - **语义化标签**:如&lt;header&gt;、&lt;footer&gt;、&lt;article&gt;等,增强了网页的可读性和搜索引擎的友好性。 #### 三、常用开发工具 - **记事本**:简单的文本编辑器,适合初学者。 - **Dreamweaver**:Adobe公司出品的专业...

Global site tag (gtag.js) - Google Analytics