iOS 10 SceneKit 新特性 - SceneKit 制作 3D 场景框架

开头语:
今天早上很开心,掘金的微博转发我第一个blog 服务端Swift - Vapor (一),让正在愁期末考试的我一下心花怒放。正好掘金赐给我一个内测功能(原创文章编写),于是今天打算撸一篇,希望长辈指导。

今天的主题是探索iOS10 SceneKit的新功能,你可以观看今年WWDC的视频Advances in SceneKit Rendering

SceneKit 介绍,SceneKit类似于Unity是一个制作3D物件的框架,很多3D游戏都可以基于这个框架进行开发,自几年前和Swift一起推出到现在广受欢迎。比如今年推出的Swift Playground就有用到SceneKit开发一个3D游戏帮助小盆友学习coding。

Swift Playground

你可以看这里对SceneKit有点基础的了解Objc-SceneKit介绍

今年的SceneKit已经支持iWatch了,大东目前没iWatch,不过觉得屏幕太小了,最多就是几个3D的小部件吧。

Physically based rendering

今年最大的更新是提供了Physically based rendering(PBR),不懂可以上网查,简单的说就是让3D的物品更加3D了,我后面重点就是谈谈这个新的功能。

What's new in iOS 10 SceneKit: A new Physically Based Rendering (PBR) system allows you to leverage the latest in 3D graphics research to create more realistic results with simpler asset authoring

官方文档谈到的

PBR materials require only three fundamental properties— diffuse, metalness, and roughness—to produce a wide range of realistic shading effects.

相比之前,现在映射一个3D物体变得很容易,只要实现这3个变量 diffuse metalness roughness 即可。我们做一个小Demo更加帮助理解。

首先下载自己喜欢的物品材质,所谓的材质可以理解一个为意见物品的“皮肤”,你可以选择喜欢的贴图来实现不同的效果。下载网址

let materialPrefixes : [String] = ["Copper-scuffed"]
let material = sphereNode.geometry?.firstMaterial

// Declare that you intend to work in PBR shading mode
// Note that this requires iOS 10 and up
material?.lightingModel = SCNMaterial.LightingModel.physicallyBased
// Setup the material maps for your object
let materialFilePrefix = materialPrefixes[0]
material?.diffuse.contents = UIImage(named: "\(materialFilePrefix)-albedo.png")
material?.roughness.contents = UIImage(named: "\(materialFilePrefix)-roughness.png")
material?.metalness.contents = UIImage(named: "\(materialFilePrefix)-metal.png")

这里就实现了物品材质的选择,但是球的背景图是怎么实现的,怎么会有倒摄的效果呢?

其实实现也很简单,假设你把一个物体的LightingModel定位为PBR,只要提供一张全景照片就能够将照片隐射到上面去

let env = UIImage(named: "interior_hdri_29_20150416_1169368110.jpg")
scene.lightingEnvironment.contents = env

注意,这里的全景照片指的不是手机拍的全景照片而是高质量,专业效果拍摄出来的图片,如果照片不合格,就会出现错误,如下示例图。


图片源于网络

当然还要有后面背景图

let bg = UIImage(named: "interior_hdri_29_20150416_1169368110.jpg")
scene.background.contents = bg

注意观察到它们是同一张图

最后就会呈现如下的效果图,我用Swift Playground可使,真是太强大了。我还加入了Core Motion,可以移动iPad来切换不同的视角,这同时也是VR View的制作方式呀,以后更新如何开发一个属于iOS 的VR应用,并连接SceneKit,感觉以后发展可观。


当然你还可以新建一个.scn文件来制作

  • 先拖一个SphereNode


  • 更改Material的属性


  • 更改Lighting Environment 和 Background 属性


可以自己尝试不同的3D物件,在Object-library上拖拽到.scn文件中即可

Physically Based Lights

Authors of PBR scene content often prefer working in physically based terms, so you can now define lighting using intensity (in lumens) and color temperature (in degrees Kelvin), and import specifications for real-world light fixtures using the IESProfileURL property.


今年对scnLight 的更新是新增一种灯源,就是可以在网上找到一种文件格式.ies,就可以导入不同格式的灯源。这对设计师来说应该是一个福利

//add a liteNode
let liteNode = SCNNode()
liteNode.light = SCNLight()
liteNode.light?.iesProfileURL = URL(fileReferenceLiteralResourceName: "LF6N_1_42TRT_F6LS73.ies")
liteNode.light?.type = .IES

HDR Camera

Add even more realism with the new HDR features and effects in the SCNCamera class. With HDR rendering, SceneKit captures a much wider range of brightness and contrast in a scene, then allows you to customize the tone mapping that adapts that scene for the narrower range of a device’s display. Enable exposure adaptation to create automatic effects when, for example, the player in your game moves from a darkened area into sunlight. Or use vignetting, color fringing, and color grading to add a filmic look to your game.


我也做了一个Demo来尝试新的api效果,大东表示非常赞👍,有一些属性是支持Animate的,这在官方的Demo上有展示过一个效果场景就是当一个突然物体飞速移动时,周围的场景会变有模糊效果,联系一下开车场景,这种效果让游戏开发变得更加逼真!

苹果今年给SCNCamera添加了很多新的效果,可以找官方的APi文档查找。

今年的 WWDC Demo

苹果今年开源了两个适合大家入们SceneKit的Demo,而且都有用Swift 3编写,看Session到那里时非常激动,现场也很多人鼓掌欢呼(表示大东很想去WWDC)

写在最后,大东想说,SceneKit很强大,我也相信苹果如果以后要推出VR,SceneKit这种制作3D场景的框架一定会被广受利用。最近我还在探索如何用Google 的VR-iOS SDK来实现一个SceneKit场景。也希望能和大家交流学习。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,560评论 4 361
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,104评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,297评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,869评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,275评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,563评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,833评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,543评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,245评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,512评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,011评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,359评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,006评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,062评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,825评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,590评论 2 273
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,501评论 2 268

推荐阅读更多精彩内容

  • 上大学的第一天开始,吴立杰就在琢磨,怎样把自己设计的服装草图卖出去呢?整个暑假,他都在做同一件事,就是顶着烈日,背...
    a_f59a阅读 241评论 0 1
  • 今天跟同事闲聊,说到他家以前养了一条好玩的小狗,但是到后面因为有了小孩只好送人。初为父母的我立马反应过来其中的原因...
    头发很乱2阅读 120评论 0 0
  • 他醒着时我困着他睡着了我醒着几夜里来醒着困着脑壳里的小零件松了转起来咔啦咔啦连说话都变温柔
    鉛筆羊阅读 174评论 0 1