滚动背景 - Sprite Kit [英] Scrolling background - Sprite Kit
问题描述
所以我尝试通过使用这篇文章的解决方案(Sprite kit侧滚动一个>).但是,我想让图像可重复.正如您在下面的视频中看到的那样,图像在水平方向完成后,有一些空白.我想让图像填补那个空白,所以无休止地重复.
So I tried to create an infinite scrolling background by using this post's solution (Sprite kit side scrolling). However, I would want to make the image repeatable. As you can see in the video below, after the image has finished it's horizontal way, there is some empty gap.. I would like to make the image fill that gap, so repeat it endlessly.
http://www.youtube.com/watch?v=kyLTGz7Irrc或者https://vimeo.com/79555900(密码:spritekit)
http://www.youtube.com/watch?v=kyLTGz7Irrc or https://vimeo.com/79555900 (password: spritekit)
我做了什么:
for (int i = 0; i < 2; i++) {
SKSpriteNode * bg = [SKSpriteNode spriteNodeWithImageNamed:@"bgimage"];
bg.anchorPoint = CGPointZero;
bg.position = CGPointMake(CGRectGetMidX(self.frame), self.frame.origin.y);
bg.name = @"snow1";
[self addChild:bg];
}
在更新方法中:
[self enumerateChildNodesWithName:@"snow1" usingBlock: ^(SKNode *node, BOOL *stop) {
SKSpriteNode *bg = (SKSpriteNode *) node;
bg.position = CGPointMake(bg.position.x - 5, bg.position.y);
if (bg.position.x <= -bg.size.width)
bg.position = CGPointMake(bg.position.x + bg.size.width * 2, bg.position.y);
}];
推荐答案
不管怎样,我修好了.以防万一其他人需要它,我就是这样做的:
Anyway, I fixed it. Just in case someone else will need it, this is how I did it:
// Create 2 background sprites
bg1 = [SKSpriteNode spriteNodeWithImageNamed:@"bg1"];
bg1.anchorPoint = CGPointZero;
bg1.position = CGPointMake(0, 0);
[self addChild:bg1];
bg2 = [SKSpriteNode spriteNodeWithImageNamed:@"bg2"];
bg2.anchorPoint = CGPointZero;
bg2.position = CGPointMake(bg1.size.width-1, 0);
[self addChild:bg2];
然后在更新方法中:
bg1.position = CGPointMake(bg1.position.x-4, bg1.position.y);
bg2.position = CGPointMake(bg2.position.x-4, bg2.position.y);
if (bg1.position.x < -bg1.size.width)
bg1.position = CGPointMake(bg2.position.x + bg2.size.width, bg1.position.y);
if (bg2.position.x < -bg2.size.width)
bg2.position = CGPointMake(bg1.position.x + bg1.size.width, bg2.position.y);
这篇关于滚动背景 - Sprite Kit的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!