iOS 7有一个新功能 Sprite Kit 这个有点类似cocos2d 感觉用法都差不多。下面简单来介绍下Sprite Kit

About Sprite Kit

Sprite Kit provides a graphics rendering and animation infrastructure that you can use to animate arbitrary textured images, or sprites. Sprite Kit uses a traditional rendering loop that allows processing on the contents of each frame before it is rendered. Your game determines the contents of the scene and how those contents change in each frame. Sprite Kit does the work to render frames of animation efficiently using the graphics hardware. Sprite Kit is optimized to allow essentially arbitrary changes to each frame of animation.

Sprite Kit also provides other functionality that is useful for games, including basic sound playback support and physics simulation. In addition, Xcode provides built-in support for Sprite Kit, allowing complex special effects and texture atlases to be easily created and then used in your app. This combination of framework and tools makes Sprite Kit a good choice for games and other apps that require similar kinds of animation. For other kinds of user-interface animation, use Core Animation instead.

可以参考官方文档。:https://developer.apple.com/library/prerelease/ios/documentation/GraphicsAnimation/Conceptual/SpriteKit_PG/Introduction/Introduction.html#//apple_ref/doc/uid/TP40013043-CH1-SW1

Jumping into Sprite Kit

The best way to learn Sprite Kit is to see it in action. This example creates a pair of scenes and animates content in each. By working through this example, you will learn some of the fundamental techniques for working with Sprite Kit content, including:

  • Using scenes in a Sprite Kit–based game.

  • Organizing node trees to draw content.

  • Using actions to animate scene content.

  • Adding interactivity to a scene.

  • Transitioning between scenes.

  • Simulating physics inside a scene.

Getting Started

Xcode5.0以上。。

首先新建一个项目 SpriteWalkthrough 。

项目建好后在 ViewController.m 里添加如下代码

打开storyboard 然后找到右边 Sustom Slass 把Class 改成SKView!!!这个一定要改,不然会报错 -[UIView setShowsFPS:]: unrecognized selector sent to instance 0x9742e30

#import <SpriteKit/SpriteKit.h>

- (void)viewDidLoad
{[super viewDidLoad];SKView *spriteView = (SKView*)self.view;spriteView.showsFPS = YES;spriteView.showsDrawCount = YES;spriteView.showsNodeCount = YES;// Do any additional setup after loading the view, typically from a nib.
}

新建一个class  命名为HelloScene.h文件不需要做修改

#import <SpriteKit/SpriteKit.h>@interface HelloScene : SKScene@end

然后再回到ViewController.m .修改如下

#import "HelloScene.h"

-(void)viewWillAppear:(BOOL)animated
{HelloScene* hello = [[HelloScene alloc] initWithSize:CGSizeMake(self.view.frame.size.width,self.view.frame.size.height)];SKView *spriteView = (SKView*)self.view;[spriteView presentScene:hello];}

OK 。。run it ..

2.然后在HelloScene.m里添加如下

@interface HelloScene()
@property BOOL contentCreated;
@end

-(void)didMoveToView:(SKView *)view
{if(!self.contentCreated){[self  createSceneContents];self.contentCreated = YES;}
}-(void)createSceneContents
{NSLog(@"createSceneContents");self.backgroundColor = [SKColor blackColor];self.scaleMode = SKSceneScaleModeAspectFit;[self addChild:[self newHelloNode]];
}

-(SKLabelNode*)newHelloNode
{SKLabelNode *helloNode = [SKLabelNode labelNodeWithFontNamed:@"Chalkduster"];helloNode.name = @"helloNode";//@ 这个和下面的一样helloNode.text = @"hello game ";helloNode.fontSize = 24;helloNode.position = CGPointMake(CGRectGetMidX(self.frame), CGRectGetMidY(self.frame));return helloNode;
}

这个时候可以运行一次。

接下来继续,在HelloScene.m 里添加

-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{SKNode *helloNode = [self childNodeWithName:@"helloNode"]; //@与上面的相同if(helloNode !=nil){helloNode.name = nil;SKAction *moveUp = [SKAction moveByX:0 y:100.0 duration:0.5]; //向上移动SKAction *zoom = [SKAction scaleTo:2.0 duration:0.25];    //扩大两倍SKAction *pause = [SKAction waitForDuration:0.5];    //暂停SKAction *fadeAway = [SKAction fadeOutWithDuration:0.25];  //消失SKAction *remove = [SKAction removeFromParent];SKAction *moveSequence = [SKAction sequence:@[moveUp, zoom, pause, fadeAway, remove]];[helloNode runAction:moveSequence];}
}

再编译运行

新建一个class 命名为 SpaceshipScene 然后在SpaceshipScene.m里添加如下

