问题标签 [sprite-sheet]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
134 浏览

css - 具有一组 div 的图像的 CSS spritesheet

我试图为一堆盒子使用精灵表,我这样做的方式显然多次调用图像(导致精灵表无用,或者实际上更糟)。只是想知道如何才能更有效地调用一次图像

还有我的风格:(这只是一个样本,我有大约 9 个盒子)

0 投票
1 回答
3015 浏览

xna - 裁剪 Texture2D 精灵表

我正在开发一个包含精灵表的游戏,如下所示:

精灵表的 EG

我知道当你这样做时,spriteBatch.Draw(...)你可以绘制图像的某个部分,但对于我正在做的事情,我需要Texture2D每帧有一个单独的对象。

我已经完成了谷歌搜索,但我只能找到过时的代码:/

更新MJP在这里发布的代码几乎是我需要的......但是,RenderTarget2D.GetTexture()XNA 4.0 中没有函数。

0 投票
1 回答
1033 浏览

c# - 带有 XNA 的 SpriteSheet 动画

我正在使用 XNA 开发我的第一个 2D 游戏,但我遇到了一个小问题。为了给我的 Sprite 提供运行效果,我使用以下代码滚动SpriteSheet(向右运行):

这些是使用的对象:

I have the same Code with different SpriteSheet when the sprite is running Left. Everything is working fine I'd say 90% of the time but the other 10% the sprite animation stays on one Frame of the SpriteSheet, on both directions(left and right) and it stays stuck until I close the program. The thing is I can't quite figure out why since it never happens at the same moment..Sometimes after 10,15,30 seconds and sometimes even on boot! Any idea why? Thanks in advance and let me know if you need any other parts of the code

0 投票
1 回答
710 浏览

2d - 精灵奔跑+射击动画的疑惑

任何人都可以提供有关如何完成精灵的跑步和射击动画的任何提示吗?我的意思是,如何将其与运行动画进行同步,以使过渡运行 -> 运行 + 开火 -> 运行平稳而不会出现故障。

我一直在研究一点金属弹头。这个游戏有行走动画,还有行走+射击动画,非常流畅。难道他们的腿和身体分开了吗?

提前致谢。

0 投票
3 回答
7990 浏览

javascript - 如何使用javascript从精灵表中缩放/拉伸/倾斜精灵?

一些背景: 我正在制作光线投射器,嗯……正在制作。但我决定稍微改变一下。我开始着手创建光线投射器,并决定只显示一个图标并拉伸/倾斜它而不是仅仅围绕一堆像素移动会容易得多。

我的问题是: 如何使用 javascript 从精灵表中缩放/拉伸/倾斜精灵?

我基本上想从一个精灵图像中获取一个 16 像素 x 16 像素的图像,然后用 javascript 定位、缩放、转动和倾斜它。我该怎么做呢?

如果这有帮助,我正在考虑连接该图像的三个版本,以给人一种 3D 块在 3D 空间中移动的印象,而无需实际使用 3D。

0 投票
1 回答
3105 浏览

c# - XNA 无法将 2D 精灵表的一部分绘制到屏幕上,结果为黑线

我目前正在尝试使用下面的代码渲染 2D 精灵表,结果只是渲染图像的背景颜色,黑线穿过它。使用 gimp 将图像保存为 .png 文件。

我已经用从网上下载的随机精灵表进行了测试,它们渲染得很好。有没有办法我可能会错误地保存我的 png 文件?

帧大小应为 27 x 27,即实际图像文件的高度,然后是我希望帧的宽度。

这是我目前正在使用的工作表:

在此处输入图像描述

0 投票
2 回答
469 浏览

cocos2d-iphone - Cocos2D - 带有转置精灵的高效精灵表

我刚刚开始在 Cocos2D 中使用精灵表,以尝试更好地利用纹理内存,并且生成我的资产的艺术家有一个脚本,他用于 Unity3D 中的一些以前的游戏。该工具拍摄了许多图像,删除了透明和空白区域并将它们塞进了地图集中。它返回文本文件中每个精灵的“位置”和“uvs”。该工具所做的一件我们似乎无法禁用的事情是它转置了一些精灵以更好地适应它们。

我想从 Cocos2D 中的 plist 文件加载动画。在将帧加载到纹理缓存中时,有什么方法可以将它们转回正常状态?如果不是,我将如何在将单个帧加载到 CCAnimation 后转置它们?

如果这些都不起作用,我将把所有转置的精灵剪切并粘贴到更多的图集中,并使用一些额外的纹理内存来处理。

0 投票
3 回答
1266 浏览

sprite-sheet - EaselJS 和 SpriteSheet

我只是想在精灵表中获取每一帧,但我一直得到的只是第一帧,这是代码:

我会把它放在小提琴上,但图像会出现跨域问题。

0 投票
1 回答
1259 浏览

iphone - 精灵的时间延迟,cocos2d

我想为精灵添加延迟,所以当我进入一个新场景时它不会立即播放,任何建议都会非常感谢

如果有帮助,这里是精灵的代码

0 投票
1 回答
732 浏览

xcode - 使用精灵表中的图像更改精灵纹理

这就是我如何创建一个带有纹理的精灵,形成一个精灵表。但是以后如何更改精灵纹理呢?

我试过使用setTexture,但我不能让我工作。