SceneKit自學(xué)之路(1)

目前網(wǎng)上關(guān)于SceneKit的教程還是略少葫男。對(duì)于完全沒有任何游戲開發(fā)經(jīng)驗(yàn)的人(我)來(lái)說還是有一定挑戰(zhàn)。記下此篇崔列,加深理解梢褐。文中不保證完全正確,如有錯(cuò)誤赵讯,感謝斧正盈咳。

本文不會(huì)像教材一樣循規(guī)蹈矩,按部就班边翼。而是通過實(shí)例鱼响,用到了什么再去學(xué)習(xí)什么。

進(jìn)入正題:


Hello World

1讯私、創(chuàng)建工程

很多沒基礎(chǔ)的人(我)都栽在了第一步热押。Xcode->File->New->Project->Game->SceneKit->Run!
看到一個(gè)很炫酷的飛船斤寇,在原地不停轉(zhuǎn)圈桶癣。一看代碼,不明覺厲娘锁。于是就放棄了牙寞。

其實(shí)SceneKit沒有那么神秘,他就是一個(gè)framework莫秆,我們完全可以使用他间雀,就像使用任意一個(gè)framework一樣。

所以在這里镊屎,我們新建一個(gè)Single View App就可以了惹挟。

創(chuàng)建工程

接下來(lái),如所有開發(fā)一樣缝驳,來(lái)開發(fā)一個(gè)HelloWorld作為學(xué)習(xí)的開頭吧连锯。

2、引入SceneKit

如前文所說用狱,就像我們使用任意一個(gè)framework运怖,我們首先引入它。

#import <SceneKit/SceneKit.h>

到這夏伊,我們先想一個(gè)概念:SceneKit開發(fā)的東西摇展,自然應(yīng)該放在SceneKit自己的容器上,SCNView就是這個(gè)容器(記不住前綴的可以腦補(bǔ)英文發(fā)音s ~ c ~ n:scene)溺忧。它提供一個(gè)場(chǎng)景SCNScene咏连,而我們具體的每一個(gè)組件都將放在場(chǎng)景里盯孙,這些組件便是節(jié)點(diǎn)SCNNode

于是我設(shè)定了以下3步來(lái)完成HelloWorld祟滴。

- (void)viewDidLoad {
    [super viewDidLoad];
    [self makeScene];//1镀梭、初始化場(chǎng)景
    [self makeNode]; //2踱启、初始化節(jié)點(diǎn)
    [self rotation]; //3埠偿、旋轉(zhuǎn)節(jié)點(diǎn)
}
3冠蒋、初始化場(chǎng)景

查看API可以看到SCNView其實(shí)就是一個(gè)基于UIView的控件乾胶,我們可以像初始化UIView一樣初始化它识窿。

#pragma mark - 初始化Scene
-(void)makeScene {
    _scnView = [[SCNView alloc]initWithFrame:CGRectMake(0, 0, 300, 300)];
    [self.view addSubview:_scnView];
    _scnView.center = self.view.center;
    [_scnView setBackgroundColor:[UIColor lightGrayColor]];
    //設(shè)置場(chǎng)景
    SCNScene *scene = [SCNScene new];
    _scnView.scene = scene;
}

初始化SCNView之后必須做的是給它設(shè)置一個(gè)場(chǎng)景喻频,SCNScene可以像上文中一樣使用+(instancetype)new;或者+(instancetype)scene;初始化一個(gè)空?qǐng)鼍啊R部梢愿鶕?jù)資源創(chuàng)建場(chǎng)景+(instancetype)sceneNamed:(NSString *)name;
這個(gè)資源可以是.scn文件也可以是.dae文件锻煌。(然而我并不知道去哪找現(xiàn)成的資源宋梧,所以接下來(lái)的實(shí)例捂龄,都只能以圖形加顏色為主)
.scn文件可以->New->File->SceneKit Scene File創(chuàng)建

新建.scn文件

.scn文件

4跺讯、初始化節(jié)點(diǎn)

什么是節(jié)點(diǎn)刀脏?

A structural element of a scene graph, representing a position and transform in a 3D coordinate space, to which you can attach geometry, lights, cameras, or other displayable content.
場(chǎng)景里的元素愈污,表示在三維坐標(biāo)空間中的一個(gè)位置和變換,你可以將幾何暂雹、燈光杭跪、相機(jī)或其他可顯示的內(nèi)容附加到其中。

就是說系奉,節(jié)點(diǎn)本身不是東西缺亮,他只是代表一個(gè)位置和變換桥言。我們可以把具體的組件附加到節(jié)點(diǎn)上,從而使組件顯示出來(lái)号阿。

#pragma mark - 初始化Node
-(void)makeNode {
    //創(chuàng)建節(jié)點(diǎn)
    _node = [SCNNode new];
    //將節(jié)點(diǎn)附加到根節(jié)點(diǎn)上
    [_scnView.scene.rootNode addChildNode:_node];
    //設(shè)置節(jié)點(diǎn)形狀
    SCNText *text = [SCNText textWithString:@"Hello World" extrusionDepth:0.5];//extrusionDepth厚度
    text.font = [UIFont systemFontOfSize:1];
    _node.geometry = text;
    //初始化光線(不是在目標(biāo)上直接設(shè)置而是新建節(jié)點(diǎn)來(lái)作為光源)
    SCNNode *lightNode = [SCNNode node];
    lightNode.light = [SCNLight light];
    lightNode.light.type = SCNLightTypeOmni;
    lightNode.position = SCNVector3Make(0, 10, 10);
    [_scnView.scene.rootNode addChildNode:lightNode];
    SCNNode *ambientLightNode = [SCNNode node];
    ambientLightNode.light = [SCNLight light];
    ambientLightNode.light.type = SCNLightTypeAmbient;
    ambientLightNode.light.color = [UIColor darkGrayColor];
    [_scnView.scene.rootNode addChildNode:ambientLightNode];
    //初始化虛擬相機(jī)(主要是調(diào)整鏡頭)
    SCNNode *cameraNode = [SCNNode node];
    cameraNode.camera = [SCNCamera camera];
    [_scnView.scene.rootNode addChildNode:cameraNode];
    _scnView.allowsCameraControl = YES;
    cameraNode.position = SCNVector3Make(0, 1, 12);
}

