blocks|key|537006|text|好吧..。这是火箭发动机。我没有使用它，但表面上看，它似乎能做你想做的很多事情。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|537007|我还推荐HTML5游戏，一个关于HTML5+5/JS构建游戏问题的博客|537008|entityMap|0|LINK|mutability|MUTABLE|url|http://rocketpack.fi/engine/|1|http://html5gamer.com/^0|7|5|0|0|4|7|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

Well.... there's <a href="http://rocketpack.fi/engine/" rel="nofollow">Rocket Engine</a>. I haven't used it, but it appears (on the surface) to do much of what you want.

I'd also recommend <a href="http://html5gamer.com/" rel="nofollow">HTML5 Gamer</a>, a blog on the issues for building games in HTML5/JS

blocks|key|1734623|text|GameJs这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1734624|精灵(+SpriteGroups+)|unordered-list-item|1734625|文本渲染|1734626|输入处理(键/鼠标)|1734627|碰撞检测|1734628|声音|1734629|资源预压|1734630|http://gamejs.org，免责声明:我是GameJ的开发者。|offset|length|1734631|上面的东西很好用，我也玩过了。这个API类似于一些人非常喜欢的http://PyGame.org。|1734632|网络是计划中的。|1734633|entityMap|0|LINK|mutability|MUTABLE|url|http://gamejs.org/|1|http://pygame.org/^0|0|0|0|0|0|0|0|0|H|0|0|V|H|1|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|17|8|@]|9|@]|A|$]]|$1|E|3|F|5|D|7|18|8|@]|9|@]|A|$]]|$1|G|3|H|5|D|7|19|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|1A|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|1B|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|1C|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1D|8|@]|9|@$Q|1E|R|1F|1|1G]]|A|$]]|$1|S|3|T|5|6|7|1H|8|@]|9|@$Q|1I|R|1J|1|1K]]|A|$]]|$1|U|3|V|5|6|7|1L|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]]|X|$Y|$5|Z|10|11|A|$12|13]]|14|$5|Z|10|11|A|$12|15]]]]

GameJs does this:

<ul>
<li>Sprites, SpriteGroups</li>
<li>Text rendering</li>
<li>input handling (key/mouse)</li>
<li>collision detection</li>
<li>sound</li>
<li>resource preloading</li>
</ul>

<a href="http://gamejs.org" rel="nofollow">http://gamejs.org</a>, Disclaimer: I'm dev of GameJs. 

The stuff above works good and I did games with it. The API is similar to <a href="http://PyGame.org" rel="nofollow">http://PyGame.org</a> which some people like a lot.

Networking is planned.

blocks|key|1734720|text|如果您熟悉jQuery，那么游戏查询是一个很好的尝试。下面是一个很好的演示，展示了您可以用它做什么：脑残者。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1734721|以下是一些特性：|1734722|多层精灵动画|unordered-list-item|1734723|层次结构(分组)冲突|1734724|检测可交换声音支持|1734725|周期性回调键盘状态|1734726|无轮询和开放源码许可证|1734727|entityMap|0|LINK|mutability|MUTABLE|url|http://gamequery.onaluf.org/|1|http://www.mattpelham.com/brainsnackers/^0|E|4|0|1E|3|1|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]|$A|14|B|15|1|16]]|C|$]]|$1|D|3|E|5|6|7|17|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|18|8|@]|9|@]|C|$]]|$1|I|3|J|5|H|7|19|8|@]|9|@]|C|$]]|$1|K|3|L|5|H|7|1A|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|1B|8|@]|9|@]|C|$]]|$1|O|3|P|5|H|7|1C|8|@]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|1D|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]|Y|$5|T|U|V|C|$W|Z]]]]

If you're familiar with jQuery then <a href="http://gamequery.onaluf.org/" rel="nofollow">gamequery</a> is a good one to try. Here's a great demo of what you can do with it: <a href="http://www.mattpelham.com/brainsnackers/" rel="nofollow">brainsnackers</a>.

Here are some of the features:

<ul>
<li>multi layer-sprite animations sprite</li>
<li>hierarchies (grouping) collision</li>
<li>detection swappable sound support</li>
<li>periodic callbacks keyboard state</li>
<li>polling free and open source license</li>
</ul>

blocks|key|2089963|text|看看蛋糕js。它已经存在很长时间了，使用起来真的很好--特别是如果您以前使用过actionscript。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2089964|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/p/cakejs/^0|2|4|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Check out <a href="http://code.google.com/p/cakejs/" rel="nofollow">cake js</a>. It's been around a long time and it's really nice to use - especially if you've used actionscript before.

