![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
weggl
风雨飘摇中的石头
这个作者很懒,什么都没留下…
展开
-
Threes_位置变动
var geometry = new THREE.BoxGeometry(100, 100, 100); //创建一个立方体几何对象Geometry// 线条渲染模式var material=new THREE.LineBasicMaterial({ color:0xff0000 //线条颜色});//材质对象// 创建线模型对象 构造函数:Line、LineLoop、LineSegmentsvar mesh=new THREE.Line(geometry,material);//线条模型对原创 2022-02-18 08:10:09 · 120 阅读 · 0 评论 -
Threejs_idflood.github.io_拖拉
http://idflood.github.io/ThreeNodes.js/index_optimized.html#example/rotating_cube1.json原创 2022-01-28 15:25:08 · 171 阅读 · 0 评论 -
ThreeJs_horse
<!DOCTYPE html><html lang="en"> <head> <title>three.js webgl - shadow map</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.原创 2022-01-28 13:38:46 · 685 阅读 · 0 评论 -
Threejs_旋转
mesh.position.z =-200;//啮合网状组织位置(-5, - 20 -200)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Threejs运动</title> <style> body { margin: 0; overflow: hidden; /*...原创 2022-01-26 13:23:10 · 2041 阅读 · 0 评论 -
Threejs_拉伸扫描_ExtrudeGeometry
<script> /** * 创建场景对象Scene */ var scene = new THREE.Scene(); /** * 创建网格模型 *//** * 创建拉伸网格模型 */ var shape = new THREE.Shape(); /**四条直线绘制一个矩形轮廓*/ shape.moveTo(0,0);//起点 shape.lineTo(0,100);//第2点 shape.lineTo(10...原创 2022-01-25 10:15:27 · 563 阅读 · 0 评论 -
Threejs_材料_Shape对象_轮廓填充ShapeGeometry
var material = new THREE.MeshPhongMaterial({ color: 0x0000ff, side: THREE.DoubleSide //两面可见 }); //材质对象var material=new THREE.MeshPhongMaterial({ color:0x0000ff,//三角面颜色 side:THREE.DoubleSide//两面可见 });//材质对象 material.wireframe = true;//线条模式渲.原创 2022-01-25 09:33:53 · 1243 阅读 · 0 评论 -
ThreeJs_旋转
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Threejs对象、曲线、三维</title> <style> body { margin: 0; overflow: hidden; /* 隐藏body窗口区域滚动条 */ } </style> &l.原创 2022-01-24 13:43:22 · 453 阅读 · 0 评论 -
ThreeJs_CurvePath_多段路径_管道
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Threejs对象、曲线、三维</title> <style> body { margin: 0; overflow: hidden; /* 隐藏body窗口区域滚动条 */ } </style> &l.原创 2022-01-24 13:37:20 · 1570 阅读 · 1 评论 -
Threejs_line
经过一系列点创建平滑的样条曲线<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Threejs对象、曲线、三维</title> <style> body { margin: 0; overflow: hidden; /* 隐藏body窗口区域滚动条 */ } <原创 2022-01-24 13:30:35 · 448 阅读 · 0 评论 -
Threejs_几何体_曲线
类Geometry1 常见:长方体BoxGeometry圆柱体CylinderGeometry球体SphereGeometry圆锥、棱锥ConeGeometry2 正多面体正四面体TetrahedronGeometry正八面体OctahedronGeometry正十二面体DodecahedronGeometry正二十面体IcosahedronGeometry3 平面:环平面RingGeometry矩形平面PlaneGeometry圆平面CircleGeometry4 .原创 2022-01-24 13:16:40 · 708 阅读 · 4 评论 -
Threejs_世界坐标_getWorldPosition
Threejs_世界坐标_getWorldPosition<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Threejs_世界坐标_getWorldPosition</title> <style> body { margin: 0; overflow: hidden; /* .原创 2022-01-24 11:33:22 · 1292 阅读 · 0 评论 -
ThreeJs_投影
父类Object3D–父类Light–子类–AmbientLight环境光-DirectionalLight平行光-PointLight点光源SpotLight聚光灯光<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>three.js文件_WebGL投影</title> <style> body { ..原创 2022-01-24 09:57:30 · 621 阅读 · 0 评论 -
Threejs_顶点_颜色渐变
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>第一个three.js文件_WebGL三维场景</title> <style> body { margin: 0; overflow: hidden; /* 隐藏body窗口区域滚动条 */ } </style.原创 2022-01-22 17:12:02 · 3174 阅读 · 0 评论 -
threejs_基础
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>第一个three.js文件_WebGL三维场景</title> <style> body { margin: 0; overflow: hidden; /* 隐藏body窗口区域滚动条 */ } </style.原创 2022-01-22 09:40:07 · 715 阅读 · 0 评论 -
搭建静态服务器_nodejs本地服务器_测试html/js
1、nodejs官网下载安装包http://nodejs.cn/安装一路next----ok自动映射环境系统–无需自己配置环境变量2、控制台—输入:在这里插入代码片node无错–成功3、测试目录–新建js文件两个(D:\sanweia\threejs\anydoor)—js文件两个3.1 http.jsvar PORT = 8080;//var http = require('http');var url=require('url');var fs=require('fs')原创 2022-01-21 14:26:22 · 1020 阅读 · 0 评论