首先初始化node能真,并且把它添加到場(chǎng)景里粉铐。
接下來(lái)把“Hello World”附加給他卤档,這樣我們想要的文字就會(huì)出現(xiàn)在node的位置劝枣,并跟著node的變化而變化。
在這里我們想要顯示文字溪胶、顯示圖形都是通過設(shè)置node的幾何形狀node.geometry完成的哗脖。

默認(rèn)提供的幾何圖形

接下來(lái)練手順便創(chuàng)建了光線和相機(jī)才避。這里要注意,光源并不是想我們(我)想象的那樣棘劣,直接設(shè)置給node茬暇,而是寡喝,新建額外的node作為光源,實(shí)際物件上的光是光源映射在物件上的效果。
默認(rèn)提供的光源類型

虛擬相機(jī)可以調(diào)整鏡頭珊皿,從而調(diào)整物件顯示的位置蟋定,大小等草添。還可以通過設(shè)置_scnView.allowsCameraControl = YES;對(duì)場(chǎng)景進(jìn)行一些操作远寸。這里先不深究。

5肆资、旋轉(zhuǎn)

其實(shí)就是SCNNode的變換郑原∫固椋可以通過CABasicAnimation

- (void)addAnimation:(id <SCNAnimation>)animation forKey:(NSString *)key;

或者SCNAction

- (void)runAction:(SCNAction *)action;

等來(lái)實(shí)現(xiàn)女器。
恰好兩種都不熟悉,于是從簡(jiǎn)單的學(xué)起吧簇捍。

#pragma mark - 旋轉(zhuǎn)
-(void)rotation {
    SCNAction *customAction = [SCNAction rotateByX:0 y:1 z:0 duration:1];//沿y軸旋轉(zhuǎn)
    SCNAction *repeatAction = [SCNAction repeatActionForever:customAction];
    [_node runAction:repeatAction];
}

創(chuàng)建一個(gè)沿y軸旋轉(zhuǎn)的操作暑塑,并讓它永遠(yuǎn)重復(fù)。

以上惕艳,完成了我們的第一個(gè)SceneKit程序驹愚。

效果圖

說得有些啰嗦逢捺,實(shí)際上Demo代碼一共只有幾十行劫瞳。主要是第一篇,所有知識(shí)點(diǎn)都是新概念志于。實(shí)際上還有一些知識(shí)點(diǎn)并不詳細(xì)伺绽,將在之后陸續(xù)完善。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末澜掩,一起剝皮案震驚了整個(gè)濱河市输硝,隨后出現(xiàn)的幾起案子程梦,更是在濱河造成了極大的恐慌,老刑警劉巖郎逃,帶你破解...
    沈念sama閱讀 216,997評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件褒翰,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡朵你,警方通過查閱死者的電腦和手機(jī)抡医,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,603評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門忌傻,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)搞监,“玉大人,你說我怎么就攤上這事俘种【” “怎么了?”我有些...
    開封第一講書人閱讀 163,359評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵怖现,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我潘拨,道長(zhǎng)饶号,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,309評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮算谈,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘艾船。我一直安慰自己,他們只是感情好践宴,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,346評(píng)論 6 390
  • 文/花漫 我一把揭開白布阻肩。 她就那樣靜靜地躺著霉撵,像睡著了一般徒坡。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上伦泥,一...
    開封第一講書人閱讀 51,258評(píng)論 1 300
  • 那天锦溪,我揣著相機(jī)與錄音,去河邊找鬼防楷。 笑死则涯,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的亿昏。 我是一名探鬼主播角钩,決...
    沈念sama閱讀 40,122評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼递礼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼羹幸!你這毒婦竟也來(lái)了睹欲?” 一聲冷哼從身側(cè)響起一屋,我...
    開封第一講書人閱讀 38,970評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤冀墨,失蹤者是張志新(化名)和其女友劉穎诽嘉,沒想到半個(gè)月后弟翘,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體稀余,經(jīng)...
    沈念sama閱讀 45,403評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡睛琳,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,596評(píng)論 3 334
  • 正文 我和宋清朗相戀三年历等,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了辟癌。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,769評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡寡夹,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出农渊,到底是詐尸還是另有隱情或颊,我是刑警寧澤,帶...
    沈念sama閱讀 35,464評(píng)論 5 344
  • 正文 年R本政府宣布醉顽,位于F島的核電站游添,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏找都。R本人自食惡果不足惜廊酣,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,075評(píng)論 3 327
  • 文/蒙蒙 一晓猛、第九天 我趴在偏房一處隱蔽的房頂上張望凡辱。 院中可真熱鬧煞茫,春花似錦、人聲如沸续徽。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,705評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)膀斋。三九已至梭伐,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背假残。 一陣腳步聲響...
    開封第一講書人閱讀 32,848評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工姥卢, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人赂苗。 一個(gè)月前我還...
    沈念sama閱讀 47,831評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像贮尉,于是被迫代替她去往敵國(guó)和親拌滋。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,678評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容