使用html5的游戏,使用HTML5制作游戏

使用HTML5制作简单游戏

记录一下自己制作游戏的基本模式和思路。

游戏架构

我的游戏制作架构图：

l 浏览器接入层：

提供浏览器检测能力(主要看是否支持HTML5)，提供多种客户端接入的兼容处理。

l 业务逻辑层：

1. 自身业务

2. 扩展业务：例如游戏语音软件系统的接入

l 游戏系统(平行可扩展，以下所列出的也不是必须的)

场景控制系统：提供场景切换的能力

重力系统：提供物体在重力系统下的移动算法(如自由下落、弹跳等)

关卡系统：提供关卡资源的读取、切换能力

等级系统：比如提供人物角色的经验值计算公式、怪物的等级

版本检测系统

l API、系统配置

绘图函数

特效

常用基本函数(例如正则、获得当前系统时间)

资源管理器：主要是图片、音频资源

配置管理器：系统全局配置

制作思路

做每个游戏，一般都是以下的模式：

l 先初始化

l 运行时，用一个timer不断的刷新页面：

1. 进行场景重绘(一般是刷新背景)。

2. 执行游戏逻辑(比如人物移动、障碍物等)

3. 绘制场景、人物

游戏流程图：

游戏演示：超级玛丽Demo(还没做完，只是个demo)

http://lanliang.web-164.com/html5/supermarry/index.html

使用html5的游戏,使用HTML5制作游戏相关推荐

flash游戏教程集锦~~制作游戏有疑惑的先来这里看看~~
http://www.flash8.net/bbs/dispbbs.asp?boardID=38&ID=183016&page=1 flash游戏教程集锦~~制作游戏有疑惑的先来这里看 ...
如何构建自己的游戏框架并且制作游戏
这个教程就让我们学习怎么用这个游戏框架开发一个简单的空战游戏吧!由于素材有限,都是用的网上的素材.这个游戏可以改造成为空战或者植物大战僵尸等的养成类型游戏或者更多,原理都差不多. 一个出类拔萃的 ...
unity3d横版游戏移动_制作游戏并不困难。回顾Unity3D上的小型移动项目
unity3d横版游戏移动 Clearly, I'm telling about my experience and my vision, but many things would be commo ...
HTML5——canvas制作游戏2048
笔者刚学HTML5不久,这是笔者第一次用HTML5制作游戏,希望大家多多提点意见. 废话不多说,先来一张效果图: 笔者只做了游戏主体,至于那些得分啊,历史最高分之类的,都没有去实现.那些都是比较简单的 ...
python html5游戏_10天制作html5游戏-卡坦岛-第一天，环境配置
卡坦岛是一款类似<文明>系列游戏的桌游,玩家要在由六边形组成的地图上发展自己的定居地与城市,以此累积胜利点,最先达到10点胜利点的玩家将获得游戏胜利.本系列专栏就将从零开始,在浏览器上实现 ...
基于HTML5平台做的“手机网页游戏”
游戏在这个娱乐年代怎么可能少,微信有了游戏,这个平台也成了它的主要增值空间."愤怒的小鸟"."捕鱼达人"."水果忍者",一个个耳熟能详的手机 ...
html5走格子游戏,JS/HTML5游戏常用算法之碰撞检测地图格子算法实例详解
JS/HTML5游戏常用算法之碰撞检测地图格子算法实例详解发布时间:2020-09-26 20:42:24 来源:脚本之家阅读:112 作者:krapnik 本文实例讲述了JS/HTML5游戏常 ...
HTML5 Canvas核心技术:图形.动画与游戏开发
<HTML5 Canvas核心技术:图形.动画与游戏开发> 基本信息原书名:Core HTML5 Canvas: Graphics, Animation, and Game Develo ...
使用 HTML5 Canvas 标签的贪吃蛇游戏
https://thoughtbot.com/blog/html5-canvas-snake-game 保罗·詹森 2009 年 12 月 31 日更新于 2019年3 月 9 日这篇文章最初发 ...

使用html5的游戏,使用HTML5制作游戏

使用html5的游戏,使用HTML5制作游戏相关推荐

最新文章

热门文章