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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

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

友情链接更多精彩内容