当前位置: 首页 > 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)。

差不多了

相关文章:

  • 二、QT和驱动模块实现智能家居-----问题汇总1
  • 期权帮|股指期货3月合约交割该如何做?
  • 【华为OD机试真题29.9¥】(E卷,100分) - TLV解码(Java Python JS C++ C )
  • Spring Bean 作用域设置为prototype在并发场景下是否是线程安全的
  • 【含文档+PPT+源码】基于SpringBoot和Vue的编程学习系统
  • 【leetcode hot 100 53】最大子数组和
  • 1278. 分割回文串 III
  • Docker安装Grafana数据可视化平台
  • Linux-计算机网络.udp
  • SQL Server下载和安装细节
  • 【慕课网wiki项目学习笔记01】Spring Boot 项目搭建
  • 使用vite创建vue3项目
  • 消息队列与RocketMQ
  • linux离线安装miniconda环境
  • 如何将本地项目提交到 GitHub
  • 登录服务器后如何找到对应的drupal所在的文件夹
  • FPGA-DE2115开发板实现4位全加器、3-8译码器。
  • Ribbon实现原理
  • 清华DeepSeek深度探索与进阶指南
  • 扫描纸质文件转pdf---少页数+手机+电脑协作
  • 人民日报评论:莫让“胖东来们”陷入“棒杀”“捧杀”泥潭
  • 五一假期上海两大机场客流量超193万人次,创历年同期最高
  • 习近平同欧洲理事会主席科斯塔、欧盟委员会主席冯德莱恩就中欧建交50周年互致贺电
  • 媒体:西安62岁男子当街殴打妻子,警方称打人者已被行拘
  • 山东滕州一车辆撞向公交站台致多人倒地,肇事者被控制,案件已移交刑警
  • 越老越妖的库里,成了火箭季后赛里一晃十年的噩梦