VR+全景播放器+头控讲解-01-知识储备
VR+全景播放器+头控讲解-02-创建球体
VR+全景播放器+头控讲解-03-渲染视频
VR+全景播放器+头控讲解-04-滑动手势
VR+全景播放器+头控讲解-05-伸缩画面
VR+全景播放器+头控讲解-06-头控实现
VR+全景播放器+头控讲解-07-分屏技术

本节学习目标

如何实现通过手势移动来调节呈现出来的画面位置

实现步骤

  • 1.单独创建一个视图放在最外层,放手势对象

     [view addGestureRecognizer:self.panGesture];
    
  • 2.创建一个滑动手势

     self.pinchGesture = [[UIPinchGestureRecognizer alloc]initWithTarget:self     action:@selector(pinchGesture:)];
    
  • 3.转换为旋转角度

     if (panGesture.state == UIGestureRecognizerStateBegan){CGPoint currentPoint = [panGesture locationInView:panGesture.view];self.lastPoint_x = currentPoint.x;self.lastPoint_y = currentPoint.y;[self.delegate gestureManager:self panGesture:panGesture matrix4:SCNMatrix4Identity];
    }else{CGPoint currentPoint = [panGesture locationInView:panGesture.view];float distX = currentPoint.x - self.lastPoint_x;float distY = currentPoint.y - self.lastPoint_y;self.lastPoint_x = currentPoint.x;self.lastPoint_y = currentPoint.y;// 这里进行手势滑动视角的微调,根据需求设置distX *= -0.005;distY *= -0.005;self.fingerRotationY += distX *  OSVIEW_CORNER / 100.0;self.fingerRotationX += distY *  OSVIEW_CORNER / 100.0;SCNMatrix4 modelMatrix = SCNMatrix4Identity;modelMatrix = SCNMatrix4Rotate(modelMatrix, self.fingerRotationX,1, 0, 0);modelMatrix = SCNMatrix4Rotate(modelMatrix, self.fingerRotationY, 0, 1, 0);
    
  • 4.改变照相机的旋转角度

    self.eyeNode.pivot = modelMatrix;
    

本节讲解完毕
SceneKit 中文教程

VR+全景播放器+头控讲解-04相关推荐

  1. VR+全景播放器+头控讲解-06

    VR+全景播放器+头控讲解-01-知识储备 VR+全景播放器+头控讲解-02-创建球体 VR+全景播放器+头控讲解-03-渲染视频 VR+全景播放器+头控讲解-04-滑动手势 VR+全景播放器+头控讲 ...

  2. VR+全景播放器+头控讲解-02

    VR+全景播放器+头控讲解-01-知识储备 VR+全景播放器+头控讲解-02-创建球体 VR+全景播放器+头控讲解-03-渲染视频 VR+全景播放器+头控讲解-04-滑动手势 VR+全景播放器+头控讲 ...

  3. VR+全景播放器+头控讲解-03

    VR+全景播放器+头控讲解-01-知识储备 VR+全景播放器+头控讲解-02-创建球体 VR+全景播放器+头控讲解-03-渲染视频 VR+全景播放器+头控讲解-04-滑动手势 VR+全景播放器+头控讲 ...

  4. VR+全景播放器+头控讲解-01

    VR+全景播放器+头控讲解-01-知识储备 VR+全景播放器+头控讲解-02-创建球体 VR+全景播放器+头控讲解-03-渲染视频 VR+全景播放器+头控讲解-04-滑动手势 VR+全景播放器+头控讲 ...

  5. VR+全景播放器+头控讲解-05

    VR+全景播放器+头控讲解-01-知识储备 VR+全景播放器+头控讲解-02-创建球体 VR+全景播放器+头控讲解-03-渲染视频 VR+全景播放器+头控讲解-04-滑动手势 VR+全景播放器+头控讲 ...

  6. windows平台VR全景播放器,支持图片视频,rtsp,rtmp,http,udp,hls等网络格式

    QQ: 515311445 先上下载链接:点击下载VR全景播放器 本工具使用开源的vlc做为核心播放器,添加全景代码而成,编译vlc时建议使用linux电脑编译,目前vlc已经支持全景图片和视频了,但 ...

  7. VR全景播放器 AvPro Video

    最近项目需要,使用Unity开发VR全景播放器,包括PC端和VR一体机端(Android).Unity5.6开始支持VideoPlayer,使用自带的VideoPlayer,很顺利把播放器完成了,使用 ...

  8. 使用SceneKit编写VR全景播放器

    最近用SceneKit做了全景看房的功能,现总结下如何实现的. 先看下最终的效果: gif1.gif VR图片全景播放器有以下功能: 360度 手势滑动,缩放 陀螺仪 分屏(VR眼镜) 热点hotpo ...

  9. OpenGL ES_手把手教你打造VR全景播放器

    OpenGL ES _ 入门_01 OpenGL ES _ 入门_02 OpenGL ES _ 入门_03 OpenGL ES _ 入门_04 OpenGL ES _ 入门_05 OpenGL ES ...

最新文章

  1. C语言 · 交换Easy
  2. 开店攻略: 购买行为越来越冲动性
  3. 条款46:需要类型转换的时候请为模板定义非成员函数
  4. 错过血亏!深入学习Redis集群搭建方案及实现原理
  5. 舒尔特注意力训练表格_用微信小程序里训练提升你的专注力
  6. 施乐s2110进入维修模式,富士施乐s2110恢复出厂
  7. 校准证书中的修正值、修正因子,你真的会用吗?
  8. 服务器能不能用普通硬盘,服务器硬盘是什么 与普通硬盘区别
  9. 计算机网络实验4 — 网线制作
  10. 马可夫链和隐马可夫链_马可夫随机场和图像处理
  11. SMTP邮箱服务器发送邮件
  12. @PostConstruct与afterPropertiesSet
  13. 初中数学503个必考知识点_初中数学|必考的21个知识点
  14. anr用户无响应问题的解决
  15. 人工智能入门算法逻辑回归学习笔记
  16. panda3d 键盘移动场景
  17. 多时点DID平行趋势检验
  18. python+OpenCv笔记(六):图像的几何变换(缩放、平移、旋转、仿射、透射、金字塔)
  19. 在线教育平台网站源码是什么?
  20. 【项目记录】-上门洗车-汽车服务_0

热门文章

  1. 1M宽带等于多少KB/S?
  2. C语言宏的几种常用语法与示例
  3. vue——引入第三方库因npm冲突(版本高低)报错
  4. python提前查成绩_Python爬虫案例——正方教务学生成绩获取(自动识别验证码)...
  5. 【web素材】05—13款炫酷的HTML5实例动画
  6. 计算机科学与工程学院彭骜宇,情系义卖,爱暖人心——计算机科学与工程学院开展“雷锋家乡学雷锋”爱心义卖活动...
  7. Golang 在nbsp;Baidu-FrontEnd 的应用之路
  8. 【云星数据---Scala实战系列(精品版)】:Scala入门教程061-Scala实战源码-Scala包引用的语法
  9. ChatGPT助力校招----面试问题分享(一)
  10. element的autofocus失效问题解决