滚动背景 - Sprite套件
-
21-12-2019 - |
题
所以我试图通过使用此帖子的解决方案创建无限滚动背景( Sprite套件侧滚动)。
但是,我想要重复的图像。正如您在下面的视频中看到的那样,在图像完成它的水平方向后,有一些空白的差距..我想使图像填充那个间隙,所以无休止地重复它。
http://www.youtube.com/watch?v=kyltgz7irrc 或者 https://vimeo.com/79555900 (密码: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);
}];
. 解决方案
无论如何,我修复了它。以防别人需要它,这就是我的方式:
// 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);
. 其他提示
具有for循环的原始逻辑与次要更改工作正常:
for (int i = 0; i < 2; i++) {
SKSpriteNode * bg = [SKSpriteNode spriteNodeWithImageNamed:@"bgimage"];
bg.anchorPoint = CGPointZero;
bg.position = CGPointMake(i*bg.size.width, 0);
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);
}
}];
. 使用sebyddd的答案,我略微修改了代码以显示多个背景图像的堆栈。(7个背景图像准确)。为那些挣扎的人添加了一点代码。
在myscene.h:
@interface MyScene : SKScene
{
SKSpriteNode *bg1;
SKSpriteNode *bg2;
SKSpriteNode *bg3;
SKSpriteNode *bg4;
SKSpriteNode *bg5;
SKSpriteNode *bg6;
SKSpriteNode *bg7;
}
.
在myscene.m:
-(id)initWithSize:(CGSize)size {
if (self = [super initWithSize:size]) {
// create 7 background sprites
bg1 = [SKSpriteNode spriteNodeWithImageNamed:@"background1"];
bg1.anchorPoint = CGPointZero;
bg1.position = CGPointMake(0, 0);
[self addChild:bg1];
bg2 = [SKSpriteNode spriteNodeWithImageNamed:@"background2"];
bg2.anchorPoint = CGPointZero;
bg2.position = CGPointMake(bg1.size.width-1, 0);
[self addChild:bg2];
bg3 = [SKSpriteNode spriteNodeWithImageNamed:@"background3"];
bg3.anchorPoint = CGPointZero;
bg3.position = CGPointMake(bg2.size.width-1, 0);
[self addChild:bg3];
bg4 = [SKSpriteNode spriteNodeWithImageNamed:@"background4"];
bg4.anchorPoint = CGPointZero;
bg4.position = CGPointMake(bg3.size.width-1, 0);
[self addChild:bg4];
bg5 = [SKSpriteNode spriteNodeWithImageNamed:@"background5"];
bg5.anchorPoint = CGPointZero;
bg5.position = CGPointMake(bg4.size.width-1, 0);
[self addChild:bg5];
bg6 = [SKSpriteNode spriteNodeWithImageNamed:@"background6"];
bg6.anchorPoint = CGPointZero;
bg6.position = CGPointMake(bg5.size.width-1, 0);
[self addChild:bg6];
bg7 = [SKSpriteNode spriteNodeWithImageNamed:@"background7"];
bg7.anchorPoint = CGPointZero;
bg7.position = CGPointMake(bg6.size.width-1, 0);
[self addChild:bg7];
}
}
- (void)update:(NSTimeInterval)currentTime {
[self moveBackground];
}
-(void)moveBackground
{
bg1.position = CGPointMake(bg1.position.x-4, bg1.position.y);
bg2.position = CGPointMake(bg2.position.x-4, bg2.position.y);
bg3.position = CGPointMake(bg3.position.x-4, bg3.position.y);
bg4.position = CGPointMake(bg4.position.x-4, bg4.position.y);
bg5.position = CGPointMake(bg5.position.x-4, bg5.position.y);
bg6.position = CGPointMake(bg6.position.x-4, bg6.position.y);
bg7.position = CGPointMake(bg7.position.x-4, bg7.position.y);
if (bg1.position.x < -bg1.size.width){
bg1.position = CGPointMake(bg7.position.x + bg7.size.width, bg1.position.y);
}
if (bg2.position.x < -bg2.size.width) {
bg2.position = CGPointMake(bg1.position.x + bg1.size.width, bg2.position.y);
}
if (bg3.position.x < -bg3.size.width) {
bg3.position = CGPointMake(bg2.position.x + bg2.size.width, bg3.position.y);
}
if (bg4.position.x < -bg4.size.width) {
bg4.position = CGPointMake(bg3.position.x + bg3.size.width, bg4.position.y);
}
if (bg5.position.x < -bg5.size.width) {
bg5.position = CGPointMake(bg4.position.x + bg4.size.width, bg5.position.y);
}
if (bg6.position.x < -bg6.size.width) {
bg6.position = CGPointMake(bg5.position.x + bg5.size.width, bg6.position.y);
}
if (bg7.position.x < -bg7.size.width) {
bg7.position = CGPointMake(bg6.position.x + bg6.size.width, bg7.position.y);
}
}
. 不隶属于 StackOverflow