带有 HTML 5 画布的 Sprite-Sheet BLIT?

Posted

技术标签:

【中文标题】带有 HTML 5 画布的 Sprite-Sheet BLIT?【英文标题】:Sprite-Sheet BLIT with HTML 5 Canvas? 【发布时间】:2011-03-04 19:46:10 【问题描述】:

寻找某人使用 javascripthtml 5 Canvas 标签制作精灵表 BLIT 的示例。

我一直在看Processing.js,但我还没有找到一个明确的例子来说明如何在那里做。

【问题讨论】:

【参考方案1】:

下面是一个使用 Canvas 和 JS 进行 blitter 的简单示例: http://glowfilter.com/blog/jblitter-animated-html5-canvas-buttons/

【讨论】:

【参考方案2】:

查看这个用于平台游戏的 js/html5/canvas 游戏引擎:

http://www.kesiev.com/akihabara/

我不知道这是否过于复杂,但他的所有来源都在 github 上。

【讨论】:

我看过这个。他绝对支持 Sprite-Sheets。但我非常迷恋 Processing.js。我认为最坏的情况是,如果没有直接的方法来处理,我将检查 Akihabara 的来源,并可能尝试将两者结合起来。感谢您的回复,如果没有发布其他示例,我会将其标记为答案。

以上是关于带有 HTML 5 画布的 Sprite-Sheet BLIT?的主要内容,如果未能解决你的问题,请参考以下文章

将类添加到画布元素 HTML5 和 CreateJS

在 HTML5 画布模式下使用带有外部 JavaScript 文件的 Adob​​e Animate CC

带有Node.js的HTML5画布,集群和Socket.IO

HTML 5 画布

HTML 5 中的画布是啥?

千呼万唤 HTML 5 - 画布(canvas)之绘制图形