![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
three
RubyLinT
这个作者很懒,什么都没留下…
展开
-
three笔记
材质(Material)MeshBasicMaterial:网格模型var material3 = new Three.MeshBasicMaterial({ color: 0x0000ff, //三角面颜色 side: Three.DoubleSide //两面可见});PointsMaterial:点模型var material4 = new Three.PointsMaterial({ color: 0xff0000,原创 2020-08-27 15:39:06 · 237 阅读 · 0 评论 -
three 使用PointLight没效果
在three里加了个PointLight://点光源 var point = new Three.PointLight(0xffffff); point.position.set(400, 200, 300); //点光源位置 this.scene.add(point); //点光源添加到场景中感觉没什么效果,原因是需要搭配使用MeshPhongMaterial类型的颜色素材:let material = new Three.MeshPhongMateri原创 2020-08-27 14:47:04 · 1342 阅读 · 1 评论 -
three实现鼠标控制模型的方法OrbitControls
方法一:通过动画实现animate: function() { requestAnimationFrame(this.animate); this.controls.update(); this.renderer.render(this.scene, this.camera);} this.animate()方法二:通过监听事件实现this.controls.addEventListener('change', this.render);rend原创 2020-08-27 13:54:35 · 614 阅读 · 0 评论 -
vue项目里引用three里的OrbitControls
vue文件<template> <div> <div id="container"></div> </div></template><script>import * as Three from 'three'import "three/examples/js/controls/OrbitControls"export default { name: 'CustomerThree', l原创 2020-08-27 11:54:32 · 2599 阅读 · 0 评论