![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
three.js
文章平均质量分 80
hb707934728
这个作者很懒,什么都没留下…
展开
-
three.js之投影矩阵
Three框架 div#canvas-frame { border: none; cursor: pointer; width: 100%; height: 600px; background-color: #EEEEEE; } //创建渲染器 var renderer;原创 2017-12-08 14:04:10 · 1506 阅读 · 0 评论 -
three.js加载纹理
body { margin: 0px; background-color: #000000; overflow: hidden; } var camera,scene,renderer; var mesh; init(); animate(); functi原创 2017-12-11 14:37:42 · 1318 阅读 · 0 评论 -
three.js加载canvas纹理
js绘制时钟 var canvas; function clock() { canvas = document.createElement('canvas'); canvas.width=200; canvas.height=200; var ctx = canvas.getContext('2d'); if(ctx){ var timerId; var frameRate =原创 2017-12-12 10:34:27 · 2363 阅读 · 0 评论 -
three.js加载vtk模型
body { font-family: Monospace; background-color: #000; color: #fff; margin: 0px; overflow: hidden; } #info { color: #fff; position: absolute; top: 10px; width原创 2017-12-13 10:58:48 · 3667 阅读 · 3 评论 -
第一个three.js程序
用three.js绘制一个选择的正方体 canvas { width: 100%; height: 100% } // 三大组件 场景scene 相机camera 渲染器renderer var scene=new THREE.Scene();//创建场景 var camera=new THREE.PerspectiveCame原创 2017-12-05 11:48:22 · 351 阅读 · 0 评论 -
three.js画线
Three框架 div#canvas-frame{ border: none; cursor: pointer; width: 100%; height: 600px; background-color: #EEEEEE; } //初始化渲染器 var renderer; function initTh原创 2017-12-06 11:11:33 · 893 阅读 · 0 评论 -
three.js绘制网格
Three框架 div#canvas-frame{ border: none; cursor: pointer; width: 100%; height: 600px; } //创建渲染器 var renderer; function initThree() { width=document.getEle原创 2017-12-07 10:57:00 · 1671 阅读 · 0 评论 -
three.j绘制性能监控
Three框架 div#canvas-frame { border: none; cursor: pointer; width: 100%; height: 600px; background-color: #EEEEEE; } var renderer;原创 2017-12-07 19:51:30 · 355 阅读 · 0 评论