![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Three.JS
zxt_net
C# WPF Revit C++
展开
-
实现Three.JS中鼠标选择几何图元
var raycaster,lastSelectObj;raycaster = new THREE.Raycaster(); function render() {raycaster.setFromCamera( mouse, camera ); var intersects = raycaster.intersectObjects( scene.children );原创 2017-03-31 16:55:10 · 3323 阅读 · 0 评论 -
three.js 贴图
map_bump dmentia_bluebird.jpg map_Kd dmentia_bluebird.jpgmap_bump dmentia_bluebird.jpgmap_refl dmentia_bluebird.jpgmtl文件用记事本打开,输入以上文字。原创 2017-04-25 09:11:53 · 1100 阅读 · 0 评论 -
three.js 动画效果01
1、setInterval 方法每隔多长时间执行一次某个方法setInterval (方法名称,时间)2、创建元素位置改变的方法function draw() { newCubeMesh.rotation.y=(newCubeMesh.rotation.y+0.01)%(Math.PI*2); renderer.render(scene,came原创 2017-04-20 10:21:52 · 1045 阅读 · 0 评论 -
three.js 矩阵式贴图
创建贴图var texture = THREE.ImageUtils.loadTexture('../img/chess.png', {}, function() {renderer.render(scene, camera);});设置贴图的矩阵重复方式texture.wrapS = texture.wrapT = THREE.RepeatWrapping;设置行列的重复次数原创 2017-04-20 09:41:09 · 1472 阅读 · 0 评论 -
three.js 多面几何体进行多面贴图
使用MeshFaceMaterial材质var materials = [];for (var i = 0; i < 6; ++i) {materials.push(new THREE.MeshBasicMaterial({map: THREE.ImageUtils.loadTexture('../img/' + i + '.png',//图片的路径{}, function() {ren原创 2017-04-20 09:36:01 · 5920 阅读 · 1 评论 -
three.js 灯光的代替模型
var lightHelper = new THREE.SpotLightHelper( spotLight ); scene.add(lightHelper);原创 2017-04-18 11:32:41 · 1691 阅读 · 0 评论 -
three.js 网格 GridHelper
var size = 100;var divisions = 100;var gridHelper = new THREE.GridHelper( size, divisions );scene.add( gridHelper );原创 2017-04-18 11:31:12 · 3034 阅读 · 0 评论 -
Three.js 阴影效果
明暗是相对的,阴影的形成也就是因为比周围获得的光照更少。因此,要形成阴影,光源必不可少。在Three.js中,能形成阴影的光源只有THREE.DirectionalLight与THREE.SpotLight;而相对地,能表现阴影效果的材质只有THREE.LambertMaterial与THREE.PhongMaterial。因而在设置光源和材质的时候,一定要注意这一点。下面,我们以转载 2017-04-18 11:25:10 · 3731 阅读 · 0 评论 -
three.js 共面的问题
如果两个面进行了重叠则显卡不知道该首先渲染哪个面,所以就会出现闪烁的现象。解决此问题可以强制设置某个面距离相机的渲染距离减小,即首先对其进行渲染。对元素的材质进行设置一下属性值。plane.material.polygonOffset=true;//开启偏移plane.material.polygonOffsetFactor=-2;//与相机距离减2plane.material原创 2017-04-18 10:24:00 · 2443 阅读 · 0 评论 -
three.js旋转元素
旋转元素:plane.rotateX(Math.PI/2);//沿着X轴旋转90度plane.rotateY(Math.PI/2);plane.rotateZ(Math.PI/2);参数为弧度数。原创 2017-04-18 10:04:42 · 3281 阅读 · 0 评论 -
threejs中的坐标系
在threejs中采用的是右手坐标系。大拇指为X轴正方向朝向为右。食指为Y轴正方向,朝向为向上。中指为Z轴正方向,朝向为从屏幕指向程序员。原创 2017-04-18 09:52:30 · 2936 阅读 · 0 评论 -
Three.JS鼠标移动元素
添加引用 var controls;controls = new THREE.TrackballControls( camera ); controls.rotateSpeed = 1.0; controls.zoomSpeed = 1.2; controls.panSpeed = 0.8; controls.noZoom = false;原创 2017-03-31 17:01:11 · 3448 阅读 · 2 评论 -
javaScript 基本选择器
原创 2018-12-22 16:10:05 · 839 阅读 · 0 评论