在 SpriteKit 中移动相机 [英] Moving a camera in SpriteKit
问题描述
//更新已添加更新的代码，可以按我的预期工作.请参阅下面更新代码中的 didSimulatePhysics 方法.就我而言，我只关心在 x 轴上向左或向右移动一个字符，其中 x 轴上的 0 是绝对左侧，而 x 轴上的右侧是可配置值.Apple 冒险游戏也确实帮了大忙.
//UPDATE The updated code has been added that works as I expected. See didSimulatePhysics method in the updated code below. In my case, I only care about moving a character left or right on the x axis where 0 on the x axis is the absolute left and right on the x axis is a configurable value. The Apple adventure game really helped a lot too.
//下面是原帖
我正在使用 Apple SpriteKit，我正在努力实现我希望它表现的相机.我在代码中所做的是加载一个精灵字符、两个按钮和一个红色框，该框在开始时位于视图的右侧.我想做的是用按钮移动角色，一旦玩家到达屏幕的中间或末端，相机就会重新调整以发现在视图中看不到的东西.因此，一旦玩家到达那里，向右移动最终应该会显示最初在视图之外关闭的红色框.但是，使用我在下面使用的代码，我根本无法让相机跟随并调整主角的坐标.我查看了 Apple 的高级场景处理文档以及其他一些堆栈溢出帖子，但似乎无法正确理解.如果有人能提供一些建议，将不胜感激.
I'm working with Apple SpriteKit and I'm struggling to implement a camera as I would like it to behave. What I've done in the code is load a sprite character, two buttons, and a red box that is off to the right outside of the view at the start. What I'd like to be able to do is move the character with the buttons, and once the player reaches the middle or end of the screen, the camera will then re-adjust to uncover what couldn't be seen in the view. So moving to the right should eventually show the red box that is off outside of the view initially once the player gets there. However, with the code I'm using below, I'm unable to get the camera to follow and adjust the coordinates to the main character at all. I've looked at Apple's advanced scene processing doc as well as a few other stack overflow posts but can't seem to get it right. If anyone could offer some advice it would be appreciated.
#define cameraEdge 150
-(id)initWithSize:(CGSize)size
{
if (self = [super initWithSize:size])
{
/* Setup your scene here */
//320 568
self.backgroundColor = [SKColor whiteColor];
myWorld = [[SKNode alloc] init];
[self addChild:myWorld];
mainCharacter = [SKSpriteNode spriteNodeWithImageNamed:@"0"];
mainCharacter.physicsBody.dynamic = YES;
mainCharacter.name = @"player";
mainCharacter.position = CGPointMake(20, 20);
CGRect totalScreenSize = CGRectMake(0, 0, 800, 320);
SKSpriteNode *box = [SKSpriteNode spriteNodeWithColor:[SKColor redColor] size:CGSizeMake(60, 60)];
SKSpriteNode *boxTwo = [SKSpriteNode spriteNodeWithColor:[SKColor greenColor] size:CGSizeMake(60, 60)];
SKSpriteNode *boxThree = [SKSpriteNode spriteNodeWithColor:[SKColor blueColor] size:CGSizeMake(60, 60)];
boxThree.position = CGPointMake(40, 50);
[myWorld addChild:boxThree];
boxTwo.position = CGPointMake(1100, 50);
box.position = CGPointMake(650, 50);
[myWorld addChild:box];
[myWorld addChild:boxTwo];
self.physicsBody = [SKPhysicsBody bodyWithEdgeLoopFromRect:totalScreenSize];
self.physicsWorld.gravity = CGVectorMake(0, -5);
mainCharacter.name = @"mainCharacter";
mainCharacter.physicsBody.linearDamping = 0;
mainCharacter.physicsBody.friction = 0;
mainCharacter.physicsBody.restitution = 0;
mainCharacter.physicsBody = [SKPhysicsBody bodyWithRectangleOfSize:mainCharacter.size];
[myWorld addChild:mainCharacter];
[self addChild:[self buildLeftButton]];
[self addChild:[self buildRightButton]];
}
return self;
}
- (void)didSimulatePhysics
{
SKSpriteNode *hero = mainCharacter;
if(hero)
{
CGPoint heroPosition = hero.position;
CGPoint worldPosition = myWorld.position;
NSLog(@"%f", heroPosition.x);
CGFloat xCoordinate = worldPosition.x + heroPosition.x;
if(xCoordinate < cameraEdge && heroPosition.x > 0)
{
worldPosition.x = worldPosition.x - xCoordinate + cameraEdge;
self.worldMovedForUpdate = YES;
}
else if(xCoordinate > (self.frame.size.width - cameraEdge) && heroPosition.x < 2000)
{
worldPosition.x = worldPosition.x + (self.frame.size.width - xCoordinate) - cameraEdge;
self.worldMovedForUpdate = YES;
}
myWorld.position = worldPosition;
}
}
-(SKSpriteNode *)buildLeftButton
{
SKSpriteNode *leftButton = [SKSpriteNode spriteNodeWithImageNamed:@"left"];
leftButton.position = CGPointMake(20, 20);
leftButton.name = @"leftButton";
leftButton.zPosition = 1.0;
return leftButton;
}
-(SKSpriteNode *)buildRightButton
{
SKSpriteNode *leftButton = [SKSpriteNode spriteNodeWithImageNamed:@"right"];
leftButton.position = CGPointMake(60, 20);
leftButton.name = @"rightButton";
leftButton.zPosition = 1.0;
return leftButton;
}
-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
UITouch *touch = [touches anyObject];
CGPoint location = [touch locationInNode:self];
SKNode *node = [self nodeAtPoint:location];
if([node.name isEqualToString:@"leftButton"])
{
[mainCharacter.physicsBody applyImpulse:CGVectorMake(-120, 0)];
}
else if([node.name isEqualToString:@"rightButton"])
{
[mainCharacter.physicsBody applyImpulse:CGVectorMake(120, 10)];
}
}
推荐答案
如果您希望视图始终以玩家的位置为中心，请根据以下几点修改您的代码:
If you want the view to always be centered on your player's position, modify your code with these points in mind:
1) 创建一个 SKNode 并将其命名为 myWorld、worldNode 或任何其他类似名称.
1) Create a SKNode and call it myWorld, worldNode or any other name like that.
2) 添加世界节点[self addChild:worldNode];
3) 将所有其他节点添加到 worldNode，包括您的播放器.
3) Add all other nodes to the worldNode, including your player.
4) 在 didSimulatePhysics 方法中，添加以下代码:
4) In the didSimulatePhysics method, add this code:
worldNode.position = CGPointMake(-(player.position.x-(self.size.width/2)), -(player.position.y-(self.size.height/2)));
您的视图现在将始终以玩家的位置为中心.
Your view will now always be centered on your player's position.
2015 年 5 月更新:
如果您使用的是通过 Tiled Map Editor 创建的地图，则可以使用免费的 SKAToolKit 框架.功能包括播放器相机自动跟随、测试播放器、测试 HUD 和精灵按钮.
If you are using a map created with Tiled Map Editor, you can use the free SKAToolKit framework. Features include player camera auto follow, test player, test HUD and sprite buttons.
这篇关于在 SpriteKit 中移动相机的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
