JS三维模型库 Three.js

MIT
JavaScript
跨平台
2011-10-24
红薯

Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精采的演示。不过,这款引擎目前还处在比较不成熟的开发阶段,其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度(尤其是文档的匮乏)

演示:http://mrdoob.github.com/three.js/

的码云指数为
超过 的项目
加载中

评论(4)

oj8kay
oj8kay
一个webgl的工具库,隐藏了很多底层的细节。也提供了很多好用的工具,demo丰富,适合没有3D基础的前端玩玩。
多多
这是一个非常好的3D引擎库,如果要学3D的可以用这个入门,另外,我看到了一个非常系统的教程,在这里网址上www.hewebgl.com,可以看看。 Three.js
杨军军
杨军军
看了Three.js的演示挺炫了,有时间看看
oxsicn
oxsicn
Three.js 有没有中文文档

暂无资讯

1
回答
用requestAnimationFrame怎样在暂停后再重新启动仍然在暂停的位置接着运动而不是重新运动?

用requestAnimationFrame怎样在暂停后再重新启动仍然在暂停的位置接着运动而不是重新运动? 我用了cancelAnimationFrame...

2017/12/19 11:17
1
回答
three.js加载obj模型网页控制台报错

用three.js框架加载外部OBJ模型时网页控制台报了一个我不太理解的错误 我使用的浏览器是谷歌浏览器 代码如下: var loader...

2018/04/13 12:00
3
回答
Three.JS OBJ转化为JSON 的导入问题

我写了一个Three.js,使用Maya导出了一个OBJ的三维模型文件,使用Three.js默认给出的转换脚本使OBJ转换为JS的JSON文件,转换代码 ...

2012/08/07 09:26
1
回答
three.js相机的怎么样优化可以将任意给定的模型显示在视野之中

现在我加载了任意一个OBJ模型,我想把相机优化一下,比如封装成函数,那么我怎么做可以让这个相机适合任意一个模型,即使模型的位置不是默认的世界中心。

2017/08/03 15:06
1
回答
three.js 模型点击加载模态框

我的一个项目需要实现 点击载入模型后弹出模态框显示详细 本人刚刚接触three.js 发现模型载入没有属性(class,id什么的)所以问问,该如何加载这...

2017/06/09 16:48
1
回答
threejs 实现3d全景,场景转动方向与鼠标移动方向相反
oj8kay 的回答 2016/10/12 14:16
最佳答案
OrbitControls旋转的是相机,当你相机往左转的时候,当然相对的,看起来物体就是右移的了。 可以直接修改源码,把rotateLeft方法和rotateUp方法里的-=改为+=就行了
3
回答
three.js 加载obj文件出错
yzcw1989 的回答 2016/07/19 11:55
最佳答案
var loader=new THREE.OBJLoader(); loader.load('dog/dog.obj', function(dogObject){ dogObject.scale.set(0.1, 0.1, 0.1); dogObject.position.y=10; dogO...
3
回答
想问一下 怎么用threeJs加载一个json模型 谁懂 I need your help,please。
抢小孩糖吃 的回答 2016/09/11 14:09
最佳答案
先把模型导出成obj文件,在通过命令转换成json文件,才能够被使用
1
回答
Three.js渲染的全景视频在移动端无法播放的问题

用HTML5的video标签播放的MP4格式的全景视频文件,参考的是Three.js的示例webgl_video_panorama_equirectang...

2016/05/24 15:58
4
回答
three.js中如何对3D物体的点击事件监听
丁华能 的回答 2016/06/22 17:38
最佳答案
var three3D = { texture_placeholder: null, // canvas context: null, // canvas原生对象 container: null, // div的js原生对象 width: 0, // container视窗宽度 height:...

没有更多内容

加载失败,请刷新页面

threejs 之 复制删除正方体

这是threejs官方的一个例子webgl_interactive_voxelpainter.html 查看效果 查看效果 红色的正方体随着鼠标的移动而移动,单击时会创建另一个正方体,按住shift单击会删除点击的正方体。 主要...

2019/05/27 10:31
814
0
threejs之显示Label-CSS2DRenderer

一、如果我们在场景图上标识一些文字,有2种常用的方法 1、采用threeJs的精灵(Sprite),具体用法查看我另一篇博客https://my.oschina.net/u/2612473/blog/3038066 2、使用CSS2DRenderer 二...

2019/05/30 15:03
5.1K
0
three.js : JavaScript 3D library:最简单的例子

three.js : JavaScript 3D library: 1.下载three.min.js: http://threejs.org/build/three.min.js 2. 创建threejs_test.js: var camera, scene, renderer; var geometry, material, mesh;...

2017/10/30 16:47
408
0
three js相关的文档

收藏three js相关的文档

2015/01/25 12:27
381
0
three.js鼠标控制物体旋转

当我们需要固定场景背景,固定摄像机的时候。移动旋转物体可以使用Three.js提供的OrbitControls.js,也可以手动写控制器。 原理:获取鼠标点击的位置与移动的距离,根据移动的距离计算出大概...

2019/06/05 10:08
3.4K
0
基于three.js的3D粒子动效实现

作者:个推web前端开发工程师 梁神 一、背景 粒子特效是为模拟现实中的水、火、雾、气等效果由各种三维软件开发的制作模块,原理是将无数的单个粒子组合使其呈现出固定形态,借由控制器、脚本...

2019/04/08 15:28
117
0
基于Html5的爱情主题网站–表白神器(第二版)

第二版在第一版的基础上增加了一个动态3D的白云效果背景,鼠标悬浮在页面上云朵会向屏幕Z轴方向运动,在第一人称视角看来向着云朵方向前进的,由此形成一个伪3D效果。有点绕,直接看demo就能...

2013/10/17 08:18
1.3K
0
学习threeJS(三)--光源

一、光源的类型 AmbientLight(环境光) PointLight(点光源) SpotLight(聚光灯光源,锥形光源) DirectionLight(方向光,太阳光,平行光) HemisphereLight(半球光) AreaLight(面光源) LensFlare...

2019/05/21 18:05
89
0
学习threeJS(二)--Scene

Scene:是一个容器,保存并跟踪我们想渲染的物体 1、Scene.Add() 添加物体 2、Scene.Remove() 删除物体 3、Scene.Children() 获取所有子物体 4、Scene.getChildByName() 获取某个特定的子物体...

2019/05/16 13:43
58
0
[three.js]学习笔记

http://threejs.org/

2016/04/10 01:49
382
1

没有更多内容

加载失败,请刷新页面

返回顶部
顶部