Threejs 的场景查看 - 几个交互事件库助你方便查看场景太阳火神的漂亮人生 (http://blog.csdn.net/opengl_es)本文遵循“署名-非商业用途-保持一致”创作公用协议转载请保留此句:太阳火神的漂亮人生 - 本博客专注于敏捷开发及移动和物联设备研究:iOS、Android...
分类:
Web程序 时间:
2016-01-27 09:18:24
阅读次数:
175
本文是一篇简单的webGL+threejs构建web三维视图的入门教程,你可以了解到利用threejs创建简单的三维图形,并且控制图形运动。若有不足,欢迎指出。一、创建场景我们所见的视图由两个部分共同创建,scene和camera。首先定义一个场景:var scene = new THREE.Sce...
分类:
Web程序 时间:
2015-10-20 22:44:37
阅读次数:
265
关键字:WebGL,STL,ThreeJS,Chrome,Viewer,Python3.4, HTML5,Canvas。OS:Windows 10。本文介绍如何使用ThreeJS来实现一个WebGL的Viewer,用来浏览STL文件。STL 文件是在计算机图形应用系统中,用于表示三角形网格的一种文件...
分类:
Web程序 时间:
2015-09-02 00:28:09
阅读次数:
250
来源:https://github.com/lvming6816077/H5lockhttp://threejs.org/examples/http://www.inf.usi.ch/phd/wettel/codecity-download.html (JSCity:把源码可视化成建筑物的 JS 库...
分类:
Web程序 时间:
2015-08-01 15:26:10
阅读次数:
117
之前无意中看到Ovilia用threejs做了个LOW POLY,也就是图片平面三角化的效果,觉得很惊艳,然后就自己花了点时间尝试了一下。 我是没怎么用过threejs,所以就直接用canvas的2d绘图API来做,因为感觉似乎这效果也用不上threejs。 直接上demo先:http://...
分类:
其他好文 时间:
2015-06-28 15:22:47
阅读次数:
89
JSFIDDLE 助力 WebGL 功能探秘太阳火神的漂亮人生 (http://blog.csdn.net/opengl_es)本文遵循“署名-非商业用途-保持一致”创作公用协议转载请保留此句:太阳火神的漂亮人生 - 本博客专注于敏捷开发及移动和物联设备研究:iOS、Android、Html5、Ar...
分类:
Web程序 时间:
2015-06-25 21:12:49
阅读次数:
456
Threejs-webGL库官方网站:http://threejs.org/学习教程:https://github.com/josdirksen/learning-threejs源码下载:http://blog.csdn.net/column/details/omni360threejs.html源...
分类:
Web程序 时间:
2015-05-04 13:31:37
阅读次数:
193
效果如下图所示:两张图片分别表示当前场景的渲染帧率和显存占用情况;要使用该功能,必须包含如下源文件:stats.js或stats.min.js;用法如下: stats = new Stats(); stats.domElement.style.position = 'ab...
分类:
Web程序 时间:
2015-04-30 15:46:40
阅读次数:
375
添加光影效果主要用到的代码如下://使渲染器支持阴影贴图THREE.Render.shadowMapEnabled= true;//设置灯光阴影属性//设置灯光生成阴影THREE.Light.castShadow= true;//如果是调试状态,还可以把灯光的调试帮助框显示出来THREE.Light...
分类:
Web程序 时间:
2015-04-30 12:20:05
阅读次数:
1177
ThreeJS是一个基于WebGL的开源库,使用起来十分方便。不过由于是开源,所以相关文档相当稀少,本人把在学习过程中遇到的一些问题及解决方法整理成一个专栏,希望对大家可以有所帮助!在ThreeJS中如果直接把PNG贴图赋给材质,是无法在场景中正常显示的,效果如下图所示:贴图是自己随便找的PNG图片...
分类:
Web程序 时间:
2015-04-23 19:48:37
阅读次数:
2387