threeJS
基于threeJS开发工具的web3d系统设计和项目开发
Big Orange...
这个作者很懒,什么都没留下…
展开
-
【threeJS】常用技术细节
线框模式material.wireframe = true原创 2021-10-13 21:31:00 · 360 阅读 · 0 评论 -
【ThreeJS 源码修改】多个动画的协同播放
animation/tracks/AnimationMixer.js//修改后// advance the time and update apply the animationupdate: function ( deltaTime ,myTrackIndex) { deltaTime *= this.timeScale; const actions = this._actions, nActions = this._nActiveActions, time = this.tim原创 2021-10-02 20:11:12 · 961 阅读 · 0 评论 -
【threeJS】常用功能的实现
闪烁的光点:const geometry = new SphereGeometry( 0.4, 32, 16 ); const red = new MeshBasicMaterial( { color: 0xff0000 } ); const sphere = new Mesh( geometry, red ); sphere.position.set(x,y,z) this.root.add( sphere ) setInt原创 2021-09-26 14:16:49 · 239 阅读 · 0 评论 -
【threeJS】多服务器协同加载
export{Network}class Network{ constructor(){ this.testFlag=false; if(this.testFlag)this.test={} this.ips=[ "100.67.7.193"//"101.34.166.68", //"101.34.166.68", //"110.40.255.87", /原创 2021-09-16 21:58:03 · 301 阅读 · 0 评论 -
【threeJS】API操作
设置背景scene.background = new THREE.Color( 0x1fa0b0 );原创 2021-09-03 19:48:44 · 337 阅读 · 0 评论 -
【threeJS】获取渲染结果
下载当前时刻的渲染画布var canvas=window.renderer.domElement;//获取画布let url = canvas.toDataURL("image/png"); //得到图片的base64编码数据let a = document.createElement("a"); // 生成一个a元素let event = new MouseEvent("click"); // 创建一个单击事件a.download ="IMG"; // 设置图片名称a.href = url;原创 2021-08-11 13:27:56 · 812 阅读 · 0 评论 -
【threeJS】纹理贴图
加载纹理贴图new THREE.TextureLoader().load( "w.jpg", texture =>{ texture.wrapS =THREE.RepeatWrapping; texture.wrapT = THREE.RepeatWrapping; mesh.material = new THREE.MeshBasicMaterial({map: texture}); } );将视频作为纹理贴图var v原创 2021-08-20 15:19:14 · 1556 阅读 · 0 评论