ARKITSceneKit学习iOS Developer

[SceneKit专题]10.Materials材质

2017-04-09  本文已影响787人  苹果API搬运工

说明

本系列文章是对<3D Apple Games by Tutorials>一书的学习记录和体会此书对应的代码地址

SceneKit系列文章目录

最终的实时渲染效果图


QQ20170409-001805@2x.png

Lighting models(照明模型)

WX20171203-141252@2x.png

Materials(材质)

一般也就是textures(纹理).
纹理实际是2D图片按照几何体内部的纹理坐标系展开,包裹在3D几何体表面.所有Scene Kit内部自带的初始形状已经包含了这个坐标信息.

需要注意的是
Xcode8之前,反射贴图和前面两个贴法不同,不是直接拉伸包裹在几何体上面的,而是用cube mapping(立方体贴图)来完成的.想像一个立方体,六个面的纹理并排水平放置,就形成了立方体贴图:

WX20171203-141904@2x.png QQ20170409-114742@2x.png

Xcode8之后别的形式立方贴图也可以,:


WX20171203-141954@2x.png

Xcode8还支持了1:2的球面贴图:

WX20171203-142110@2x.png QQ20170409-111917@2x.png QQ20170409-111930@2x.png QQ20170409-120125@2x.png QQ20170409-120149@2x.png QQ20170409-143922@2x.png

skybox天空盒子

设置方法如图,也可以用代码设置


QQ20170409-140020@2x.png
let scene = SCNScene()
scnView.scene = scene
scene.background.contents = "skybox01_cube.png"

当使用Cube map立方体贴图时,Scene Kit支持以下几种图像模式

1. A horizontal strip image  where `6 * image.height ==     image.width`水平排列宽高6:1
2. A vertical strip image    where `    image.height == 6 * image.width`竖直排列宽高1:6
3. A horizontal cross image  where `4 * image.height == 3 * image.width`水平十字交叉宽高3:4
4. A vertical cross image    where `3 * image.height == 4 * image.width`竖直十字交叉宽高3:4
5. A lat/long image          where `    image.height == 2 * image.width`经纬度图片宽高1:2
6. A NSArray of 6 images. This array must contain images of the exact same dimensions, in the following order, in a left-handed coordinate system: +X, -X, +Y, -Y, +Z, -Z (or Right, Left, Top, Bottom, Front, Back).图片数组6张
QQ20170409-141542@2x.png QQ20170409-140951@2x.png
上一篇下一篇

猜你喜欢

热点阅读