V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
regmach
V2EX  ›  问与答

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

  •  
  •   regmach · 2014-10-18 20:26:33 +08:00 · 5059 次点击
    这是一个创建于 3674 天前的主题,其中的信息可能已经有所发展或是发生改变。
    RT
    看到HTML5的avg(全年龄)都有了,还有"读取资源包"什么的感觉好炫啊.
    所以也想学
    请问应该看点什么捏?
    12 条回复    2014-10-20 02:44:14 +08:00
    qiayue
        1
    qiayue  
       2014-10-18 20:28:21 +08:00   ❤️ 1
    你可以不用框架,不用 HTML5 的特性,先从最简单的做起,怎么控制内容(文字、图片)显示、隐藏、移动
    zts1993
        2
    zts1993  
       2014-10-18 20:30:37 +08:00   ❤️ 1
    canvas 和 js
    regmach
        3
    regmach  
    OP
       2014-10-18 20:40:20 +08:00
    @qiayue 仅js?


    @zts1993 预读各种资源也是使用的js吗?
    Mutoo
        4
    Mutoo  
       2014-10-18 20:44:20 +08:00   ❤️ 1
    你可以从选择一个游戏框架开始,比如轻量的 createjs,impactjs,melonjs 或者不那么轻量的 cocos2d-html5,egret.

    预读资源是通过xhr实现的。
    scg16
        5
    scg16  
       2014-10-18 20:59:10 +08:00   ❤️ 1
    Google Web Designer 还更新不,前两天才知道谷歌出过这东西
    grzhan
        6
    grzhan  
       2014-10-18 21:14:53 +08:00   ❤️ 1
    如果想要看比较入门又能比较能够引发兴趣的东西的话,可以试试box2dweb,一款2D物理引擎
    原先box2d是用在Angry Birds的一个开源库(C++),因为其易于移植所以现在有JS版本

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

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

    当然,HTML5游戏框架的开发是如此的活跃,这边讲的必然不是最适合你的(我只用过box2d而没用过box2dweb,所以被坑了请不要恨我...OTZ
    oott123
        7
    oott123  
       2014-10-19 00:16:42 +08:00 via Android   ❤️ 1
    最近我也在做。
    我用的是 pixi.js ,它支持 spine 动画,对各种手机浏览器兼容也不错。挺轻量级,挺萌的~
    raickey
        8
    raickey  
       2014-10-19 03:24:11 +08:00   ❤️ 1
    加油,做好了给我个账号玩玩哈~
    regmach
        9
    regmach  
    OP
       2014-10-19 06:28:22 +08:00
    @qiayue
    @zts1993
    @Mutoo
    @scg16
    @grzhan
    @oott123
    @raickey

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

    另外,flash那样封装的吗?
    如果右键"审查元素"让大家猎奇,会不会显得很矬?
    oott123
        10
    oott123  
       2014-10-19 10:08:01 +08:00 via Android
    普通的小游戏运算的部分无非就是哪些元素如何移动何时入场,还有碰撞之类的吧,完全只能放到客户端啊,放服务端岂不是要卡死…
    qiayue
        11
    qiayue  
       2014-10-19 10:22:05 +08:00
    @regmach 总的来说是,你 X 得太少,想得太多了
    regmach
        12
    regmach  
    OP
       2014-10-20 02:44:14 +08:00
    @qiayue
    @oott123
    谢谢
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   970 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 22:28 · PVG 06:28 · LAX 14:28 · JFK 17:28
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.