SceneKit_入門01_旋轉(zhuǎn)人物
SceneKit_入門02_如何創(chuàng)建工程
SceneKit_入門03_節(jié)點(diǎn)
SceneKit_入門04_燈光
SceneKit_入門05_照相機(jī)
SceneKit_入門06_行為動(dòng)畫
SceneKit_入門07_幾何體
SceneKit_入門08_材質(zhì)
SceneKit_入門09_物理身體
SceneKit_入門10_物理世界
SceneKit_入門11_粒子系統(tǒng)
SceneKit_入門12_物理行為
SceneKit_入門13_骨骼動(dòng)畫
SceneKit_中級01_模型之間的過渡動(dòng)畫
SceneKit_中級02_SCNView 詳細(xì)講解
SceneKit_中級03_切換照相機(jī)視角
SceneKit_中級04_約束的使用
SceneKit_中級05_力的使用
SceneKit_中級06_場景的切換
SceneKit_中級07_動(dòng)態(tài)修改屬性
SceneKit_中級08_陰影詳解
SceneKit_中級09_碰撞檢測
SceneKit_中級10_濾鏡效果制作
SceneKit_中級11_動(dòng)畫事件
SceneKit_高級01_GLSL
SceneKit_高級02_粒子系統(tǒng)深入研究
SceneKit_高級03_自定義力
SceneKit_高級04_自定義場景過渡效果
SceneKit_高級05 檢測手勢點(diǎn)擊到節(jié)點(diǎn)
SceneKit_高級06_加載頂點(diǎn)偏瓤、紋理暑诸、法線坐標(biāo)
SceneKit_高級07_SCNProgram用法探究
SceneKit_高級08_天空盒子制作
SceneKit_高級09_霧效果
SceneKit_大神01_掉落的文字
SceneKit_大神02_彈幕來襲
SceneKit_大神03_navigationbar上的3D文字
在游戲中,我們經(jīng)常可以看到,有視角切換這個(gè)功能,那在SceneKit中怎么進(jìn)行視角切換了,今天就帶大家練習(xí)這個(gè)功能!
今天教大家實(shí)現(xiàn)下面的效果:
走進(jìn)代碼的世界
1.創(chuàng)建工程(略)
2.添加素材(自己截圖, 放到工程中去)
3.創(chuàng)建3個(gè)按鈕和SCNView頁面
4.添加框架#import <SceneKit/SceneKit.h>
5.創(chuàng)建游戲場景(這個(gè)簡單)
self.scnView.scene = [SCNScene scene];
self.scnView.backgroundColor = [UIColor blackColor];
6.創(chuàng)建太陽系(也很簡單)
SCNNode *sunNode = [SCNNode node];
sunNode.geometry = [SCNSphere sphereWithRadius:3];
sunNode.geometry.firstMaterial.diffuse.contents = @"sun.jpg";
[self.scnView.scene.rootNode addChildNode:sunNode];
7.創(chuàng)建地月系(有點(diǎn)復(fù)雜哦)
// 1.我們需要先創(chuàng)建一個(gè)地月系節(jié)點(diǎn).并且設(shè)置它為太陽系的子節(jié)點(diǎn)
SCNNode *earthMoonNode = [SCNNode node];
earthMoonNode.position = SCNVector3Make(10, 0, 0);
[sunNode addChildNode:earthMoonNode];
//2.創(chuàng)建一個(gè)地球節(jié)點(diǎn),添加到地月系節(jié)點(diǎn)上去
SCNNode *earthNode = [SCNNode node];
earthNode.geometry = [SCNSphere sphereWithRadius:1];
earthNode.geometry.firstMaterial.diffuse.contents = @"earth.jpg";
earthNode.position = SCNVector3Make(0, 0, 0);
[earthMoonNode addChildNode:earthNode];
// 3.創(chuàng)建一個(gè)月球系，讓它添加到地球節(jié)點(diǎn)上去
SCNNode *moonNode = [SCNNode node];
moonNode.geometry = [SCNSphere sphereWithRadius:0.5];
moonNode.geometry.firstMaterial.diffuse.contents = @"moon.jpg";
moonNode.position = SCNVector3Make(2, 0, 0);
[earthNode addChildNode:moonNode];
8.接下來是,執(zhí)行運(yùn)動(dòng)了
//1.太陽繞著Y軸自傳
SCNAction *sunRotate = [SCNAction repeatActionForever:[SCNAction rotateByAngle:0.1 aroundAxis:SCNVector3Make(0, 1, 0) duration:0.3]];
[sunNode runAction:sunRotate];
// 2.地球繞著Y軸自傳
SCNAction *rotation =[SCNAction repeatActionForever:[SCNAction rotateByAngle:0.1 aroundAxis:SCNVector3Make(0, 1, 0) duration:0.05]];
[earthNode runAction:rotation];
完成上面的步驟险绘，太陽系我們創(chuàng)建好了,運(yùn)行一下試試吧！
9.創(chuàng)建兩個(gè)視角
// 1.我們創(chuàng)建一個(gè)場景范圍內(nèi)的第三視角
@property(nonatomic,strong)SCNNode *thirdViewCamera;
self.thirdViewCamera = [SCNNode node];
self.thirdViewCamera.camera = [SCNCamera camera];
self.thirdViewCamera.camera.automaticallyAdjustsZRange = true;
self.thirdViewCamera.position = SCNVector3Make(0, 0, 30);
[self.scnView.scene.rootNode addChildNode:self.thirdViewCamera];
// 2.我們創(chuàng)建一個(gè)地月系的第一視角
@property(nonatomic,strong)SCNNode *firstViewCamera;
self.firstViewCamera = [SCNNode node];
self.firstViewCamera.camera =[SCNCamera camera];
self.firstViewCamera.position = SCNVector3Make(0, 0, 10);
[earthMoonNode addChildNode:self.firstViewCamera];
10.下面就是決定你視角是哪個(gè)的重要代碼呀打，請認(rèn)真記住
self.scnView.pointOfView = self.thirdViewCamera;
11.下面是和我們界面上綁定的三個(gè)button的事件
// 進(jìn)入太陽系
- (IBAction)enterSunSystem:(id)sender {
self.scnView.pointOfView = self.thirdViewCamera;
SCNAction *move = [SCNAction moveTo:SCNVector3Make(0, 0, 30) duration:1];
[self.thirdViewCamera runAction:move];
}
// 進(jìn)入地月系
- (IBAction)enterEarthMoonSystem:(id)sender {
self.scnView.pointOfView = self.firstViewCamera;
}
// 離開太陽系
- (IBAction)exitSunSystem:(id)sender {
SCNAction *move = [SCNAction moveTo:SCNVector3Make(0, 0, 400) duration:1];
[self.thirdViewCamera runAction:move];
}
如果你想要理解三個(gè)星球的運(yùn)動(dòng)原理,請看下面這張圖
你應(yīng)該知道的
系統(tǒng)提供給我們的旋轉(zhuǎn)方法,是只能沿著軸轉(zhuǎn)動(dòng),比如你的節(jié)點(diǎn)在(0,1,0) 你讓他沿著X軸旋轉(zhuǎn),它旋轉(zhuǎn)后的坐標(biāo)還是(0,1,0),因?yàn)樗茄刂陨碜鴺?biāo)系旋轉(zhuǎn)的鉴分。
上圖原理:
我們首先創(chuàng)建一個(gè)地月節(jié)點(diǎn),將其設(shè)置為太陽的自節(jié)點(diǎn)，這樣太陽旋轉(zhuǎn)的時(shí)候惧蛹，我們的地月節(jié)點(diǎn)扇救，就會(huì)圍繞這太陽轉(zhuǎn)動(dòng),然后我們創(chuàng)建一個(gè)地球節(jié)點(diǎn),讓其成為地月節(jié)點(diǎn)的子節(jié)點(diǎn)刑枝，這樣地球就能和地月節(jié)點(diǎn)一起圍繞太陽節(jié)點(diǎn)轉(zhuǎn)動(dòng)了,同樣的道理，月球節(jié)點(diǎn)成為地球節(jié)點(diǎn)的子節(jié)點(diǎn)迅腔，那么地球自身的時(shí)候装畅，也能帶動(dòng)月球轉(zhuǎn)動(dòng)了。
提示:
本節(jié)內(nèi)容比較簡單,但是使用的頻率比較高,請大家務(wù)必掌握沧烈。
代碼庫,聽說經(jīng)常給人點(diǎn)贊都當(dāng)老板了!
