How to add Highlighted Button in SpriteKit?

Question

I know how to add Button in SpriteKit.

I have done with SKSpriteNode. However i don't know how to add highlight button like UIButton.

I mean when i pressing SKSpriteNode(Button), i want to show highlighted image like UIButton from UIKit.

How can i do that?

Here is my codes that for Button with SKSpriteNode.

self.playButton = [SKSpriteNode spriteNodeWithImageNamed:@"playButton.png"];
self.playButton.position = CGPointMake(self.frame.origin.x + 400, 100);
self.playButton.name = @"playButton";
self.playButton.zPosition = 2;
[self addChild:self.playButton];

Jaffer Sheriff · Accepted Answer · 2015-04-25T13:35:13.427

I Tried and got what you are exactly looking for,

  BOOL isMySpriteNodeTouched = NO;
 mySprite = [[SKSpriteNode alloc]initWithImageNamed:@"ball"];
 mySprite.position = CGPointMake(self.size.width/2.0f, self.size.height/2.0f);
 mySprite.name = @"mySprite";
[self addChild:mySprite];


 -(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event

{
    for (UITouch *touch in touches)
      {
           CGPoint touchPoint = [touch locationInNode:self];
           SKNode *localNode = [[SKNode alloc]init];
           localNode = [self nodeAtPoint:touchPoint];

           if ([localNode.name isEqualToString:mySprite.name])
          {
               mySprite.texture = [SKTexture textureWithImage:[UIImage imageNamed:@"highlightedBall"]];
             isMySpriteNodeTouched = YES;
          }
 }



-(void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
   {
     if(isMySpriteNodeTouched)
       {
         isMySpriteNodeTouched = !isMySpriteNodeTouched;
         mysprite.texture = [SKTexture textureWithImage:[UIImage imageNamed:@"ball"]];
        } 
   }

this code works from Scene? What if I need crate button by separated class? — Dima Deplov, Jun 28 '15 at 14:23
Have a look at this http://stackoverflow.com/questions/19082202/setting-up-buttons-in-skscene — Jaffer Sheriff, Jun 29 '15 at 06:55

score 2 · Answer 2 · answered Apr 24 '15 at 16:07

One solution is to create two SKSpriteNodes, one for the active state and one for the default state, and add both of them to your view.

In your touchesMoved and touchesEnded methods, hide and unhide the active and default buttons accordingly.

Here's a tutorial in Swift.

score 1 · Answer 3 · answered Apr 24 '15 at 16:05

1

You can create a UIButton in SK using the view property in the method -(void)didMoveToView:(SKView *)view.

All the UIButton features, including highlight will be accessible.

answered Apr 24 '15 at 16:05

sangony

11,636
4
39
55

How to add Highlighted Button in SpriteKit?

3 Answers3