three.js相关内容

需要.js文件和HTML例如在网页上显示.STL 3D对象

任何人都可以产生一个干净的“傻瓜”例如HTML中使用的 STLLoader.js 来显示ASCII(不是二进制).STL在网页中目标文件?结果应该让用户操作对象目前HTML5的浏览器,并与超过灰度物体表面和背景没有华丽的视觉效果。 STLLoader.js可能需要three.js或three.min.js的帮助,但我不知道。 STLLoader.js包括下面使用的例子,但不包括HTML包装。 ..
发布时间:2015-11-28 12:02:14 其他开发

Three.js - 绑定两个形状合为一体?

我是新来的three.js世界...... 我的问题是:我可以绑定到形状合为一体的形状? 例如,结合球和圆筒一起作为一个? 解决方案 样的,是的,可以有多种选择: 在通过层次您可以简单地添加一个网到另一个使用添加()功能 通过GeometryUtil的合并()功能合并顶点和两个网格几何对象到一个 在使用支持网格和出口之间的布尔运算一个基本的3D编辑器。 方法1是pretty的直截了当: ..
发布时间:2015-11-28 12:01:31 前端开发

基于BufferGeometry Three.js网未出现

我正在使用Three.js&放一个WebGL的游戏;我决定改用从我的(工作)规则几何形状解决方案BufferGeometry实现。我搞乱的东西了,因为网不画。我已经给了我下面的code中的相关部分。如果我切换到正规的几何形状,一切工作正常。 这是一个基于体素的比赛,我已经pre-创建的每个立方体作为常规THREE.Geometry的每一面。所述positionVertices函数采用顶点和面从每 ..
发布时间:2015-11-28 12:00:22 其他开发

如何使一个TextGeometry多行?我怎么把它一个正方形内,因此包装像HTML文本确实一个div里面?

我使用的是做一些3D文字的WebGL , three.js 和 THREE.TextGeometry 。它的正常工作为止。我能够创建3D文字的单行。 现在我想创建多行文本,如短款。 preferably,我想它包裹自然当它到达的边界盒/长方形的把它。我希望有一个类似的行为标准 HTML 正文有当它是一个div中,包装为多行,当它到达它的边缘的父分区。 下面是我如何创建一个单行: textG ..
发布时间:2015-11-28 11:58:15 前端开发

如何使点的three.js 2D图形

如何呈现点的three.js 2D形状?我没有找到任何工作的几何形状......我只是需要做的是在同一平面上的点的多边形。 形心不是正确的,由于它仅支持2D COORDS,我需要使用3D点... 我使用下面的code到X中创建形状,​​Y平面 VAR squareShape =新THREE.Shape(); squareShape.moveTo(0,0); squareShape.li ..
发布时间:2015-11-28 11:57:18 前端开发

three.js 3D模型作为超链接

我试图找出一种方法来使用带有Three.js创建为超链接的三维模型。换句话说,如果我点击一个立方体(一THREE.CubeGeometry),我想另一个页面打开。 例如,在这个threejs.org例如, 我 如何改变它,而不是使小点的箱子,点击框将打开另一个网页,像一个超链接?这样 解决方案 要实现这将是其时正在创建与每一个立方体的自定义用户数据(URL)相关联的一种方式。 因此​​, ..
发布时间:2015-11-28 11:57:06 前端开发

允许three.js现场的鼠标控制,只有当鼠标移动到画布

该three.js画布是一个500×500正方形内与其他内容较大的网页,我需要相机的鼠标控制(缩放和旋转周围的物体),只发生时,鼠标是500×内500平方米。 另外,我无法滚动的网页,但也许我们隔离鼠标事件监听器到500×500的画布时将其固定。 目前的code: <!DOCTYPE HTML> < HTML> < HEAD> <风格> ..
发布时间:2015-11-28 11:56:48 其他开发

three.js:如何控制渲染顺序

现在用three.js 如何控制渲染顺序?比方说,我有三个平面的几何形状,并希望使它们按照特定的顺序,无论其空间位置。 感谢 解决方案 您可以设置 renderer.sortObjects = FALSE; 和的目的将在它们被添加到场景的顺序来呈现。 另外,你可以离开 sortObjects 为真,默认值,并指定每个对象的值 object.renderOrder 。 有 ..
发布时间:2015-11-28 11:55:41 其他开发

three.js外发光的球体对象?

我建立某种形式的行星系统的 three.js ,然后我花了几个小时寻找一个体面的解决办法,以获得外发光在一个星球 - 一个球体对象与质感。 我碰到这个例子另外一个不错的辉光例子可以在这里我一直在阅读一些关于在GitHub上“overrideMaterial”房地产话题,但这似乎是实验性的,未使用的和无证......甚至不知道这是否能解决我的问题。 请分享你的想法,谢谢! 解决方案 我已经分 ..
发布时间:2015-11-28 11:53:36 前端开发

从3dStudioMax导入模型到THREE.js

