草庐IT

javascript - 谷歌 body 浏览器建立在什么框架之上(如果有的话)?

谁能帮我理解哪个框架(如果有的话)是GoogleBodybrowser开发?好的,它是WebGL和Javascript,但它们是使用一些允许WebGL交互的GWT扩展,还是它们是手动编写js然后缩小或其他框架?感谢任何帮助。 最佳答案 它使用的库称为tdl.jshttp://code.google.com/p/threedlibrary/这是GoogleBodyAndroid端口上的GoogleI/Osessionhttp://www.google.com/events/io/2011/sessions/3d-graphics-on

javascript - WebGL VS Canvas 二维硬件加速

最近,我需要在Canvas上绘制许多图像。Canvas大小是800x600px,我有很多256x256px的图片(有些小)可以在上面画,这些小图会在Canvas上组成一个完整的图像。我有两种方法来实现这个。首先,如果我使用Canvas2D上下文,即context=canvas.getContext('2d'),那么我可以只使用context.drawimage()方法将每个图像放在Canvas的正确位置。另一种方式,我使用WebGL在Canvas上绘制这些图像。这样,对于每个小图像,我都需要绘制一个矩形。矩形的大小与这个小图像相同。此外,矩形位于Canvas的正确位置。然后我使用图像作

javascript - Three.js 第一人称控制

我正在使用Three.js和WebGL,但无法完全按照我想要的方式进行控制。我选择尝试“滚动我自己的”控件,因为Three.js的FirstPersonControls不使用指针锁定。无论如何,我的大部分代码都来自内置的FirstPersonControls,将其转换为使用指针锁定(movementX而不是pageX-offset),但我无法平滑注视Action。这是我的onMouseMove(使用originalEvent因为它是一个jquery事件):onMouseMove:function(e){if(!document.pointerLockElement)return;var

javascript - three.js中如何获取顶点的绝对位置?

据我所知,varpoint=object.geometry.vertices[i];将返回x、y的相对位置对象几何内部点的code>和z。如果对象被移动、旋转或缩放,如何获得绝对位置? 最佳答案 首先确保对象的矩阵已经更新。object.updateMatrixWorld();渲染循环通常会为您调用它。然后,这样做:varvector=object.geometry.vertices[i].clone();vector.applyMatrix4(object.matrixWorld);矢量现在将包含世界坐标中的位置。你可能想读一些C

javascript - 使用 SVGRenderer 将图像渲染为 Three.js 中的节点(或以其他方式渲染球体)

我有一个SVG文档中的元素,我对其应用了给人一种它是一个球体的错觉:看起来像这样:JSFiddle我可以在three.js中呈现它WebGLRenderer使用GabeLerner'scanvglibrary的容器:/*sphere_assetisadivcontainingthesvgelement*/varred_svg_html=newString($('#sphere_asset').html());varred_svg_canvas=document.createElement("canvas");canvg(red_svg_canvas,red_svg_html);varr

javascript - Three.js - 未捕获的类型错误 : undefined is not a function

我在使用Three.js时遇到了UncaughtTypeError:undefinedisnotafunction。在我创建THREE.PerspectiveCamera的行中显示错误。脚本是window.requestAnimFrame=(function(callback){returnwindow.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnim

javascript - WebGL - 带高度图的纹理地形

我正在尝试使用WebGL创建3D地形。我有一个带有地形纹理的jpg,另一个带有高度值(-1到1)的jpg。我查看了各种包装器库(如SpiderGL和Three.js),但我找不到合适的示例,如果我找到了(如Three.js)代码没有文档记录,我也不能'不知道该怎么做。谁能给我一个好的教程或例子?Three.js中有一个示例http://mrdoob.github.com/three.js/examples/webgl_geometry_terrain.html这几乎就是我想要的。问题是他们随机创建了山脉的颜色和高度值。我想从2个不同的图像文件中读取这些值。如有任何帮助,我们将不胜感激。

javascript - three.js中有容器类对象改造一群 child 吗?

three.js中是否有容器或节点对象可以将多个网格添加为子对象,以便它们可以一起变形?(一个不可见的容器,允许像在一个组中一样对所有子对象执行转换?)谢谢 最佳答案 Example.vargroup=newTHREE.Group();for(vari=0;ir69+ 关于javascript-three.js中有容器类对象改造一群child吗?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/que

javascript - 在 Three.js 中将图像映射到球体上

我目前正在使用Three.js来尝试创建一些东西。我有一个球体,我正在尝试绘制眼球图像here放在上面。我遇到的问题是结果如下所示:我怎样才能让它在不显得拉伸(stretch)的情况下正确映射?我创建球体和映射纹理的代码如下:vargeometry=newTHREE.SphereGeometry(0.5,100,100);varmaterial=newTHREE.MeshPhongMaterial({map:THREE.ImageUtils.loadTexture('eyeballmap.jpg',THREE.SphericalRefractionMapping)});vareyeba

javascript - 用于高级 Web GUI 的 Pixi.js 和 ThreeJS

想法嗨!我和一个开发团队正在创建一个用于交互式图形编辑的开源图形界面。我希望这个界面能够处理大量连接的节点,允许用户移动它们、重新连接、放大/缩小等。每个节点上都可以有文本、按钮、slider和其他控件。另外,我们想创建一个非常先进的、可插入的图形界面——每个面板都是一个插件——你可以把它想象成基于web的eclipse。面板可以是图形编辑器、时间线或3D视口(viewport)。问题我想问你,哪个库会给我们带来更多好处-Pixi.js、ThreeJS还是其他?也许我们应该混合使用它们——在Pixi.js中创建界面,在ThreeJS中创建一些需要3D支持的插件(我个人不喜欢这个想法,因