HTML5 Canvas 性能:加载图像与绘图

2024-05-13

我正计划使用 javascript / canvas 编写一个游戏,我只有一个问题:在加载图像与仅使用 canvas 的方法进行绘图方面,我应该考虑什么样的性能考虑因素。因为我的游戏将使用非常简单的几何图形(圆形、正方形、直线),所以任何一种方法都很容易使用。我还计划在游戏中实现一个简单的粒子引擎,因此我希望能够在不影响性能的情况下绘制大量小对象。

想法?


如果您要绘制带有实体填充的简单形状,那么按程序绘制它们是最适合您的方法。

如果您要使用笔划、渐变填充和其他性能敏感的化妆来绘制更详细的实体,那么最好使用图像精灵。按程序生成图形并不总是高效的。

两者混合使用是可能的。当应用程序启动时,在画布上按程序绘制图形实体。之后,您可以通过绘制它们的副本来重复使用相同的精灵,而不是重复生成相同的阴影、渐变和描边。

如果您确实选择绘制精灵,您应该阅读一些此线程的提示和优化技术 https://stackoverflow.com/a/8485927/297765.

我个人的建议是只画形状。我了解到,如果您打算使用图像,那么您使用的次数越多,速度就越慢,并且最终更有可能需要进行离屏渲染。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

HTML5 Canvas 性能:加载图像与绘图 的相关文章

随机推荐

  • 按下按钮即可持续移动

    我按照在线教程制作了一个贪吃蛇游戏 并需要一些帮助来进行一些更改 截至目前 holding向左或向右箭头键将使蛇移动 它能让蛇向左或向右移动吗只需轻按一下按钮所以用户不必按住箭头键 question True while not gameE
  • 获取 Promise 的值并分配给变量

    utility fetchInfo 返回一个 Promise 对象 我需要能够获取此 Promise 对象的值 并将其值分配给一个变量 以便稍后在我的代码中使用 此刻 我可以愉快地打印出result到控制台 但我需要能够将此值分配给myVa
  • 重载逻辑运算符 && 和 ||从 C++17 开始短路?

    我读到http en cppreference com w cpp language operators http en cppreference com w cpp language operators 布尔逻辑运算符 运算符 和运算符
  • 如何将存储过程中的值返回到 EF

    我试图通过 EF 调用存储过程并从存储过程中检索返回值 我用过this https stackoverflow com questions 6861737 executesqlcommand with output parameter an
  • 角度指令忽略非数字输入

    我必须为 IE8 编写一些代码 我有一个 ng repeat 创建一个表 其中包含
  • .NET IExtenderProvider (C#)

    我正在尝试延长TextBox ComboBox and Panel控制使用IExtenderProvider但我无法让它正常工作 我开始相信我还没有完全理解这个概念 有人知道网络上有什么好的资源 带有示例 吗 IExtenderProvid
  • 背景图像上的透明导航栏

    我试图找出让我的英雄 背景图像位于透明 Bootstrap 4 导航栏后面的最佳方法 一些建议是将背景图像应用到页面的 这是可行的 但我不希望应用程序内的所有其他静态页面上都有背景图像 只有登陆页面 Rails 应用程序 我尝试在导航栏和
  • Swift - 停止 avaudioplayer

    我正在尝试将音板构建到应用程序中 并找到了一种使用标签来控制播放声音的有效方法 不过 我现在正在尝试集成一个可以与 stop 方法上的AVAudioPlayer但是我当前的代码出现错误 EXC BAD ACCESS 这就是我现在正在使用的
  • 我们可以预测 Hive SELECT * 查询结果的顺序吗?

    是否有可能a的结果的顺序SELECT query no ORDER BY 如果使用相同的 DBMS 作为 Metastore 那么总是相同的吗 所以 只要使用MySQL作为Metastore 结果的顺序就为aSELECT 查询将始终相同 如
  • SSIS使用列位置而不是名称导入Excel文档

    我想知道是否可以通过按位置引用列来使用 SSIS 导入 Excel 文档 例如 导入列 A D M AA 等 我问这个问题是因为我需要从第三方加载多个 Excel 文档 每个文档在相应的列中包含相同的数据类型 但每个文档的列名称不同 Tha
  • Django 跨反向关系聚合

    鉴于这两个模型 class Profile models Model user models ForeignKey User unique True verbose name user about models TextField abou
  • 并发:C++11 内存模型中的原子性和易失性

    全局变量在 2 个不同内核上的 2 个并发运行的线程之间共享 线程对变量进行写入和读取 对于原子变量 一个线程可以读取过时的值吗 每个核心可能在其缓存中具有共享变量的值 并且当一个线程写入缓存中的其副本时 不同核心上的另一个线程可能会从其自
  • 文本框验证(无空格)

    我有一个网页 其中有一个文本框 我的要求是我不想在文本框中留出空间 如果用户在文本框中留出空间 它会指示文本框中没有空格 如果您打算捕获空格不是有效字符的值 您可以使用正则表达式验证器 http msdn microsoft com en
  • 使用 Graph API 删除 facebook 帖子 - 无法正常工作

    我使用以下命令在我的 Facebook 页面上发布消息 attachment array access token gt access token message gt This is a test Message 4 name gt Th
  • 如何增加asp classic的请求接受限制

    我从java小程序向asp classic发送post请求 我在此请求中发送非常大的数据 即 csv 数据 当此请求中的字符数增加并超过 138000 时 asp 不接受该请求 java 小程序给出 500 错误 所以有人可以告诉我如何才能
  • Square 的 CardCase 应用程序如何自动从通讯录中填充用户的详细信息?

    Square 的新卡盒 iOS 应用程序具有 创建帐户 功能 点击它 它会显示一个预先填充了地址簿中用户条目的表单 这怎么可能 有人知道吗 我认为以这种方式获取用户信息是不可能的 据我所知 这不是 iOS 5 0 的事情 我能想到的唯一解决
  • 严格别名是c还是c++的事情?

    在 ISO IEC 9899 TC2 中 该标准规定如下 6 3 2 3 指针 指向对象或不完整类型的指针可以转换为指向不同类型的指针 对象或不完整类型 如果生成的指针未针对所指向的类型正确对齐 则行为未定义 否则 当再次转换回来时 结果应
  • Kafka JDBC Sink Connector 对于具有可选字段的模式的消息给出空指针异常

    Kafka JDBC Sink Connector 对于具有可选字段 parentId 的模式的消息给出空指针异常 我错过了什么吗 我正在使用开箱即用的 JSONConverter 和 JDBC Sink Connector 关于 Kafk
  • 在 JSP/JSTL/EL 中访问集合的大小[重复]

    这个问题在这里已经有答案了 我有一个名为的列表变量services在我的 JSP 页面中 如果列表中的元素超过 1 个 我需要向页面添加一些标记 我想做的是
  • HTML5 Canvas 性能:加载图像与绘图

    我正计划使用 javascript canvas 编写一个游戏 我只有一个问题 在加载图像与仅使用 canvas 的方法进行绘图方面 我应该考虑什么样的性能考虑因素 因为我的游戏将使用非常简单的几何图形 圆形 正方形 直线 所以任何一种方法