想做简单的 HTML5 游戏,请问应该怎么开始呢?

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3695 天前的主题，其中的信息可能已经有所发展或是发生改变。

RT
看到HTML5的avg(全年龄)都有了,还有"读取资源包"什么的感觉好炫啊.
所以也想学
请问应该看点什么捏?

html5

读取

avg

12 条回复 • 2014-10-20 02:44:14 +08:00

qiayue

2014-10-18 20:28:21 +08:00

你可以不用框架，不用 HTML5 的特性，先从最简单的做起，怎么控制内容（文字、图片）显示、隐藏、移动

zts1993

2014-10-18 20:30:37 +08:00

canvas 和 js

regmach

2014-10-18 20:40:20 +08:00

@qiayue 仅js?

@zts1993 预读各种资源也是使用的js吗?

Mutoo

2014-10-18 20:44:20 +08:00

你可以从选择一个游戏框架开始，比如轻量的 createjs，impactjs，melonjs 或者不那么轻量的 cocos2d-html5，egret.

预读资源是通过xhr实现的。

scg16

2014-10-18 20:59:10 +08:00

Google Web Designer 还更新不，前两天才知道谷歌出过这东西

grzhan

2014-10-18 21:14:53 +08:00

如果想要看比较入门又能比较能够引发兴趣的东西的话，可以试试box2dweb，一款2D物理引擎
原先box2d是用在Angry Birds的一个开源库（C++)，因为其易于移植所以现在有JS版本

有趣的地方在于看过它的demo你就很能理解包括AB、LIMBO在内的很多2D游戏是如何实现出来的了，对于完全没有接触过游戏开发的我来说，那些DEMO确实很吸引人

另外确实比较简单，代码不长，box2d官网提供的文档仅有30多页

当然，HTML5游戏框架的开发是如此的活跃，这边讲的必然不是最适合你的（我只用过box2d而没用过box2dweb，所以被坑了请不要恨我...OTZ

oott123

2014-10-19 00:16:42 +08:00 via Android

最近我也在做。
我用的是 pixi.js ，它支持 spine 动画，对各种手机浏览器兼容也不错。挺轻量级，挺萌的~

raickey

2014-10-19 03:24:11 +08:00

加油，做好了给我个账号玩玩哈~

regmach

2014-10-19 06:28:22 +08:00

@qiayue
@zts1993
@Mutoo
@scg16
@grzhan
@oott123
@raickey

没想好把运算部分放在客户端还是服务器端---虽然设想的只是很微小的项目.
放在服务器端的缺点略,放在客户端就是不那么"安全",而且要下载的内容可能会增加

另外,flash那样封装的吗?
如果右键"审查元素"让大家猎奇,会不会显得很矬?

oott123

2014-10-19 10:08:01 +08:00 via Android

普通的小游戏运算的部分无非就是哪些元素如何移动何时入场，还有碰撞之类的吧，完全只能放到客户端啊，放服务端岂不是要卡死…

qiayue

2014-10-19 10:22:05 +08:00

@regmach 总的来说是，你 X 得太少，想得太多了

regmach

2014-10-20 02:44:14 +08:00

@qiayue
@oott123
谢谢