优化html5画布游戏

文章/答案/技术大牛

发布

2回答

有没有在HTML5 Canvas中使用四叉树的例子？

html、algorithm、canvas、quadtree

四叉树在游戏和其他地方被用作实体的空间组织的优化。有没有用于HTML5画布的四叉树的例子？

浏览 4提问于2011-08-03得票数 5

回答已采纳

3回答

html5 canvas常规性能提示

javascript、html、performance、canvas、mobile-safari

我正在为html5 canvas开发一个游戏，同时主要针对移动设备。画布的大小被调整到最大的可用分辨率，因此它几乎是一个全屏游戏。在ipad上，这将是一个1024x786的画布；在这样的分辨率下，我注意到帧率显着下降。在较小的分辨率，如480x320的iphone上，游戏运行流畅！我猜这是因为设备的填充速率是有限的。无论如何，我想尽可能多地优化。如果您能为html5 canvas开发提供任何通用的性能提示，我将不胜感激。

浏览 0提问于2011-02-23得票数 30

回答已采纳

2回答

手机HTML5画布标签Javascript动画库

javascript、html、animation、canvas、game-engine

什么是最好的JavaScript动画库的手机HTML5画布标签游戏开发？许多可用的库不能为许多电话设备提供所需的性能。对HTML5手机游戏画布动画有什么建议吗？

浏览 1提问于2012-12-19得票数 1

0回答

HTML5画布仅绘制可见图像

javascript、html、canvas、html5-canvas

是否可以在HTML5画布上“检测”并仅绘制可见的图像？这将在我的游戏中进行巨大的性能优化，例如，如果图像1被图像2覆盖，我如何才能只绘制图像2？

浏览 0提问于2017-06-10得票数 1

1回答

html5画布缓存块

javascript、html、canvas

我正在用HTML5画布制作一款MMO游戏。它是等距，它有瓷砖和墙壁。为此，我想缓存我的瓷砖和墙壁：一旦它们被绘制，它们就会是静态/非动画的。我也不想使用两个(或更多) <canvas>对象，所以我想使用与使用requestAnimationFrame绘制游戏项目/实体时使用的相同的<canvas>元素。我试着把瓷砖和墙壁画到和可见画布一样宽/高的屏幕外<e

浏览 3提问于2017-05-16得票数 0

3回答

在浏览器中渲染javascript游戏的最佳解决方案是什么(完整的视口)？

javascript、html、canvas

我认为这个问题有两种不同的解决方案： 1)首先是aves引擎显示的解决方案，它使用html元素和外部样式表(例如CSS3变换)呈现整个游戏。优点是，在使用div时，事件处理比在画布上渲染要容易得多。2)就像isogenicengine.com展示的那样，你可以在html5画布元素上渲染游戏。这是更好的解决方案，因为在画布上渲染是数百万2D游戏之前编写的方式，未来业界将优化绘制方法，例如硬件加速。目前，相反的是，如果你想全屏渲染，在画布

浏览 0提问于2011-01-17得票数 0

1回答

JavaScript中关键侦听器之间的区别

javascript、canvas、keylistener

我一直在阅读关于HTML5画布中的游戏开发的文章，但是没有一篇是经过优化的。在阅读多篇文章时，我发现了在javascript中使用关键侦听器的不同方法。我不想使用不推荐的方法，我只想使用适合于html5画布的方法.如果这是一个糟糕的问题，请不要-rep我，只要告诉我，我会删除它。

浏览 1提问于2014-03-25得票数 1

回答已采纳

2回答

JS游戏和HTML5画布游戏有什么区别？

javascript、html5-canvas

我想学习网络游戏设计。当我在网上寻找它的时候，我被"JS“和"HTML5”游戏搞混了。是一样的吗？如果他们不是，他们之间有什么区别呢？

浏览 4提问于2015-03-04得票数 0

回答已采纳

1回答

Node.js中的后台循环

javascript、node.js、mean-stack

基本上，我正在制作一个游戏原型，它将使用node作为http服务器。我还需要有一个不断运行的游戏循环，这确实在Mongo数据库上工作。我该怎么做呢？基本上，我需要独立于用户驱动的事件运行代码。

浏览 2提问于2014-05-20得票数 1

1回答

Javascript与用于移动游戏开发的画布

javascript、jquery、html、cordova

我计划使用Phonegap框架制作一个移动游戏。我目前的想法是有一个球，并能够移动球使用加速度计在电话。我还计划在游戏中有其他物品(如:敌人的，墙壁等)。方法： HTML5 --我做了一些研究，并且看到html5画布在这类游戏中被大量使用。jQuery -我也研究过jQuery，并看到了一些用jQuery.编写的游戏的很好的例子。我没有使用html5的经验，我正在查看画布标签。据我所知，(如果我错了，请纠正我)画布标

浏览 4提问于2011-10-03得票数 2

1回答

制作Javascript游戏需要HTML5吗？

javascript、android、html

