模型的旋转、缩放、平移
作者:桑榆
QQ:934440653
有问题,评论留言,或qq联系
旋转
1.模型绕本地坐标x轴旋转π/2,每次执行都是相对上一次的角度进行旋转变化(累加);
注:本地坐标介绍本地坐标介绍
mesh.rotateX(Math.PI/2);//绕x轴旋转π/2
- 模型绕(0,0,1)向量表示的轴旋转π/4
var axis = new THREE.Vector3(0,0,1);//向量axis
mesh.rotateOnAxis(axis,Math.PI/4);//绕axis轴旋转π/4
rotateOnAxis(axis, angle)方法相比.rotateX、.rotateY、.rotateZ更通用,可以实现立方体绕任何轴旋转,参数axis表示旋转轴,使用对象Vector3表示
缩放
- 模型x轴方向放大2倍,如果连续执行两次该语句,相等于比原来方法4倍
mesh.scale.x = 2.0;//x轴方向放大2倍
- 模型整体缩小2倍,相当于xyz三个方向分别缩小2倍
mesh.scale.set(2,2,2);//缩小为原来2倍
模型Mesh的属性scale返回值是一个Vector3对象,Vector3对象具有属性x、y、z对于上面的代码而言xyz表示坐标值,xyz数据类型是float,Vector3对象还具有方法set(),set方法有三个表示xyz坐标的参数。
平移
- 模型沿着x轴正方向平移100,可以多次执行该语句,每次执行都是相对上一次的位置进行平移变换
mesh.translateX(100);//沿着x轴正方向平移距离100
2.模型沿着向量(0,1,0)表示的方向平移100
var axis = new THREE.Vector3(0,1,0);//向量axis
mesh.translateOnAxis(axis,100);//沿着axis轴表示方向平移100
translateOnAxis(axis, distance)方法相比.translateX、.translateY、.translateZ更通用,可以实现立方体沿着任何方向旋平移,参数axis表示平移方向,使用对象Vector3表示
位置属性position
- 单独设置某一坐标轴
mesh.position.y = 80;//设置网格模型几何中心y坐标
- 通过set设置(x,yz)坐标
mesh.position.set(80,2,10);//设置网格模型几何中心三维坐标
position属性和平移方法translateX()一样都是设置距离,方法translateX()设置的相对上次位置进行平移,两次执行该方法,距离会叠加,position属性设置的距离是相对坐标系原点位置, 两次执行position属性立方体的会只会更新重新定位,两次的距离参数不是叠加关系,而是替换关系。
模型的旋转、缩放、平移相关推荐
- Unity3D使用鼠标旋转缩放平移视角
Unity使用鼠标旋转缩放平移视角 用代码在Game界面完美实现Scene界面的操作方法. 使用方法:把脚本挂在相机上,把跟踪的target拖到脚本上. 视角跟踪的是一个空物体,当然如果你是做RPG游 ...
- unity 3D模型展示旋转缩放
目标: 在UI层上 自由观察3D 模型,实现鼠标控制模型的旋转,缩放&& 触摸屏手势控制模型的旋转缩放控制: 这里仅将控制代码挂载到相机上,通过对相机的控制来观察模型. 基本上为最小单 ...
- 前端学习:jQuery--轮播图,旋转缩放平移动画,仿华为商城案例
1.火狐浏览器超好用的网页翻译插件 火狐浏览器超好用的网页翻译插件_m0_59805351的博客-CSDN博客_火狐翻译插件哪个好学习目标:自主安装火狐浏览器网页翻译插件学习内容:提示:这里可以添加要 ...
- Unity3D研究院之控制模型移动旋转与碰撞(七)
这一篇不错,解决了我一个一直忽略的问题 上一章介绍了模型的旋转与平移,本章介绍一些好玩的,通过按钮来控制模型的移动与镜头的跟随,脚本参数的传递.个人觉得Unity3D 这套游戏引擎真的很棒,它可以为开 ...
- three.js使用OrbitControls.js控制几何体旋转、平移、缩放
附带一个可用的OrbitControls.js http://www.yanhuangxueyuan.com/threejs/examples/js/controls/OrbitControls.js ...
- Cesium变换3DTiles的位置(平移旋转缩放)
function add3DTilesetDataTrans(url) { //viewer1.scene.globe.depthTestAgainstTerrain = tr ...
- UnityShader案例篇—旋转、平移和缩放
一.前言 在Unity中通过控制物体的Transform可以很容易的对物体进行旋转.平移和缩放,得到一些简单的动画效果.但是有个不好的地方是,一旦这个物体上有碰撞体的话,会跟环境发生碰撞.我就就想能不 ...
- openGL-设计交互平面图形(旋转、平移、缩放)
###综述 最近在学习图形学的一些知识.现在做一个可交互的平面图形. 要求是: 1.三个不同的平面图形 2.可以通过鼠标"各自"进行指定的操作. 3.第二条中操作包括:旋转.平移. ...
- Unity矩阵平移旋转缩放Matrix4x4
Unity中的矩阵(Matrix4x4) 最近在研究帧同步定点数物理系统中需要自定义定点数矩阵,所以在这里分享下基础的矩阵案例旋转.平移.缩放.(注意这里本文中的transform组件式基于unity ...
- android 缩放透明动画,Android旋转、平移、缩放和透明度渐变的补间动画
android实现旋转.平移.缩放和透明度渐变的补间动画,具体实现如下: 1.在新建项目的res目录中,创建一个名为anim的目录,并在该目录中创建实现旋转.平移.缩放和透明度渐变的动画资源文件. 透 ...
最新文章
- Android开发--图形图像与动画(五)--详解LayoutAnimationController
- .NET 开源项目 StreamJsonRpc 介绍[上篇]
- 如何将HBuilder中的项目Push至Gitee中!
- 《UNIXLinux程序设计教程》一2.1 UNIX 输入输出基本概念
- redis cluster管理工具redis-trib.rb详解
- 【Flink】Flink 1.12.2 Task的调度 源码
- memcache and redis
- 一分钟搞懂 分布式与集群
- Atitit 算法之道 之压缩算法 attilax总结 1. 压缩算法与压缩格式区别	1 2. 压缩算法于格式	1 2.1. H264 mpg jpg MP3	2 2.2. Zip rar 。L
- QQ恶搞 - 让艾特你的人语无伦次
- Google Earth Engine(GEE)——使用Combining reducers计算均值和标准差
- hyper-v 网桥_使用网桥简化网络-使FIO ActionTec MI424-WR成为网桥
- 揭秘“爆款级”产品!看葡萄城活字格低代码平台是如何诞生的
- sql导入数据以及列表编号设置自动填充
- Win10 虚拟桌面的使用
- 怎样做一个iOS App的启动分层引导动画?
- python+VBA实现照片转Excel
- 计算机主板diy,DIY电脑配件立即选——主板篇
- CMS-CMS框架解析
- 谈一谈|电脑实用小技巧
热门文章
- http 521.li 784.html,index.html
- 【板栗糖GIS】wps—如何查看表格中的超链接
- python 中 range()
- 【gradle】gradle配置全局仓库
- 第六篇 Analyzer(1)基本使用
- 关于进程igfxtray.exe和hkcmd.exe
- python输入_Python输入
- 金贤敏评说量子计算的“百家争鸣”时代
- 视频搬运伪原创 md5图片视频修改工具下载
- Ubuntu 20.04 LTS 安装教程