我知道THREE.js有各种3D图形格式的芳心。 有进口商适合显示3dStudioMax创建的模型?如果没有一个,有没有一种方法来转换3dStudioMax模式的东西,可以在THREE.js进口? 解决方案 下面是一个的MAXScript脚本,将选定对象的网格转换成JSON。在这篇文章的时候,它是在的3ds Max开发者社区在谷歌$的SVN可用C $Ç托管。 tmesh = snapsh ..
发布时间:2015-11-28 11:53:15 其他开发

我不能用鼠标事件添加光

我无法与three.js现场keydown事件补充光照。 我有以下功能 函数putLight(){ 光=新THREE.SpotLight(0XFFFFFF); light.position.set(10,80,20); light.target.position.set(0,0,0); light.castShadow = TRUE; ..
发布时间:2015-11-28 11:52:30 前端开发

ThreeJS几何翻转

我面临着几何翻转出了问题,我试着用负标技术,翻转,但它失败。 什么是我可以用它来预测各轴翻转3D对象的技术? 翻转我的意思是对象应该是因为它是呈现了一面镜子。 如果这是不可能通过three.js渲染怎么用搅拌机来实现这一目标? 解决方案 您必须转换矩阵应用于几何体(或网/对象),这里是plannar一个例子(O,Y,Z)symetry,你能适应您的具体情况。 变种MS =(新THREE ..
发布时间:2015-11-28 11:52:17 其他开发

在旋转轴的特定对象中的任何地方Three.js - 包括网外

试图绕任意轴的对象。 例如像门铰链(对物体的边缘),或绕太阳(对象外)的行星。 这个问题似乎被定义轴。下面的单位向量导致轴剩余对象的原点(中心)为此等同于标准旋转: object2.rotateOnAxis(新THREE.Vector3(1,0,0),0.01); // 与...一样 object1.rotation.x + = 0.01; 请参阅code例如:的jsfiddle ..
发布时间:2015-11-28 11:52:12 前端开发

使用多个纹理three.js立方体的验证

有人可以请检查下面的$ C $下three.js R53? 它来自这个问题:我想这code和一些变化,但我不可见的立方体。我的纹理图像命名,因为他们应该的。 VAR材料= []; 对于(VAR I = 0; I< 6,我++){ VAR IMG =新的图像(); img.src = I +'的.png“; 变种特=新THREE.Texture(IMG); img.te ..
发布时间:2015-11-28 11:51:58 前端开发

在粒子系统渲染球(或点)

我现在用的是Three.JS库来显示一个点云中的网络浏览器。点云是在启动时生成一次并没有进一步的点被添加或移除。但它确实需要旋转,平移和缩放。我已经通过本教程了关于three.js 这里 使用例如我可以创建颗粒是方形或使用的球的图像,以创建一个纹理。图像更接近我想要的,但有可能生成点云不使用的形象呢?球体形状的例子。 与图像的问题是,当你有几千点,看来他们有时会掩盖对方周围的边缘。从我可以收集 ..
发布时间:2015-11-28 11:51:15 前端开发

纹理泼洒与Three.js

质地是否泼洒作品Three.js或其他JavaScript 3D渲染架构?如果是我想看到的例子甚至教程大地形。如果它不工作是有任何其他方式映射大的地形? 谢谢你。 解决方案 挑战接受! 首先,你可以写一个顶点着色器,需要一个灰度图像,并将其作为一个高度图,并包括不同的浮动(称为 vAmount 以下)传递到片段着色器在该点确定纹理(S),显示(混合)。 统一sampler2D bumpTe ..
发布时间:2015-11-28 11:50:33 前端开发

Three.js - 自定义形状?

我是新来的three.js ......到目前为止来到一个地步,我可以 创建形状和场景和放大器;玩相机视图。 在我的项目,我创建的形状是球体和我使用的图像纹理 为材料.... 我的问题是如何使自定形状(未球形,长方形......)? 比如如何建立半球? 我的code现在: //创建纹理 质地= THREE.ImageUtils.loadTexture('red.png'); ..
发布时间:2015-11-28 11:50:07 前端开发

如何计算的z距离的照相机的在其原有的规模为100%在一个三维空间中查看图像

1如何计算从在三维空间中(在此情况下的图像)的对象的摄像机的距离,使得该图像是在它的原始像素的宽度。 我是正确的假设,这是可能的给定的相机的纵横比,FOV,并且图像的以像素为单位的原始宽度/高度? (如果它是相关的,我使用THREE.js在这个特殊的例子)。 由于任何人谁可以帮助或引导我正确的方向! 解决方案 谢谢大家对所有的输入! 在做一些挖掘,然后制定出这一切是如何融入确切的问题, ..
发布时间:2015-11-28 11:48:53 其他开发

旋转相机Three.js鼠标

我有好几个对象,在我的一幕让旋转所有的人都可能是一个痛苦。那么,什么是最简单的方式,摄像头原点周围鼠标点击和拖动?这样所有的灯,在场景中的对象是在相同的位置,因此,唯一改变是相机。 Three.js不提供一种方法来绕一个点的摄像机,或者是吗? 感谢您 解决方案 这里有一个可旋转摄像头的一个项目。翻翻源似乎只是移动相机的位置在一个圆圈。 函数onDocumentMouseMove(事件){ ..
发布时间:2015-11-28 11:48:19 前端开发