这几天在看李鹏程翻译的[美]Jos Dirksen的《Three.js开发指南》,看到第八章了,现在来总结一下threejs中材料的相关知识。顺带也看完了上海交大的张雯莉出的《threejs入门指南》,我所学缩写都是基于书和threejs官网的一些例子。 这两本书的电子版:链接: http://pa ...
分类:
Web程序 时间:
2017-06-09 16:26:31
阅读次数:
198
Threejs 官网 - 怎样执行本地的东西(How to run things locally)太阳火神的漂亮人生 (http://blog.csdn.net/opengl_es)本文遵循“署名-非商业用途-保持一致”创作公用协议转载请保留此句:太阳火神的漂亮人生 - 本博客专注于 敏捷开发及移动 ...
分类:
Web程序 时间:
2017-05-26 21:57:25
阅读次数:
360
particles.js 在线配置的东西: http://vincentgarreau.com/particles.js/ https://threejs.org/ http://thehuub.co/ http://www.uisdc.com/4-modern-background-tricks ...
分类:
Web程序 时间:
2017-03-14 12:19:59
阅读次数:
200
threejs是webgl的一个库,通过它我们可以利用大量已有的api做出很好的3d图形. 第一部分:html页面框架 第二部分:Three.js中的坐标轴 我们要建立三位场景,那么一定是离不开坐标轴的。 创建一个场景非常的简单,就是var scene = new THREE.Scene(); 而创 ...
分类:
Web程序 时间:
2017-02-19 10:17:17
阅读次数:
227
1,各浏览器对WebGL的支持 手机浏览器对WebGL的支持: 书的源码:https://github.com/josdirksen/learning-threejs 第一次用浏览器打开代码可能无法正常显示,好像要对浏览器做一些设置额。 创建第一个3D场景包括这几样东西: ...
分类:
Web程序 时间:
2017-02-15 17:24:57
阅读次数:
284
网络上的一些经典的WebGL资源网站和WebGL开源引擎整理 http://www.babylonjs.com/ http://threejs.org/ http://www.finalmesh.com/webglexamples.htm http://www.glge.org/category/d ...
分类:
Web程序 时间:
2017-01-15 22:43:32
阅读次数:
334
/*** 场景(scene) ***/ var scene = new THREE.Scene(); // 创建场景 scene.add(x); // 插入场景 /*** 相机(camera) ***/ // 正交投影相机 var camera = new THREE.OrthographicCam... ...
在这里,我们将动态画面简称为动画(animation)。正如动画片的原理一样,动画的本质是利用了人眼的视觉暂留特性,快速地变换画面,从而产生物体在运动的假象。而对于Three.js程序而言,动画的实现也是通过在每秒中多次重绘画面实现的。 为了衡量画面切换速度,引入了每秒帧数FPS(Frames Pe ...
分类:
Web程序 时间:
2016-12-18 14:47:47
阅读次数:
490
开发环境 Three.js是一个JavaScript库,所以,你可以使用平时开发JavaScript应用的环境开发Three.js应用。如果你没什么偏好的话,我会推荐Komodo IDE。 调试建议使用Chrome或者Firefox浏览器。如果你使用的是Firefox,那么Firebug会是你必不可 ...
分类:
Web程序 时间:
2016-12-18 14:41:34
阅读次数:
672