标签: sprite-sheet

我的应用程序在Canvas周围激活精灵实例,然后在屏幕上朝着ax/y坐标移动.我希望能够围绕其中心旋转精灵,使其面向目标坐标.我正在使用精灵表,并有剪切问题.我也找到了很多很好的例子,但似乎没有任何东西可以覆盖我正在寻找的东西.这个例子非常接近,但为了提高效率,我使用的是ImagePooler类,无法在每次绘制/旋转时重新加载图像.因此,如果有人知道如何旋转预装的图像w/out切割我的精灵表,我将非常感激.

一些背景: 我正在做一个raycaster,好吧......正在制作.但我决定改变一下.我开始创建光线施法者,并决定只显示一个图标并拉伸/倾斜它而不是仅仅移动一堆像素就容易多了.

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

我基本上想要从精灵图像中获取16像素×16像素的图像,并将其定位,缩放,转动,并使用javascript进行倾斜.我应该怎么做呢？

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

我在Python的Tkinter中编写了一个GUI,我找不到如何使用canvas的create_image方法只从spritesheet中绘制一个sprite.提前感谢任何能告诉我我需要做什么的人!

我正在学习游戏开发,我正在尝试从一些我喜欢玩的游戏中提取一些资源,我这样做只是为了更多地了解精灵和资源组织.问题是每个游戏我提取的图像都带有某种问题,有时只是不打开,有时我可以打开图像,但我只看到一些像素.

在apk市场中是否使用了任何资源保护？有没有办法提取和看到这些精灵表？

请记住,我这样做仅仅是为了学习目的,我不会在任何游戏或项目中使用它!

感谢您的帮助,并有一个美好的一天球员:).

我似乎找不到任何有关如何执行此操作的可靠信息，所以我想知道是否有人可以为我指出正确的方向。

我有一个大的精灵表，我们将其命名为textures.png。每个纹理都是 64x64 像素，我需要能够根据这些纹理创建图案。

createPattern() 是一个很棒的函数，但它似乎只需要两个参数：图像源和是否重复。如果您为每个纹理加载单个图像，这很好，但我想知道如何使用textures.png 来做到这一点。

我找到了这个答案https://gamedev.stackexchange.com/questions/38451/repeat-a-part-of-spritesheet-as-background但我不确定接受的答案是指generatePattern()方法，据我所知，这甚至不是画布方法。

提前致谢！

没有大量的经验,这可能是我的一个简单的错误,但我找不到一个可以在任何地方工作的解决方案...希望堆栈溢出可以拯救我!

我正在尝试使用节点插件sprity创建spritesheet和关联的SASS(.scss)样式表. https://www.npmjs.com/package/sprity

我已经安装了sprity和sprity-sass(以及gulp-sass和我已经使用过的其他人).我在安装过程中遇到了一些错误 - 不知道这些是当前问题的原因,还是如何修复它们(我想我可能已经解决了一些问题,见下文)

gyp: No Xcode or CLT version detected!
gyp ERR! configure error 
gyp ERR! stack Error: `gyp` failed with exit code: 1
gyp ERR! stack     at ChildProcess.onCpExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:355:16)
gyp ERR! stack     at emitTwo (events.js:87:13)
gyp ERR! stack     at ChildProcess.emit (events.js:172:7)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:200:12)
gyp ERR! System Darwin 14.5.0
gyp ERR! command "/usr/local/bin/node"    "/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /Users/roxy/Dropbox/Shared Sites/CavendishResidential/node_modules/sprity/node_modules/sprity-lwip/node_modules/lwip
gyp ERR! node -v v4.1.2
gyp ERR! node-gyp -v v3.0.3
gyp ERR! not …

所以我知道使用 spritesheet 比加载单个图像要好得多，但是 spritesheet 的最佳实现是什么？

使用许多 spritesheet（例如在游戏中，每个角色一个，等等），或者将所有图像放入一个尺寸为 10,000 x 10,000 的 MEGA spritesheet 中。

两者中哪一个会提供更好的性能？

.my-sprite {
  background-image: url("https://i.stack.imgur.com/lJpW8.png");
  height: 100px;
  width: 100px;
  background-position: 0 0;
  background-position: -200px 0px;
}

<div class="my-sprite"></div>

我无法让我的精灵缩放到更小的尺寸。我希望它是实际大小的一半，即 100x100px，如何使用background-size属性缩放它？现在它只显示 100x100px 的完整图像尺寸...

我一直在尝试制作一个动画精灵,他们有很多教程,但他们都是为了Cocos2d 2.x. 我的精灵表名为flappbird.png,.plist名为flappbird.plist

我有这个代码,但每次我启动它只是崩溃,这是在我的init方法

// -----------------------------------------------------------------------

_player = [CCSprite spriteWithImageNamed:@"monster1.png"]; // comes from your .plist file
_player.position  = ccp(self.contentSize.width/28,self.contentSize.height/2);
_player.physicsBody = [CCPhysicsBody bodyWithRect:(CGRect){CGPointZero, _player.contentSize} cornerRadius:0]; // 1
_player.physicsBody.collisionGroup = @"playerGroup";
_player.physicsBody.type = CCPhysicsBodyTypeStatic;
CCSpriteBatchNode *batchNode = [CCSpriteBatchNode batchNodeWithFile:@"monster1.png"];
[batchNode addChild:_player];
[self addChild:batchNode];

NSMutableArray *animFrames = [NSMutableArray array];
for(int i = 1; i < 5; i++)
{
    CCSpriteFrame *frame = [[CCSpriteFrameCache sharedSpriteFrameCache] spriteFrameByName:[NSString stringWithFormat:@"flapbird%d.png",i]];
    [animFrames addObject:frame];
}

CCAnimation *animation = [CCAnimation animationWithSpriteFrames:animFrames delay:0.2f];
[_player runAction:[CCActionRepeatForever actionWithAction:[CCActionAnimate actionWithAnimation:animation]]];

[_physicsWorld addChild:_player]; …

我打算使用内联svg概念为项目创建svg spritesheet.

实际上有很多方法可以创建svg spritesheet.我首选两种方法(因为性能)来创建spritesheet.他们如下:

• 通过使用symbol具有唯一ID的标记包装每个svg的内容,将所有svgs分组为单个svg ,以便稍后我们可以使用useHTML中的标记来引用它.
• 生成一个css文件,其中包含通过css background-image属性引用的所有svgs .每个svg都有一个唯一的类名.

现在,我正处于完全使用哪种方法的两难境地.仅供参考,这不是基于意见的问题,因为我不是在寻找意见,而是在考虑性能和最佳解决方案.

PS:我可以使用gulp task runner生成svg精灵表.