@import "SpaceshipScene.h"@interface SpaceshipScene ()
@property BOOL contentCreated;
@end@implementation SpaceshipScene
- (void)didMoveToView:(SKView *)view
{if (!self.contentCreated){[self createSceneContents];self.contentCreated = YES;}
}- (void)createSceneContents
{self.backgroundColor = [SKColor blackColor];self.scaleMode = SKSceneScaleModeAspectFit;
}
@end

.h

#import <SpriteKit/SpriteKit.h>@interface SpaceshipScene : SKScene@end

然后回到

SpaceshipScene.m 修改如下代码。

-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{SKNode *helloNode = [self childNodeWithName:@"helloNode"]; //@与上面的相同if(helloNode !=nil){helloNode.name = nil;SKAction *moveUp = [SKAction moveByX:0 y:100.0 duration:0.5]; //向上移动SKAction *zoom = [SKAction scaleTo:2.0 duration:0.25];    //扩大两倍SKAction *pause = [SKAction waitForDuration:0.5];    //暂停SKAction *fadeAway = [SKAction fadeOutWithDuration:0.25];  //消失SKAction *remove = [SKAction removeFromParent];SKAction *moveSequence = [SKAction sequence:@[moveUp, zoom, pause, fadeAway, remove]];//[helloNode runAction:moveSequence];[helloNode runAction: moveSequence completion:^{SKScene *spaceshipScene  = [[SpaceshipScene alloc] initWithSize:self.size];SKTransition *doors = [SKTransition doorsOpenVerticalWithDuration:0.5];[self.view presentScene:spaceshipScene transition:doors];}];}
}

运行。。

最后把SpaceshipScene.m 文件修改如下

//
//  SpaceshipScene.m
//  SpriteWalkthrough
//
//  Created by qingyun on 8/13/13.
//  Copyright (c) 2013 qingyun. All rights reserved.
//

#import "SpaceshipScene.h"@interface SpaceshipScene ()
@property BOOL contentCreated;
@end@implementation SpaceshipScene- (void)didMoveToView:(SKView *)view
{if (!self.contentCreated){[self createSceneContents];self.contentCreated = YES;}
}- (void)createSceneContents
{self.backgroundColor = [SKColor blackColor];self.scaleMode = SKSceneScaleModeAspectFit;SKSpriteNode *spaceship = [self newSpaceship];spaceship.position = CGPointMake(CGRectGetMidX(self.frame),CGRectGetMidY(self.frame)-150);[self addChild:spaceship];//@3SKAction *makeRocks = [SKAction sequence: @[[SKAction performSelector:@selector(addRock) onTarget:self],[SKAction waitForDuration:0.10 withRange:0.15]]];[self runAction: [SKAction repeatActionForever:makeRocks]];
}- (SKSpriteNode *)newSpaceship
{SKSpriteNode *hull = [[SKSpriteNode alloc] initWithColor:[SKColor grayColor] size:CGSizeMake(64,32)];SKAction *hover = [SKAction sequence:@[[SKAction waitForDuration:1.0],[SKAction moveByX:100 y:50.0 duration:1.0],[SKAction waitForDuration:1.0],[SKAction moveByX:-100.0 y:-50 duration:1.0]]];[hull runAction: [SKAction repeatActionForever:hover]]; //重复移动hover 里的action //@2SKSpriteNode *light1 = [self newLight];light1.position = CGPointMake(-28.0, 6.0);[hull addChild:light1];SKSpriteNode *light2 = [self newLight];light2.position = CGPointMake(28.0, 6.0);[hull addChild:light2];//@3hull.physicsBody = [SKPhysicsBody bodyWithRectangleOfSize:hull.size];hull.physicsBody.dynamic = NO;return hull;
}//@2
- (SKSpriteNode *)newLight
{SKSpriteNode *light = [[SKSpriteNode alloc] initWithColor:[SKColor yellowColor] size:CGSizeMake(8,8)];SKAction *blink = [SKAction sequence:@[[SKAction fadeOutWithDuration:0.25],[SKAction fadeInWithDuration:0.25]]];SKAction *blinkForever = [SKAction repeatActionForever:blink];  //重复闪闪发光。
    [light runAction: blinkForever];return light;
}//@3
static inline CGFloat skRandf() {return rand() / (CGFloat) RAND_MAX;
}
static inline CGFloat skRand(CGFloat low, CGFloat high) {return skRandf() * (high - low) + low;
}- (void)addRock
{SKSpriteNode *rock = [[SKSpriteNode alloc] initWithColor:[SKColor brownColor] size:CGSizeMake(8,8)];rock.position = CGPointMake(skRand(0, self.size.width), self.size.height-50);rock.name = @"rock";rock.physicsBody = [SKPhysicsBody bodyWithRectangleOfSize:rock.size];rock.physicsBody.usesPreciseCollisionDetection = YES;[self addChild:rock];
}-(void)didSimulatePhysics
{[self enumerateChildNodesWithName:@"rock" usingBlock:^(SKNode *node, BOOL *stop) {if (node.position.y < 0)[node removeFromParent];}];
}@end

 

