前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >SceneKit_高级01_GLSL

SceneKit_高级01_GLSL

作者头像
酷走天涯
发布2022-05-13 16:08:34
7280
发布2022-05-13 16:08:34
举报

SceneKit_入门01_旋转人物

SceneKit_入门02_如何创建工程

SceneKit_入门03_节点

SceneKit_入门04_灯光

SceneKit_入门05_照相机

SceneKit_入门06_行为动画

SceneKit_入门07_几何体

SceneKit_入门08_材质

SceneKit_入门09_物理身体

SceneKit_入门10_物理世界

SceneKit_入门11_粒子系统

SceneKit_入门12_物理行为

SceneKit_入门13_骨骼动画

SceneKit_中级01_模型之间的过渡动画

SceneKit_中级02_SCNView 详细讲解

SceneKit_中级03_切换照相机视角

SceneKit_中级04_约束的使用

SceneKit_中级05_力的使用

SceneKit_中级06_场景的切换

SceneKit_中级07_动态修改属性

SceneKit_中级08_阴影详解

SceneKit_中级09_碰撞检测

SceneKit_中级10_滤镜效果制作

SceneKit_中级11_动画事件

SceneKit_高级01_GLSL

SceneKit_高级02_粒子系统深入研究

SceneKit_高级03_自定义力

SceneKit_高级04_自定义场景过渡效果

SceneKit_高级05 检测手势点击到节点

SceneKit_高级06_加载顶点、纹理、法线坐标

SceneKit_高级07_SCNProgram用法探究

SceneKit_高级08_天空盒子制作

SceneKit_高级09_雾效果

SceneKit_大神01_掉落的文字

SceneKit_大神02_弹幕来袭

SceneKit_大神03_navigationbar上的3D文字

让学习成为一种习惯

  • GLSL 是什么?

全称OpenGL Shader Language,一种着色器语言,我们可以自定义的程序片段,它在GPU 上执行,代替了固定的渲染管线的一部分,如 视图转换、投影转换,等,它由片段着色器和顶点着色器组成。再详细的部分暂时不在这里将,如果需要请自行查阅.

  • GLSL和SceneKit 框架如何配合使用,主要能干什么?

我们知道SceneKit框架中有一个类为几何对象SCNGeometry,它里面有一个属性为shaderModifiers,这个属性是一个字典类型,它的key值可以设置四种为下面几种

代码语言:javascript
复制
SCNShaderModifierEntryPoint.geometry
SCNShaderModifierEntryPoint.fragment
SCNShaderModifierEntryPoint.lightingModel
SCNShaderModifierEntryPoint.surface

分别对应顶点(vertex)、片段(fragment)、灯光(lighting)、表面(surface)

  • 我们看如何使用?

第一步 .创建工程(略)

第二步 .添加框架SceneKit

代码语言:javascript
复制
import SceneKit

第三步 .创建游戏专用视图SCNView

代码语言:javascript
复制
  let scnView = SCNView(frame: self.view.bounds)
  scnView.backgroundColor = UIColor.black
  self.view.addSubview(scnView)

第四步 .创建场景

代码语言:javascript
复制
let scene = SCNScene()
scnView.scene = scene

第五步 .添加一个灯光

代码语言:javascript
复制
 let spotLight =  SCNNode()
 spotLight.light = SCNLight()
 spotLight.light?.type = .spot
 spotLight.position = SCNVector3Make(0, 0, 2000)
 spotLight.light?.color = UIColor.red
 scene.rootNode.addChildNode(spotLight)

第六步 .加载模型

代码语言:javascript
复制
  let map = SCNScene(named: "foldingMap.dae")?.rootNode.childNode(withName: "Map", recursively: true)
 map?.rotation = SCNVector4Make(1, 0, 0, -Float(M_PI))
  scene.rootNode.addChildNode(map!)

以上过程都很简单,我们看一下运行效果

IMG_1463.PNG

下面是重点内容了

  • 先写一个顶点着色器程序,写个简单点的
代码语言:javascript
复制
_geometry.position.z = _geometry.position.x * 3;
  • 在写个灯光的着色器程序
代码语言:javascript
复制
_lightingContribution.diffuse = vec3(0.1,0.3,0.4);

看怎么把着色器程序加载进去

代码语言:javascript
复制
 let mapGeometry = try! String(contentsOf: Bundle.main.url(forResource: "wave", withExtension: "shader")!,encoding: String.Encoding.utf8)
 let mapLight = try! String(contentsOf: Bundle.main.url(forResource: "mapLighting", withExtension: "shader")!, encoding: String.Encoding.utf8)
 map?.geometry?.shaderModifiers = [SCNShaderModifierEntryPoint.geometry:mapGeometry,SCNShaderModifierEntryPoint.lightingModel:mapLight]

IMG_1465.PNG

还有其他两种的使用,暂时不讲了,有空补上。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2022-05-13,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档