ThreeJS学习-模型角度限制
来源:互联网 发布:大数据 5v真实 编辑:程序博客网 时间:2024/06/07 11:50
以下代码属于调试灯光,控制模型角度
例如:
//渲染器 var renderer = new THREE.WebGLRenderer({ antialias:true, //是否开启反锯齿 precision:"highp", //着色精度选择 alpha:true, //是否可以设置背景色透明 premultipliedAlpha:true, stencil:true, preserveDrawingBuffer:true, //是否保存绘图缓冲 maxLights:1 //maxLights:最大灯光数 }); renderer.setSize(width,height); decument.appendChild(renderer.domElement); function render(){ renderer.render(scene,camera); } render(); //相机文档控制 var controls = new THREE.OrbitControls(camera,renderer.domElement); //上下翻转的最大角度 controls.maxPolarAngle = 1.5; //上下翻转的最小角度 controls.minPolarAngle = 0.3; //是否允许缩放 controls.enableZoom = false; controls.addEventListener("change",render); //动画渲染 function animate() { requestAnimationFrame(animate); controls.update(); render(); //在这里再次调用,是因为刚开始模型不显示,得用户触发才会显示 } animate();
大家感觉不错可以留言一起讨论,希望大家可以关注我的博客;
阅读全文
0 0
- ThreeJS学习-模型角度限制
- 【threejs学习随记(三)】3D模型导入问题
- threejs知识点:1.模型分析
- 深度学习模型---限制波兹曼机
- threejs
- 【Threejs 学习】之总体结构
- threejs学习随记(一)
- 摄像头限制角度
- threejs加载3D模型例子
- threejs 鼠标移动控制模型旋转
- threejs制作3d模型展示网页
- 使用threejs点云秀出酷炫的模型效果
- threejs第五篇【一条龙测试之三 threejs加载 obj 格式模型】
- threejs第五篇【一条龙测试之四 threejs 给obj模型贴图】
- GAN模型-分析角度
- JavaScript语言学习以及部分ThreeJs分析
- WebGL之ThreeJS学习之旅01
- Three.JS学习 3:Threejs画网格
- 什么是java序列化,如何实现java序列化?
- HTML5 学习笔记
- 数据库中的char、varchar、nvarchar类型
- (一)神经网络初探-感知机
- lua 迭代器
- ThreeJS学习-模型角度限制
- JS 遍历数组,遍历对象遇到的坑
- 算法竞赛入门经典 四分树
- ArcMap:CAD数据转为shp矢量数据
- 宝宝秀项目学习(二)
- 通过反射了解泛型
- 洗牌算法分析
- codevs1299 并查集
- 最短路径算法