零基础HTML5游戏入门教程 第1章

第一章 绪论

HTML一直是网络编程的基石,其他任何编程语言,不论是PHP、Phython、CSS还是 JavaScript,都必须以HTML为基础。

上一代的标准,HTML4.01在1999年制定之后,统治互联网长达15年,越来越跟不上飞速发展的网络的步伐,尤其是在无线互联日益普及的今天。终于,在多年的争论和妥协之后,万维网联盟(W3C)在1个月前发布了HTML新标准。让我们一起来迎接我们的新王者HTML5。

HTML5对网络的提升是多方面的,本教程只关注游戏方面。其实HTML5是一个相当不错的游戏开发平台,它具有以下优点:

1,兼容性高。目前主流浏览器已经普遍支持HTML5,游戏可以在不需任何修改、不需任何插件的前提下直接在Windows、Linux、iOS等操作系统下完美运行,同时很容易移植到安卓和苹果等移动平台。

2,入门简易。对于游戏初学者来说,这是最好入手的平台之一。(有些语言很不适合用来做游戏,比如我当年初学C语言时,想做个小游戏玩玩,发现光搞个图形界面都非常复杂。)

3,同时适合做单机游戏和网游。

4,有不少现成的游戏开发引擎。(建议初学阶段不要去用)

本教程是完全从零开始的新手教程,只要你爱玩游戏,并且想要自己做个小游戏玩玩,都可以来学,你甚至可以一点编程都不会。(如果你真的一点都不会,建议你先自学4天,其中2天学习html,2天学习JavaScript。)

我很痛恨那些动辄几百上千页的“大块头”的书,所以本教程会尽可能的简单,简单到可能出现一些类似“方块打方块”、“方块追方块”的章节标题。你可以把它理解为“飞机打坦克”。我不会进行任何美工的处理,因为没必要,也不想复杂化。当你会做了“方块打方块”,原理其实和“飞机打坦克”是一样一样的,你只需把图形换一下就可以了。

我是业余时间写这个的,打算每星期更新1到2次。我不知道最终会不会太监,但我争取尽量把它写完吧。

更新的话会发在我的微博和博客:

新浪微博:“地球生活eev”

CSDN博客:http://blog.csdn.net/trackstatic

博客园博客:http://www.cnblogs.com/phyy/

如果有问题的话,请在我的微博或博客留言,我都会去看的

嗯,废话不说了,我们开始正式内容吧

时间: 2024-08-03 08:27:20

零基础HTML5游戏入门教程 第1章的相关文章

零基础HTML5游戏制作教程 第6章 贪吃蛇的实现及代码

第6章 贪吃蛇的实现及代码 讲了不少东西了,老讲理论的东西没劲呀,我们不如先试着做一个小游戏吧. 作为我们的第一个游戏,当然是越简单越好.<贪吃蛇>大家应该都玩过吧?我觉得我玩过的游戏中,她应该算是最简单的一个了.好,就让我们从做<贪吃蛇>开始,享受自己做游戏的乐趣吧. 由于这个游戏是本教程的第一个实际的游戏例子,我会讲的比较详细一些.请大家重点注意编程的思路和实现的方法,这些远比代码本身要重要. 一,蛇身的制作 蛇身由一系列方格组成,初始我们设定蛇身的长度是4,以后每吃到一次食物

零基础HTML5游戏制作教程 第2章 简单图形的绘制

第二章 简单图形的绘制 HTML5支持使用Canvas和SVG等方式在网页直接绘制图形.其中SVG适合用来绘制高质量的矢量图形,不适合用来做游戏,所以我们做游戏一般使用Canvas. 由于本教程以简单为原则,所以在初学阶段请不要把注意力分散到美工.画质等细节,我们只需要掌握矩形.多边形.圆形等简单图形的绘制,并对这些图形编程,使之具有一定的运动能力和游戏效果. (如果你偷懒,你甚至可以跳过本章中多边形和圆形的绘制,只学矩形,然后直接去看下一章.) 一,矩形的绘制 命令的格式是context.fi

零基础HTML5游戏制作教程 第5章 碰撞检测

