推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
NaVient

关于前端小游戏的开发

  •  
  •   NaVient · Jun 11, 2017 · 6426 views
    This topic created in 3283 days ago, the information mentioned may be changed or developed.

    请问各位大神是自己去写游戏的逻辑做 UI 还是用框架呢? 如果用框架,有什么厉害的 web 游戏框架推荐的呢?

    27 replies    2017-06-21 13:48:23 +08:00
    sensui7
        1
    sensui7  
       Jun 11, 2017
    就跟开发桌面游戏一样, 没必要为了做个游戏开发个游戏引擎吧。之前尝试过 pixi.js, 看着蛮牛的, 支持 webgl, 向后兼容 canvas。 实际写起来,额,不太喜欢 api 的风格, 而文档写的也太粗糙,它更多关注图形资源, 游戏逻辑内容比较少, 恐怕还需要一些辅助库。

    游戏新手对 pixi 的一点浅见。
    tvallday
        2
    tvallday  
       Jun 11, 2017 via Android
    @sensui7 pixi 是渲染引擎不是游戏引擎。功能要求不一样。
    tvallday
        3
    tvallday  
       Jun 11, 2017 via Android
    phaser.io 写的连连看 llk.tangsem.com。其他没用过。
    NaVient
        4
    NaVient  
    OP
       Jun 11, 2017
    @tvallday 感谢。挺厉害的! get 到了 我也去试试
    chunqiuyiyu
        5
    chunqiuyiyu  
       Jun 11, 2017
    如果游戏逻辑比较简单,可以直接用原生 canvas 标签的 api 开发。但是如果想提升开发效率,用框架也不错,同楼上一样,推荐 phaser.js,上手简单,而且包含了游戏开发的各个方面,你只要拿来用就行了,唯一的缺点是体积比较大,这就要你自己取舍了。
    shoaly
        6
    shoaly  
       Jun 11, 2017
    搜一下白鹭 游戏
    AlisaDestiny
        7
    AlisaDestiny  
       Jun 11, 2017
    @tvallday 你这个斗地主 BGM 也是没谁了。
    tvallday
        8
    tvallday  
       Jun 11, 2017
    @AlisaDestiny 老司机啊...
    chairuosen
        9
    chairuosen  
       Jun 11, 2017
    没写过前端游戏,请教一下各位大佬,游戏的画面切换也是用的路由(抽象路由)么?比如菜单页,和游戏场景,以及通关后的分数页。
    coderluan
        10
    coderluan  
       Jun 11, 2017
    游戏一般都叫引擎,而不是框架,国外有 pixi.js,phaser.js 等等,国内也有 Egret 和 Laya 等等。
    分享我之前分别拿 Egret 和 Laya 做的一个对对碰游戏:
    https://github.com/LuanZhanKuangGe/Japanese-syllabary-game
    coderluan
        11
    coderluan  
       Jun 11, 2017
    @chairuosen 不管是不是页游,游戏一般都是 舞台->场景->对象 这种层次, 切换画面一般是切换场景,引擎都提供相应的类和对象的。
    ragnaroks
        12
    ragnaroks  
       Jun 11, 2017
    2d 的话, phaser 很不错
    tyrealgray
        13
    tyrealgray  
       Jun 11, 2017 via iPhone
    @chairuosen 少年你知道 canvas 这个东西么,游戏当然都在一个页面完成啊

    话说现在就在用 js 写游戏,用的 nwjs 来平台打包,加 pixi 渲染和 webpack 管理
    chairuosen
        14
    chairuosen  
       Jun 11, 2017
    @tyrealgray 我说的是抽象的路由
    23wEJhKrPYz2uRF5
        15
    23wEJhKrPYz2uRF5  
       Jun 11, 2017
    游戏和 web 开发不是一个思路了 建议找个游戏引擎学习一下 白鹭可以看看 配套工具很丰富
    fjzjk
        16
    fjzjk  
       Jun 11, 2017
    直接用游戏引擎呗,h5 的游戏引擎就多了。
    国内的白鹭、laya 都不错,creator 也可以但是臃肿一些。unity 的 h5 只能给 pc 用。
    还有一些冷门的就不提了,一般推荐用大众的,坑都被人踩过了好弄
    tlday
        17
    tlday  
       Jun 12, 2017 via Android
    练技术自己玩玩可以,但是个人不太看好网页小游戏的发展。
    tlday
        18
    tlday  
       Jun 12, 2017 via Android
    入门建议 egret,他们最近憋了半年出了个 5.0,据称是支持 WebAssembly,生态也比较完善,整个一套有 Wings 的 IDE,Dragon bones 的动画建模工具,以及各种 native app 打包支持,前端的资源文件管理,自动的代码压缩打包发布,所有工具都是 Mac/Win 双平台的,甚至你游戏写完以后的渠道支持都有,引擎也是开源的,文档还是中文的,手把手教你写游戏的感觉,推荐刚开始写游戏的试试。等有了底子,就可以自己选择适合自己的框架了。
    tlday
        19
    tlday  
       Jun 12, 2017 via Android
    国内的网页游戏引擎几乎都脱胎于 Flash,所以 api 是几乎一样的,转换成本很低。
    LeoEatle
        20
    LeoEatle  
       Jun 12, 2017 via iPhone
    直接 CocosJS,可以全平台打包
    mumuy
        21
    mumuy  
       Jun 12, 2017
    我用 canvas 写的一款小游戏,没有用第三方游戏引擎哦,自己写的动画和事件管理:
    https://github.com/mumuy/pacman
    mumuy
        22
    mumuy  
       Jun 12, 2017
    @coderluan 哈哈哈,我没有用游戏引擎,自己定义了场景对象什么的
    coderluan
        23
    coderluan  
       Jun 12, 2017
    @mumuy #22 简单的游戏确实用不到,不过我想说你这个吃豆人操作不对吧,怎么还带上下左右的...
    zohan
        24
    zohan  
       Jun 12, 2017
    推荐 phaser,简单易上手,demo 又多。引擎扩展性也不错
    mumuy
        25
    mumuy  
       Jun 12, 2017
    @coderluan 什么意思?为什么不带上下左右???
    coderluan
        26
    coderluan  
       Jun 12, 2017
    @mumuy #25 我记得原版吃豆人就左右两个方向负责拐弯,前后没用,而且可以提前按键,比如按左,等下有左边有路,它会自己拐弯。你去玩下原版的吃豆人就知道操作有啥不同了。
    mumuy
        27
    mumuy  
       Jun 21, 2017
    @coderluan you sure???你说的原版是红白机吗?
    哈哈哈,我没说我完全按原版来啊,原版每个幽灵的寻路算法都不一样呢~不是想我这样几个一起围堵玩家
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1105 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 57ms · UTC 23:27 · PVG 07:27 · LAX 16:27 · JFK 19:27
    ♥ Do have faith in what you're doing.