我想开始学习JavaScript的目的是制作浏览器/手持游戏和响应网站。我的一个朋友最近给我看了HTML5画布。我对是否需要学习HTML5画布来制作游戏感到困惑。我做了一些研究，我所能找到的就是人们谈论HTML5和JavaScript。所以有必要吗？

浏览 4提问于2014-11-20得票数 0

回答已采纳

6回答

画布教程/参考

html、canvas

谁能给我介绍一下画布上的综合教程，它涵盖了所有的属性/功能？我还需要在画布上有明确的参考--类似于w3schools。

浏览 9提问于2009-08-26得票数 50

回答已采纳

1回答

超文本标记语言和<canvas>适合在线游戏男孩风格的游戏吗？

javascript、html、audio、canvas、online-game

我计划创建一个在线游戏男孩风格的游戏(我计划尝试重新创建尽可能逼真的游戏，而不是直接模仿它)，但我不确定我可以使用什么技术。这个游戏没有使用很多持续不断的背景重绘，主要涉及我猜是精灵动画和关键帧动画。

浏览 9提问于2012-10-03得票数 3

回答已采纳

2回答

HTLM5帆布游戏(easeljs)在ipad上的慢性能(ios7)与phonegap

html、performance、ipad、cordova、easeljs

我已经为HTML5画布开发了一个带有easeljs的游戏。这个游戏是一个带有画布和大量javascript的HTML5页面。有什么方法可以使html5画布应用游戏为ipad (iOS7)提供良好的性能呢？

浏览 6提问于2013-12-31得票数 0

回答已采纳

4回答

javascript、html、optimization、canvas

现在，我正在制作的游戏中有两个游戏循环。一种绘制循环，通过屏幕上的对象数组，以及一个执行游戏逻辑的逻辑循环。我有逻辑循环运行约10个比抽签循环多出10帧。我有这样的设置，因为做游戏逻辑可能需要更长的时间，我不希望它干扰抽签循环。，我能做些什么优化来获得一些速度吗？特别是优化游戏循环.我的过程是在

浏览 3提问于2011-10-07得票数 6

1回答

html5 canvas游戏在android avd中无法正常运行

javascript、android、html、cordova、avd

我用javascript开发了一个html5画布游戏(Arkanoid游戏)。它在ff n crome浏览器中工作得很好。后来我从phonegap.com下载了一个应用程序，并使用eclipse和android sdk在安卓虚拟设备上运行了游戏，但问题是游戏运行非常非常慢，如果我单击画布元素来调用mousedown事件，整个画布正在选择有没有其他方法可以将html5页面转换成安卓.apk文件？提前谢谢。

浏览 0提问于2011-07-26得票数 0

1回答

我应该使用什么HTML5画布工具来构建一个纸牌游戏？

javascript、node.js、html5-canvas、game-engine

我想用HTML5画布和JavaScript创建一个纸牌游戏，我想知道什么样的画布工具可以让我的生活更轻松。我找到了并在上面做了一些笔记：；找不到入

浏览 4提问于2013-02-06得票数 7

回答已采纳

1回答

在原生安卓游戏中使用Box2D而不是在HTML5* canvas中使用Box2Dweb有很大的区别吗？*

android、html、performance、game-physics、box2dweb

首先，我尝试在HTML5画布上使用Box2Dweb，但由于有3个实体和50个球，它的运行速度非常慢，即使在装有火狐的台式机上也是如此(奇怪的是，在Chrome上它运行得非常好)。这是。world.DrawDebugData(); })(); 我的问题是，如果我使用Android canvas (不是HTML5画布)和Box2D编写一个原生实现会怎么样？

浏览 0提问于2013-05-02得票数 2

回答已采纳

1回答

HTML5视频和canvas CPU优化

html、html5-canvas、html5-video

我正在制作一个应用程序与HTML5视频与它上面的画布绘图(640x480像素)。目标是将画布绘图与编码视频一起记录下来，以将其作为单个视频生成。我能够使用FFMPEG完成所有这些工作。但我面临的问题是，当HTML5视频运行时，它占用了我大约50%的CPU。由于画布上的绘图也需要CPU，浏览器在一段时间后冻结，并且chrome上该选项卡的CPU使用率持续显示> 100。我已经尝试过优化html5画布渲染。但没有任何帮助。有没有一种方法可以用更少的C

浏览 1提问于2016-11-01得票数 1

点击加载更多

有没有在HTML5 Canvas中使用四叉树的例子？

html5 canvas常规性能提示

手机HTML5画布标签Javascript动画库

HTML5画布仅绘制可见图像

html5画布缓存块

在浏览器中渲染javascript游戏的最佳解决方案是什么(完整的视口)？

JavaScript中关键侦听器之间的区别

JS游戏和HTML5画布游戏有什么区别？

Node.js中的后台循环

Javascript与用于移动游戏开发的画布

制作Javascript游戏需要HTML5吗？

画布教程/参考

超文本标记语言和<canvas>适合在线游戏男孩风格的游戏吗？

HTLM5帆布游戏(easeljs)在ipad上的慢性能(ios7)与phonegap