blocks|key|1734752|text|http://js1k.com比赛刚刚结束，2D平台游戏弹跳眼的传说+(由马利金制作)获得冠军。您可能希望查看源代码，因为它提供了一个非常容易掌握的侧面滚动器概述，而不需要阅读大量代码。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1734753|另一个好的是两人疯狂乒乓球，这是很有趣的。|1734754|另外，1kb的游戏简直太棒了。|1734755|entityMap|0|LINK|mutability|MUTABLE|url|http://js1k.com/|1|http://js1k.com/demo/635|2|http://twitter.com/marijnjh|3|http://js1k.com/demo/41^0|0|F|0|S|6|1|11|3|2|0|6|7|3|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@$A|W|B|X|1|Y]|$A|Z|B|10|1|11]|$A|12|B|13|1|14]]|C|$]]|$1|D|3|E|5|6|7|15|8|@]|9|@$A|16|B|17|1|18]]|C|$]]|$1|F|3|G|5|6|7|19|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|1A|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]|P|$5|K|L|M|C|$N|Q]]|R|$5|K|L|M|C|$N|S]]|T|$5|K|L|M|C|$N|U]]]]

The <a href="http://js1k.com" rel="nofollow">http://js1k.com</a> contest just ended and the 2D platform game <a href="http://js1k.com/demo/635" rel="nofollow">Legend Of The Bouncing Beholder</a> (by <a href="http://twitter.com/marijnjh" rel="nofollow">marijnjh</a>) was the winning entry. You might want to look over the source since it would provide a very easy to grasp overview of sidescrollers without needing to read lots of code.

Another good one is the <a href="http://js1k.com/demo/41" rel="nofollow">two-player crazy pong</a> which is a lot of fun.

Plus, 1kb games are just awesome.

blocks|key|2090118|text|我会使用RenderEngine，我认为它满足了您的需要，并且解决了碰撞检测这一最重要的问题之一，而且它还具有sprite支持。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2090119|教程+<-+-这是我发现的一个很好的教程|2090120|我希望这能帮到你|2090121|entityMap|0|LINK|mutability|MUTABLE|url|http://www.renderengine.com/|1|http://www.brighthub.com/hubfolio/matthew-casperson/blog/archive/2010/09/21/making-games-with-javascript-and-renderengine-collision-detection.aspx^0|4|C|0|0|0|2|1|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]]|C|$]]|$1|D|3|E|5|6|7|V|8|@]|9|@$A|W|B|X|1|Y]]|C|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|10|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]|P|$5|K|L|M|C|$N|Q]]]]

i would use <a href="http://www.renderengine.com/" rel="nofollow">RenderEngine</a> i think it has all you need and solves one of the most important problems that would be collision detection, and it also has sprite support...

<a href="http://www.brighthub.com/hubfolio/matthew-casperson/blog/archive/2010/09/21/making-games-with-javascript-and-renderengine-collision-detection.aspx" rel="nofollow">Tutorial</a> &lt;- this is a great tutorial i found

i hope this helps

blocks|key|1734648|text|我可以推荐使用ajax推送网络的彗星d+(即。(彗星)|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1734649|entityMap|0|LINK|mutability|MUTABLE|url|http://cometd.org/^0|G|3|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I can recommend <a href="http://cometd.org" rel="nofollow">Cometd</a> for using ajax push networking (ie. comet)

blocks|key|1734806|text|那么createJS+(createjs.com)或melonJS+(melonjs.github.io/教程)呢？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1734807|CreateJS对你提到的那些项目有很好的支持，但对网络不太确定。|1734808|MelonJS对读取平铺.tmx文件有本机支持。|1734809|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

What about createJS (createjs.com) or melonJS (melonjs.github.io/tutorial)?

CreateJS has great support for those items you mentioned, not so sure about networking though.

MelonJS has native support for reading Tiled tilemap .tmx files.

If i decide to write a simple game both text and graphical (2d) what libs may i use? Assuming we are using a HTML5 compatible browser.

The main things i can think of

<ul>
<li>Rendering text on screen</li>
<li>Animating sprites (using images/css)</li>
<li>Input (capturing the arrow keys and getting relative mouse positions)</li>
<li>Perhaps some preloading resource or dynamically loading resources and choosing order</li>
<li>Sound (but i am unsure how important this will be to me at first). Perhaps with mixing and chaining sounds or looping forever until stop.</li>
<li>Networking (low priority) to connect a user to another or to continuously GET data without multiple request (i know this exist but i dont know how easy it is to setup or use. But this isnt important to me. Its for the question).</li>
</ul>

What are good JS libraries for game dev? (HTML5)

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

如果我决定写一个简单的游戏，文字和图形(2d)，我可以使用什么库？假设我们使用的是与HTML5兼容的浏览器。我能想到的主要事情在屏幕上呈现文本动画精灵(使用图像/css)输入(捕获箭头键并获得相对的鼠标位置)可能是预压资源或动态加载资源，并选择顺序。听起来不错(但我不确定这对我来说有多重要)。也许与混合和连锁的声音或循环，直到永远停止。网络(低优先级)连接到另一个用户或连续获得数据而不需要多个请求

问游戏开发的好JS库是什么？(HTML5)
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问游戏开发的好JS库是什么？(HTML5)EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问游戏开发的好JS库是什么？(HTML5)
EN