ios 3D引擎 SceneKit 开发(8) --SCNShape 的使用

其实很简单,用SCNShape 就可以实现了,看到SCNShape,我们就会立刻想到CAShapeLayer,没错,我们可以用贝塞尔曲线画一个2D 图案,然后在设定一个Depth 就可以了,非常简单,用法如下:

SCNShape *customShape= [SCNShape shapeWithPath:[self getBezierPath] extrusionDepth:4]; 

SCNNode *shapeNode= [SCNNode nodeWithGeometry:customShape];

[self getBezierPath] 为创建一个贝塞尔曲线的方法,大家这里可以随意创建自己的2D方案。

效果如下图:

接下来我们说说 SCNShape 的 chamferRadius 这个属性 , 字面意思:倒角半径,很难理解对不对。我们在上图中看到,生成的模型是有棱有角的,那我们拿锉刀把它打磨圆滑一点

customShape.chamferRadius=0.5;

效果如下图:

对比两幅图,我们可以一目了然的看到chamferRadius这个属性的作用。

chamferRadius的取值范围[0, extrusionDepth / 2],默认值是0.

而接下来 chamferMode 这个属性就决定我们拿 锉刀 只锉前面的一面,还是只锉后面的一面,还是两面都锉,它的值是个枚举值,如下:

typedef NS_ENUM(NSInteger, SCNChamferMode) {    

        SCNChamferModeBoth,    

        SCNChamferModeFront,    

        SCNChamferModeBack

} NS_ENUM_AVAILABLE(10_9,8_0);

默认值为SCNChamferModeBoth

前面讲过 长方体 有六个面可以贴不同的材质,而用SCNShape生成的几何体两面都锉的话,会生成5个面贴不同的材质,大家可能不清楚有那五个面,那我们再给他们设置材质,大家就会一目了然。

customShape.materials= @[[selfdifferentColorMaterial:[UIColorredColor]],                                 

                                                [selfdifferentColorMaterial:[UIColorgreenColor]],                             

                                                [selfdifferentColorMaterial:[UIColorblueColor]],                             

                                                [selfdifferentColorMaterial:[UIColoryellowColor]],                              

                                                [selfdifferentColorMaterial:[UIColorwhiteColor]]                              

                                                ];

-(SCNMaterial *)differentColorMaterial:(UIColor*)color{    

        SCNMaterial *material = [SCNMaterial material];    

        material.ambient.contents = material.diffuse.contents = material.specular.contents = [UIColorblackColor];    

        material.emission.contents= color;returnmaterial;

}

从上图所知五个面分别是:[前面,后面,侧面,前锉面,后锉面];

如果我们把前面,后面,侧面,后锉面 的材质设置为透明,并且把 chamferRadius 的值设置小一点的话,就会看到一个有趣的情况:

customShape.chamferRadius=0.2;

SCNMaterial *outlineMaterial = [SCNMaterial material];

outlineMaterial.ambient.contents= outlineMaterial.diffuse.contents=        outlineMaterial.specular.contents= [UIColor blackColor];

outlineMaterial.emission.contents= [UIColor whiteColor];

outlineMaterial.doubleSided= YES;

SCNMaterial *tranparentMaterial = [SCNMaterial material];

tranparentMaterial.transparency = 0.0;

customShape.materials= @[tranparentMaterial, tranparentMaterial, tranparentMaterial, outlineMaterial, tranparentMaterial];

如下图,形成一个轮廓:

OK, 我们在额外画一个特殊的东西:

注意DEMO 中 的 代码:

shape.chamferMode= SCNChamferModeFront;

shape.materials= @[tranparentMaterial, tranparentMaterial, tranparentMaterial, outlineMaterial, outlineMaterial];

由于我们只生成了前锉面,即使我们给后锉面设置了 白色材质outlineMaterial,它也是不起作用的。

注意点:

chamferMode 依赖于 chamferRadius,只有当chamferRadius 大于 0 时, chamferMode

才起作用。

生成的材质面个数依赖于chamferMode,当然更依赖于chamferRadius,最少3个,最多5个。

模拟器有锯齿,建议真机查看。

偷懒写不动了,chamferProfile 这个属性的介绍后面再补吧。

Demo 地址 :https://git.oschina.net/Roc.Tian/Blog_DEMO中的SCNShape_Demo

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

推荐阅读更多精彩内容

  • 是谁 隔着那个古老的世纪 对我不止的呼唤 是你吗 那沉睡了几亿年的恋人呀 是否 对我还有着那遥远的记忆 在那寂寞的...
    Martini先生阅读 5,561评论 0 10
  • 文/茹、彤 齐:大家好!很荣幸能站在这里跟大家分享我们的假期故事。茹:大家一定很奇怪我们为什么是两个人一起演讲,听...
    布吉岛的居民阅读 1,380评论 0 2
  • 我爱着 如痴如醉 像排空直上的青鸟 像欲燃的山花 我爱着 如梦如幻 像漫天如雪的飞絮 像月下的琼花 我爱着 悲欢不...
    山遥水知阅读 211评论 0 3