场景中有了灯光，大海，天空还有飞机，飞机是通过组合简单的立方体创建的形状，飞机能跟随鼠标移动的轨迹运动。
飞机上还有一个飞行员。头发飘动是通过对每个顶点进行循环运动模拟的。
为了产生大海的波浪效果，我们使圆柱的每个顶点绕其初始位置旋转，方法是使其具有随机速度旋转和随机距离（旋转半径）。
2021-10-21 23:43:35
205KB
1
内容索引:脚本资源,jQuery,JsTree,树形菜单 JSTree 大型树形菜单控件（基于jQuery），包含有近50种实例，应用当然就非常广泛了，有采用XML的，有使用动态的，效果图如上。
2021-10-15 09:34:51
881KB
1
使用相同的路径创建两条管道，一条用于透明管道，一条作为管道内流动的液体。
需要注意的是，透明管道材质需要设置depthWrite=false;否则内部流动的液体会被遮挡无法显示。
2021-09-24 17:19:34
1.24MB
1
城市的道路也是建模画出来的，如果要道路光效可以让建模把道路贴图或者色值调亮点，配上辉光自然而然就发光。
因为这个是 demo 模型，所以模型的中心点并不是正中央导致你想旋转模型的时候它不是绕着中央旋转的，可以在模型工具中调整中心点。
2021-09-23 11:48:19
3.37MB
1
透明发光材质边缘处颜色不透明度越高，向内不透明度逐渐降低，其着色跟视角方向强相关
代码参考了"无牙"文章。
2021-09-09 10:40:50
3.06MB
1
透明发光材质是通过自定义shader实现，线框的关键代码如下：
model.traverse(function(child) {
if (child.isMesh) {
child.material = customMaterial;
// 添加线框
var wireframeMaterial = new THREE.MeshBasicMaterial({color: 0x3366ff, wireframe: true, transparent: true});
var wireframe = new THREE.Mesh(child.geo
2021-09-09 10:13:00
3.06MB
1
本例子加载glb文件，显示一个房子的模型的线框。
用traverse遍历模型里的所有子对象，如果是网格对象用child.material.wireframe = true;使其显示线框。
相关技术英文网站搜索关键字：three.js model wireframe
2021-09-03 10:30:35
3.06MB
1
特效
使用Obj 模型 + shader 实线 加载 obj 格式文件加载到 scene中； 使用 ShaderMaterial 材质。
var Shader = {
vertexShader: `
varying vec3 vp;
void main(){
vp = position;
gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
}
`,
2021-08-25 20:55:53
9.41MB
1