专栏首页每日一篇技术文章SceneKit - 提供三种方法解决全景图画面内部透射颠倒的问题

SceneKit - 提供三种方法解决全景图画面内部透射颠倒的问题

本节学习目标

我们在将一张图渲染在球体上制作全景图的时候,会发现图片上的文字从球体内部来看是反的,我们举例说明一下

先看一下我们的全景图全貌

2.png

注意红色"ab"的看起来是正常的,但是经过我们下面渲染球体的代码

第一步 创建一个球体

     let sphereNode = SCNNode()
    sphereNode.position = SCNVector3Make(0, 0, 0)
    sphereNode.geometry = SCNSphere(radius: 100)
   self.scnView.scene?.rootNode.addChildNode(sphereNode)

第二步 贴图 sphereNode.geometry?.firstMaterial?.diffuse.contents = srcImage sphereNode.geometry?.firstMaterial?.isDoubleSided = true sphereNode.geometry?.firstMaterial?.diffuse.wrapT = .repeat; sphereNode.geometry?.firstMaterial?.diffuse.wrapS = .repeat;

第三步 给球体内部放置一个相机

       let cameraNode = SCNNode()
     cameraNode.camera = SCNCamera()
     cameraNode.camera?.automaticallyAdjustsZRange = true
     cameraNode.position = SCNVector3Make(0, 0, 0)
     sphereNode.addChildNode(cameraNode)

效果如下

IMG_1398.PNG

这个时候我们会发现“ab”是 内部往外看的效果

接下来我们可以使用下面的三种办法解决这个问题

第一种 我们不演示 就是把这种图透射处理一下 然后再渲染,记住不是镜像

第二种 对纹理坐标进行矩阵变换

默认的矩阵为 SCNMatrix4(m11: 1.0, m12: 0.0, m13: 0.0, m14: 0.0, m21: 0.0, m22: 1.0, m23: 0.0, m24: 0.0, m31: 0.0, m32: 0.0, m33: 1.0, m34: 0.0, m41: 0.0, m42: 0.0, m43: 0.0, m44: 1.0)

旋转矩阵 SCNMatrix4(m11: -1.0, m12: 0.0, m13: 0.0, m14: 0.0, m21: 0.0, m22: 1.0, m23: 0.0, m24: 0.0, m31: 0.0, m32: 0.0, m33: 1.0, m34: 0.0, m41: 0.0, m42: 0.0, m43: 0.0, m44: 1.0)

如果沿y轴中心将图片旋转90度渲染就可以了接下来看代码

sphereNode.geometry?.firstMaterial?.diffuse.contentsTransform = SCNMatrix4MakeScale(-1,1,1); // 纹理坐标翻转一下

这个时候 你会发现什么都看不见 因为球体内部没有灯光 在球体内部加上环境光试试看

    let lightNode = SCNNode()
    lightNode .light = SCNLight()
    lightNode .light?.type = .ambient
    sphereNode.addChildNode(lightNode)

你会发现正是我们需要的

IMG_1399.PNG

第三种方式 这种方式是不需要添加灯光的

 sphereNode.geometry?.firstMaterial?.diffuse.contentsTransform = SCNMatrix4Translate(SCNMatrix4MakeScale(-1, 1, 1), 1, 0, 0)

运行效果和上面的方式一样

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Metal_入门02_带你走流程

    Metal 系列教程 Metal_入门01_为什么要学习它 Metal_入门02_带你走流程

    酷走天涯
  • Swift3.0 - 黑魔法swizzle

    酷走天涯
  • 微信小程序_06 将臃肿的单页js文件拆开

    小程序中每一个页面对应一个Page()方法,我们需要把变量和组件的各种事件都写在一个对象里,然后把对象作为这个参数传递给Page方法

    酷走天涯
  • Oracle数据库诊断案例-redo log日志组处于高激活状态

    作者:eygle 出处:http://www.eygle.com/blog 日期:June 26, 2005 本文链接:http://www.eygle.co...

    数据和云01
  • python 让cpu满载

    搞zabbix监控的时候,linux服务器的负载很低,如何写一个python脚本,让它满载呢?

    py3study
  • 《机器学习实战(Scala实现)》(五)——Logistic回归

    z=w0x0+w1x1+...+wnxn\large z = w_0x_0 + w_1x_1 + ... + w_nx_n

    用户1621453
  • 什么是算法?从枚举到贪心再到启发式(上)

    因此我们接下来的展开都需要围绕一个问题展开,那么我就用最简单的0-1背包问题( 1-0 knapsack problem)来给大家讲讲吧。

    用户1621951
  • AWR 报告深度解读:Redo Nowait指标的算法和诊断泄露二十多万名用户数据

    AWR知识体系:https://www.modb.pro/topic/6165(复制到浏览器打开或者点击“阅读原文”)

    数据和云
  • memlock过低导致的数据库性能问题(r6笔记第10天)

    今天在一台备库机器上准备搭建active data guard ,在主库上做配置的时候,发现主库的反应有些慢,主要的感觉就是敲命令的时候似乎都有些停顿。 带着疑...

    jeanron100
  • 10.4.3 编程实例-太阳系动画

    glClearColor(0.0f, 0.0f, 0.0f, 0.8f); //背景为黑色

    步行者08

扫码关注云+社区

领取腾讯云代金券