印心石屋

一条龙，现在应该结尾了，就是和物体做基本的交互。鼠标滑过，物体颜色有变化。。直接上代码                                                     body{            margin:0;            height:100%;           }         

threejs.org:GridHelper( size, divisions )GridHelper( size, divisions, colorCenterLine, colorGrid )按照官方文档，有2个构造函数；4个参数分别是：网格宽度、等分数、中心线颜色，网格线颜色默认分别是10,10,0x444444,0x888888

希望朋友多多提出意见吧。相互学习！给点评论吧！哈哈

shader，说白了就是可以自己写材质，官方给定了一些特定的材质BasicMaterial  PhongMaterial 等等，但是有的时候，用户需要一些奇奇怪怪的效果。这些材质是不够用的。效果满足不了。那么那些吊炸天的效果，就需要自己去实现了。靠的就是shader！顶点着色器——》片段着色器——》光栅化显示前面2个阶段，我们可以自己来通过程序编写。OK，开始吧：首先，物体的材质需

rectAreaLight=new THREE.RectAreaLight(0xffffff,82,5,10);    //构造函数 灯光颜色，强度，发光板宽度，发光板高度rectAreaLight.matrixAutoUpdate = true;    //这个光源，无法产生阴影//这里添加一个虚拟体，可以用来可视化灯光体（类似一个亚克力发光板）rectHelper=ne

var dirLight=new THREE.DirectionalLight(0xffffff, 1);//构造函数2个参数，分别是灯光颜色和灯光强度dirLight.castShadow=true;                                            //平行光产生阴影 scene.add(dirLight);                    

由于OBJ没有纹理信息， 需要threejs来加载外部贴图，来指定给模型！//模型需要纹理Texture        var texture = new THREE.Texture();        var loader = new THREE.ImageLoader( manager );        loader.load( 'knotTex.png', function

接着分享如何加载obj格式的模型文件，直接看代码                                                     if(Detector.webgl){        //alert('浏览器支持');        //浏览器支持，我们就做初始化工作。不然js处理半天，浏览器不支持也白搭

一条龙测试，第一步外部模型有了，现在巩固一下threejs基本知识，老三样（我给起名，好记）上场，把基本环境架设好。我们这次把浏览器兼容、模型加载显示、模型交互加入进来。首先在html里面做webgl兼容测试，我之前做过分享，不了解的请看看我的threejs翻译分享。是我个人翻译的，纯属交流。个人理解加工具翻译，有错误还请各位指出来！谢谢！好了，说正经的。创建html文

大家好，今天刚刚做了项目提成表，提成做了，等着发钱。要是每天都有发的，该多好：）昨天晚上的彩票查了一下。没中！！！还是认认真真老老实实学东西吧。前几天分享了一下一些基础东西，今天一条龙测试看看吧。做什么呢？用3dsmax做个模型，导出Obj格式，three.js加载。点击模型，模型发生颜色变化。就这么个一条龙，做做看！第一步：3dsmax打开，做个Torus Knot001模型

网页里面显示文字，太简单了。但是如果要显示3D效果文字，懵逼了吧。看three.js强大威力!!                                             var scene,camera,render;        var loader = new THREE.FontLoader();   

今天简单给大家演示一下，如何绘制线条：代码示意：                                                // 老三样 场景scene，相机camera，渲染器render        var scene=new THREE.Scene();        // 相机        var camera

上一篇大概讲了一下three.js是什么东西，本节给大家介绍以下几个点：1，能做什么？2，做了什么？3，怎么做？1，能做什么？游戏、虚拟漫游场景、产品三维展示等都可以，只要有人说：如果谁可以在网页里面做一个无需插件的3D场景，我就给他投资1个亿，那你可以站出来了!轻松融资1个亿！2，做了什么？看three.js提供的在线案例吧大家可以看看案例：htt

今天开始学习three.js，之前也听说过这个引擎。我们应该怎么称呼它呢？Three.js在Github上是这么说的：JavaScript 3D libraryThe aim of the project is to create an easy to use, lightweight, 3D library. The library provides , , CSS3D

 fragment定义uniform vec2 resolution; ///////js 传递...var vertShader = $(vertexShader).text();        var fragShader = $(fragmentShader).text();                var uniforms = {           ...