javascript - 使用 createJS 获取对容器的缓存版本的引用

标签 javascript html canvas createjs easeljs

我有一个纸牌游戏,我一次创建了所有 52 张纸牌,然后一张一张地缓存它们。

我希望能够尽可能高效地多次显示同一张牌(例如黑桃 K)。目前,每当我需要显示现有卡片的多个实例时,我就会克隆现有卡片。

有没有办法克隆缓存卡,以便克隆具有相同的缓存或获取对我的卡的位图(缓存)版本的引用?

最佳答案

您可以使用card.clone()克隆卡片,它将与原始克隆的项目共享相同的cacheCanvas。此外,您可以使用另一个cacheCanvas作为源来创建位图:

var bmp = new createjs.Bitmap(otherItem.cacheCanvas);

您是否考虑过使用 SpriteSheetBuilder 类?在幕后创建单个 SpriteSheet,然后使用它生成 Sprite 将为您带来性能提升,因为幕后仅使用单个位图。

http://www.createjs.com/docs/easeljs/classes/SpriteSheetBuilder.html

关于javascript - 使用 createJS 获取对容器的缓存版本的引用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35840249/

相关文章:

javascript - Ngx-mask 在生产中对输入字段强制验证

html - 如何仅使用 CSS 在 <a> 元素内添加图标

javascript - 如何使用 jQuery 调整背景图像的大小

python ,Tkinter : How to get coordinates on scrollable canvas

JavaScript:通过双击禁用文本选择

javascript - 在 HTML 输入字段中禁用撤消/重做

html - 在 iframe 上覆盖 Canvas - HTML

javascript - 碰撞后如何保持玩家位置?

javascript - 使用 Canvas 和 Three.js 旋转纹理

javascript - 如何在javascript中将背景设为幻灯片