第5章 碰撞检测 几乎所有的游戏都需要碰撞检测.比如<贪吃蛇>,你需要检测蛇的前端是不是已经碰到了它的尾巴:比如<俄罗斯方块>,你需要检查方块是不是已经碰到了底部:比如<英雄联盟>,你需要判断adc的子弹或魔法是不是已经碰到了对方. 其实要做好碰撞检测是很难的,尤其是对于3d游戏或者图形复杂的2d游戏来说. 当然,对于简单图形来说,碰撞检测还是比较容易的,本章将分别介绍圆形的碰撞检测,矩形的碰撞检测,以及逻辑碰撞检测. 一,圆形碰撞检测 圆形间碰撞检测的原理是最简单的,

零基础HTML5游戏制作教程 第4章 移动的控制

第4章 移动的控制 一,捕获键盘击键的原理 有很多种方法可以控制游戏中图形的移动,常用的有键盘控制.鼠标控制以及屏幕上的按钮控制等.其中键盘控制比较简单,比较适合初学者,我们先来讲这种方法. 其实键盘上的每一个按键,在我们按下去的时候,会向电脑中传送一个编号.比如A的编号是65,B是66.在这一章里,我们只需要记住4个键就可以了,她们是光标的上下左右键.向上的编号是38,向下是40,向左是37,向右是39. 所以键盘捕获的原理其实很简单,就是读取键盘传到电脑中的编号,然后根据这个编号来判断哪个键

大数据零基础学习hadoop入门教程

1.Hadoop生态概况 Hadoop是一个由Apache基金会所开发的分布式系统集成架构,用户可以在不了解分布式底层细节情况下,开发分布式程序,充分利用集群的威力来进行高速运算与存储,具有可靠.高效.可伸缩的特点 Hadoop的核心是YARN,HDFS,Mapreduce,常用模块架构如下 ? 2.HDFS 源自谷歌的GFS论文,发表于2013年10月,HDFS是GFS的克隆版,HDFS是Hadoop体系中数据存储管理的基础,它是一个高度容错的系统,能检测和应对硬件故障 HDFS简化了文件一致

零基础大数据入门教程:Java调用阿里云短信通道服务

这里我们使用SpringBoot 来调用阿里通信的服务. 阿里通信,双11.收到短信,日发送达6亿条.保障力度非常高. 使用的步骤: 1.1. 第一步:需要开通账户 1.2. 第二步:阅读接口文档 1.2.1. 秘钥管理 1.2.2. 短信签名 1.2.3. 短信模板 1.3. SDK 这个由阿里云提供. 编译与打包. 打包到本地仓库,或者公司局域网内的私服地址. Maven打包 1.4. 第三步:创建SpringBoot工程,导入依赖 <!-- sms单独打包 --> <depende

零基础unity3d游戏开发系列目录

零基础Unity3D游戏开发系列 第一章:游戏开发与游戏引擎(一) 零基础Unity3D游戏开发系列 第一章:游戏开发与游戏引擎(二) 零基础Unity3D游戏开发系列 第二章:Unity3D概览(一)界面... 零基础Unity3D游戏开发系列 第二章:Unity3D概览(一)创建与打开项目I 零基础unity3d游戏开发系列 第二章:unity3d概览(一)创建与打开项目II 零基础Unity3D游戏开发系列 第二章:Unity3D概览(一)创建与打开项目III 零基础Unity3D游戏开发

教你零基础如何快速入门大数据技巧

现在是大数据时代,很多人都想要学习大数据,因为不管是就业前景还是薪资都非常的不错,不少人纷纷从其他行业转型到大数据行业,那么零基础的人也想要学习大数据怎么办呢?下面一起探讨下零基础如何快速入门大数据技巧吧. 很多人都需要学习大数据是需要有一定的基础的,编程语言就是必备的条件之一,编程语言目前热门的有:Java.Python.PHP.C/C++等等,无论是学习哪一门编程语言,总之要精细掌握一门语言是非常必须的,我们先拿应用广泛的Java说起哦. .在入门学习大数据的过程当中有遇见学习,行业,缺乏系

下载云计算Docker从零基础到专家实战教程【第一季】

云计算.大数据,移动技术的快速发展,加之企业业务需求的不断变化,导致企业架构要随时更改以适合业务需求,跟上技术更新的步伐.毫无疑问,这些重担都将压在企业开发人员身上:团队之间如何高效协调,快速交付产品,快速部署应用,以及满足企业业务需求,是开发人员亟需解决的问题.Docker技术恰好可以帮助开发人员解决这些问题. 云计算Docker从零基础到专家实战教程[第一季],刚刚入手,转一注册文件,视频的确不错,可以先下载看看:http://pan.baidu.com/s/1hsO74Gk 密码:g58j