当前位置: 首页 > news >正文

css3d放置的面板方向不对问题排查

以往在threejs左手坐标系下,camera=new THREE.Vector3(0, 0, 1),好像在贴css3d的时候从来不会出问题。而这次接到一个朋友是用右手坐标系的,camera默认不设置方向,则应该是(0,1,0)

css3d的样式,本质上它是一个div,而面向我们眼睛的角度就是这个css3dobject的目标朝向,可以利用lookAt来改变它的方向。

验证:无论什么坐标系,你只需要正确的使用lookAt,它肯定能指哪打哪。也就是说,跟用啥坐标系没有关系。

通过raycaster定位,所我收到的定点也没问题。放的位置是对的,可是面板就是被错误的旋转。那问题肯定是出在normal。通过打印窗口看到,真是神奇了:本来应该是(0,0,1)方向,结果显示却是(0,-1,0),本来应该是y轴方向,结果却是(0,0,1)。于是在定义lookAt的时候,就要把normal先扭对。假如normal是(x,y,z),则把它更换成(x,z,-y)。

差不多了

http://www.lryc.cn/news/545909.html

相关文章:

  • K8S学习之基础七:k8s中node污点和pod容忍度
  • python流水线自动化项目教程
  • 机器学习算法——分类任务
  • AJAX复习记录
  • 内网穿透的应用-企业级远程办公方案:NAS部署网页版Linux,HTTPS加密访问全配置
  • 《白帽子讲 Web 安全》之移动 Web 安全
  • CSS_复合选择器
  • 测试工程师Ai应用实战指南简例prompt
  • 贪心人生,贪心算法
  • 【论文阅读笔记】用于恶劣天气条件下的目标检测的IA-YOLO(Image-Adaptive YOLO) | 适合雾天和低光照场景
  • 【Elasticsearch】Set up a data stream 创建data stream
  • redhat无网利用iso搭建本地yum源
  • 我的ChatGPT怎么登不上?
  • 飞机大战lua迷你世界脚本
  • 链表常用技巧和操作总结
  • CSS的列表属性
  • Django 5实用指南(十三)安全性与防护
  • cesium+vue3自定义HTML实体弹窗、加高德路网、防实体漂浮、让用户画圆、鹰眼
  • Go红队开发—编解码工具
  • 计算机毕业设计SpringBoot+Vue.js常规应急物资管理系统(源码+文档+PPT+讲解)
  • thinkphp5对接阿里云ocr试卷切题
  • AI数据分析:用DeepSeek做数据清洗
  • 免费轻巧多功能 PDF 处理工具:转换、压缩、提取一应俱全
  • 基于JavaWeb开发的Java+SpringBoot+vue+element实现物流管理系统
  • 计算机毕业设计SpringBoot+Vue.js华强北商城二手手机管理系统 (源码+文档+PPT+讲解)
  • 实验:k8s+keepalived+nginx+iptables
  • DeepSeek入门学习
  • 几道考研数学题求解
  • Highcharts 配置语法详解
  • OpenEuler学习笔记(三十五):搭建代码托管服务器