草庐IT

three-tier

全部标签

python - 如何将对象转换为 three.js 模型加载器的 json 文件

我正在使用three.js构建浏览器游戏,我想将Maya2013中的模型加载到我的场景中。我已将模型导出为obj文件。现在我需要知道如何将它转换为three.js-loader的JS文件。到目前为止,这是我的装载机:varjsonLoader=newTHREE.JSONLoader();jsonLoader.load("models/model.js",addModelToScene);提前致谢 最佳答案 如果你不想用blender,mrdoob(madethreejs)有一个简单的python脚本可以将obj转换成json。只需运

Three.js 实战【1】—— 3D全景视图开发

Three.js实战【1】——3D全景视图开发摘要1、3D视图Demo2、准备工作——搭建好一个开发环境3、RGBELoader——高范围动态图像加载器4、HDR——高动态范围图像5、使用HDR实现3D全景视图6、直接通过图片纹理进行实现摘要在现代开发过程当中,3D开发是越来越不可或缺的一部门,在前面的文章当中简单的说明了一些threeJs的基础,从这里开始,我们将对ThreeJs整体进行一定的应用。1、3D视图Demo我们先看一下这篇文章主要要实现的一个demo效果,现如今在第三方租房、买房App、或者百度、高德地图上会出现这种全景视图,当手势操作时,他对应的景色也会发生一定的变化。又或者你

html - three.js 正确混合 css3d 和 webgl

我正在尝试结合webgl和css3d场景,以便两个场景中的对象正确地融合在一起。我遵循描述的模式here:并通过修改three.js示例css3d_sandbox.html创建了一个简单示例。在我的版本中,我向webGl场景添加了一个立方体,并希望它能够与现有平面正确融合,无论立方体是在这些对象的前面还是后面。我注意到两个异常。第一个是一旦添加立方体,当您四处平移时,平面会在意想不到的位置消失,就好像远平面值和近平面值没有得到正确的体现,或者对象被错误地确定为在其他东西后面。第二个问题是css3d对象在针对three.jsr67运行时根本不呈现,但在针对r61运行时它们会呈现。我尝试用

html - three.js 正确混合 css3d 和 webgl

我正在尝试结合webgl和css3d场景,以便两个场景中的对象正确地融合在一起。我遵循描述的模式here:并通过修改three.js示例css3d_sandbox.html创建了一个简单示例。在我的版本中,我向webGl场景添加了一个立方体,并希望它能够与现有平面正确融合,无论立方体是在这些对象的前面还是后面。我注意到两个异常。第一个是一旦添加立方体,当您四处平移时,平面会在意想不到的位置消失,就好像远平面值和近平面值没有得到正确的体现,或者对象被错误地确定为在其他东西后面。第二个问题是css3d对象在针对three.jsr67运行时根本不呈现,但在针对r61运行时它们会呈现。我尝试用

javascript - Three.js:使用触摸和设备方向旋转相机

我正在使用threejs制作一个3D项目,它允许使用鼠标控制计算机设备的相机,还允许使用智能手机的触摸事件和设备方向事件进行控制。例如,thissite工作方式与我想做的一样。当我在PC版上使用OrbitControls移动相机时,我将touchstart/move/end事件绑定(bind)到mousedown/move/up并且它完美地工作。问题是当我尝试添加设备方向事件的值时。这是我尝试在OrbitControls.js中添加的内容:THREE.OrbitControls=function(object,domElement){constscope=this;letlastBet

javascript - Three.js:使用触摸和设备方向旋转相机

我正在使用threejs制作一个3D项目,它允许使用鼠标控制计算机设备的相机,还允许使用智能手机的触摸事件和设备方向事件进行控制。例如,thissite工作方式与我想做的一样。当我在PC版上使用OrbitControls移动相机时,我将touchstart/move/end事件绑定(bind)到mousedown/move/up并且它完美地工作。问题是当我尝试添加设备方向事件的值时。这是我尝试在OrbitControls.js中添加的内容:THREE.OrbitControls=function(object,domElement){constscope=this;letlastBet

javascript - 嵌入 iframe 的 Three.js 在 iOS 8/9 中不断增长

如果使用iframe将包含Three.js的文件嵌入到网页中然后当在MobileSafari中查看页面时,iframe的大小会无限增长。此行为在今天发布的iOS9中尚未得到纠正。发布这个问题和答案是为了让网络搜索更容易访问信息。 最佳答案 在http://threejs.org/examples/index.html中找到了此行为的修复程序.截至2016年7月3日的新版本和改进版本:varviewer=document.getElementById('viewer');//iOSiframeauto-resizeworkaround

javascript - 嵌入 iframe 的 Three.js 在 iOS 8/9 中不断增长

如果使用iframe将包含Three.js的文件嵌入到网页中然后当在MobileSafari中查看页面时,iframe的大小会无限增长。此行为在今天发布的iOS9中尚未得到纠正。发布这个问题和答案是为了让网络搜索更容易访问信息。 最佳答案 在http://threejs.org/examples/index.html中找到了此行为的修复程序.截至2016年7月3日的新版本和改进版本:varviewer=document.getElementById('viewer');//iOSiframeauto-resizeworkaround

javascript - 使用自定义间隔将 Three.Js 场景渲染为动画 GIF 文件

我正在尝试将动画Three.js场景(基本上是一个自动将对象旋转360度的动态网格加载器)渲染为GIF文件。基本上我希望GIF包含每x秒/毫秒从WebGLCanvas“截屏”的帧。我已经搜索了几个小时,但没有找到关于这个主题的任何好的资源。谢谢。 最佳答案 几年前我就是这么做的。您可以在此处查看代码:https://mrdoob.github.io/omggif-example/ 关于javascript-使用自定义间隔将Three.Js场景渲染为动画GIF文件,我们在StackOver

javascript - 使用自定义间隔将 Three.Js 场景渲染为动画 GIF 文件

我正在尝试将动画Three.js场景(基本上是一个自动将对象旋转360度的动态网格加载器)渲染为GIF文件。基本上我希望GIF包含每x秒/毫秒从WebGLCanvas“截屏”的帧。我已经搜索了几个小时,但没有找到关于这个主题的任何好的资源。谢谢。 最佳答案 几年前我就是这么做的。您可以在此处查看代码:https://mrdoob.github.io/omggif-example/ 关于javascript-使用自定义间隔将Three.Js场景渲染为动画GIF文件,我们在StackOver