好了。一个简单的sprite 小游戏做成了。

demo 下载地址: https://github.com/qingjoin/SpriteKit

转载于:https://www.cnblogs.com/qingjoin/p/3255352.html

iOS7 Sprite Kit 学习相关推荐

  1. 苹果官方《Sprite Kit Programming Guide》翻译

    http://www.cocoachina.com/newbie/basic/2013/0822/6845.html 本文翻译自Apple官方的<Sprite Kit Programming G ...

  2. Sprite Kit 入门教程

    Sprite Kit 入门教程  Ray Wenderlich on September 30, 2013 Tweet 这篇文章还可以在这里找到 英语, 日语 If you're new here, ...

  3. 初探使用iOS 7 Sprite Kit与Cocos2d开发游戏的对比(一家之言)

    初探使用iOS 7 Sprite Kit与Cocos2d开发游戏的对比 初探使用iOS 7 Sprite Kit与Cocos2d开发游戏的对比 发布于:2013-07-18 11:00阅读数:1984 ...

  4. 初探使用iOS 7 Sprite Kit与Cocos2d开发游戏的对比

    前言 iOS7 beta发布后,大部分开发者和用户的注意力都集中在了iOS 7的全新UI交互设计界面上.一直负责硬件工业设计的Jony Ive首次全面负责苹果的软件和硬件设计工作,自然要把他自己的设计 ...

  5. Sprite Kit教程

    在iOS 7中内置了一个新的Sprite Kit框架,该框架主要用来开发2D游戏.目前已经支持的内容包括:精灵.很酷的特效(例如视频.滤镜和遮罩),并且还集成了物理库等许多东西.iOS 7中附带了一个 ...

  6. 游戏中的三角学——Sprite Kit 和 Swift 教程(1)

    原文链接 : Trigonometry for Games – Sprite Kit and Swift Tutorial: Part 1/2 原文作者 : Nick Lockwood 译文出自 : ...

  7. Sprite Kit 动作系统

    添加动作到节点 绘制精灵很有用,但是一张静态图像只是一幅画,而不是一个游戏.为了添加游戏剧本(game play),你需要能够让精灵在屏幕周围移动并执行其他逻辑.Sprite Kit让场景动起来所使用 ...

  8. sprite Kit Actions(三)

    感觉一辈子都没打过这么多字了... Scale action 缩放动作 You now have an animated zombie and some crazy cat ladies, but t ...

  9. 如何用 Sprite Kit 和 Swift 制作一个逃逸游戏-第一部分

    原文:How To Make a Breakout Game with SpriteKit and Swift: Part 1 作者:Michael Briscoe 译者:kmyhy 更新说明:本教程 ...

最新文章

  1. 支付签约_与支付巨头万事达卡签约,金融服务集团FlexiGroup股价领涨
  2. 代码谱写传奇,深度揭秘中国开发者现状!
  3. 程学旗 计算机,徐明伟-青年科学家奖-中国计算机学会
  4. 紫色管理系统UI bootstrap后台模板
  5. 警惕AI军事间谍!找出导弹基地人类用2.5天,AI只要42分钟
  6. Qt 地址薄 (一) 界面设计
  7. 炫炫炫的十六进制编辑器
  8. 小米4 win10 刷回android,小米4怎么从Win10刷回miui7
  9. Android Protect-0.luyten+jadx+simplify简单介绍
  10. 总结了一些很实用值得收藏的站点
  11. 硬盘坏了怎么修复 教你如何修复硬盘坏道
  12. java面向接口编程
  13. Android特效专辑(九)——仿微信雷达搜索好友特效,逻辑清晰实现简单
  14. C# 匿名函数_C# 匿名函数使用整理
  15. Linux CentOS 大数据集群的基础配置(3) CHD分布式环境搭建
  16. 火爆社区的开源数据可视化工具 datart 新用户体验教程
  17. Oracle中joint,Nape中的LineJoint-线段关节
  18. Linux—文件系统与磁盘管理(后)
  19. No gradients provided for any variable, check your graph for ops that do not support gradients
  20. Python+Vue计算机毕业设计宁夏葡萄酒销售系统g80g5(源码+程序+LW+部署)

热门文章

  1. box-shadow 设置单边、多边阴影
  2. Spring-boot-email邮件
  3. C语言-基础知识练习习题1
  4. 国内外一些ip反查域名的网站
  5. Optiver宣布成立主要战略投资团队
  6. 【C语言】请将560分钟换算成几小时几分钟,并输出换算结果相应的小时数与分钟数。 个人题解
  7. mysql同一个表比较_比较mysql中同一个表中的行
  8. scrapy分布式碰到的一些问题和解决方案
  9. 新玺配资:外围市场大跌 A股很难不受影响
  10. 【Proteus仿真】【STM32单片机】比赛计时计分系统设计