- 最后登录
- 2017-4-1
- 注册时间
- 2011-7-26
- 阅读权限
- 90
- 积分
- 24690
  
- 纳金币
- 24658
- 精华
- 6
|
利用HTML5构筑物理模拟环境~ WebGL库Three.js入门
三维物理模拟:2重单摆模拟器的作成
本文中、利用 WebGL 的 Three.js 库作成了三维物理模拟实例「2重振り子シミュレータ」。 支持WebGL的浏览的话查看这边。下图是「2重振り子シミュレータ」的截图。
环境的准备
1.文本编辑器(什么都没有也没关系)
2.运行WebGL的浏览器(推荐:Google Chrome ver.17)
3.调试器(推荐:Google Chrome)
4.WebGL 库 Three.js
本文的内容按照下面的环境进行过测试。
OS:Windows7 Professional
浏览器:Google Chrome(ver.17)
GPU:NVIDIA 550i(OpenGL 4.2) Three.js 的版本:r47
THREE.JS下载
Three.js 的下载、先打开「mrdoob/three.js – GitHub」、点击下图的 「ZIP」就可以下载所有的文件。使用 Three.js 的时候只要有「build」目录下的「Three.js」就足够了。
![]()
拷贝「build」目录下的「Three.js」到工作目录下。这样准备工作就做好了。
![]()
|
|