如何使用 Three.js 获取鼠标悬停时的图像坐标?
我有一个图像,想要使用 Three.js 来制作它,这样当我将鼠标悬停在图像上时,它会给出鼠标所在的坐标(即:图像的左上角是 0,0) 如果可能的话,我还…
向场景添加灯光没有效果
我刚开始玩 Three.JS,但一开始就卡住了。当我向场景添加灯光时,它没有任何效果。 renderer = new THREE.WebGLRenderer() camera = new THREE.Perspe…
如何解决requestAnimationFrame在不同浏览器上FPS不同的问题?
如何解决requestAnimationFrame在不同浏览器上不同的FPS? 我正在使用 THREE.js 制作一个 3D 游戏,该游戏使用 requestAnimationFrame,并且在 Google…
同时显示视频元素的多个帧
一些背景:这里是图形新手,刚刚通过 mrdoob 出色的 Three.js 在浏览器中涉足 3D 世界。我打算很快浏览 http://learningwebgl.com/ 上的所有内容:) 我…
WebGL - 带有高度图的纹理地形
我正在尝试使用 WebGL 创建 3D 地形。我有一个带有地形纹理的 jpg,另一个带有高度值(-1 到 1)的 jpg。 我查看了各种包装器库(如 SpiderGL 和 Thre…
在 Three.js 中编写盒盒射线碰撞检测的最佳方法是什么?
此实验中的对象随机移动: http://deeplogic.info/project/webGL/ 使用 Three.js 库为此编写盒盒射线碰撞检测的最佳方法是什么?…
WebGL 和 Three.js 中的 Z 轴协调
我正在尝试 WebGL 和 Three.js, 但是如何计算移动鼠标时的Z轴坐标呢? 我用它来表示 X 和 Y: function getCoord(e) { X = e.layerX - canvas.offset…
着色器程序中光照模型的计算是如何进行的?
我正在尝试阅读本教程: https://aerotwist.com /tutorials/an-introduction-to-shaders-part-2/ 但我无法跟进。基本上,代码通过使用直接在 GPU 上运…
如何在 Three.js 中的球体上使用纹理
我从以下位置下载了一个球体示例: http://aerotwist.com/ lab/getting-started-with- Three-js/ 我可以看到漂亮的红色球体。我想在上面使用纹理。我…
如何将这 ThreeCanvas.js 行代码转换为 Three.js?
无论出于何种原因, Three.js 和 ThreeCanvas.js 是不兼容的。我正在尝试将 ThreeCanvas.js 程序更改为 Three.js,但是这一行给我带来了巨大的问题: …
Backbone.js 和 Three.js - 带画布的 MVC
我正处于开发一个小型网络应用程序的规划阶段,该应用程序可以在 3D 空间中进行一些交互式数据可视化。 为了实现最广泛的浏览器兼容性, Three.js 看…
如何将 3D 模型从 Cinema4D 导出到 Three.js?
如果我有一个在 Cinema 4D 中建模的网格,如何将其导出到 Three.js 3D JS 引擎? 此外,导出多边形选择的材质颜色也会很方便。…
是否可以支持“旧”版本的 WebGL?通过插件或插件的浏览器?
鉴于WebGL的不成熟情况和有些亮点的功能,我决定使用它来构建一个在线应用程序。对于那些使用 Firefox 4 或 Chrome 的用户来说,没有问题。但对于 Fir…
前端如何实现酷家乐编辑器中的拖拽建筑构件自动适应墙体长度(求一个算法逻辑)
需求描述:最近在做一个装修设计器模仿者酷家乐来做的,其中有一个功能(如下图)拖拽白色方块,放入灰色墙体内白色方块的长度会自动适应墙体的长度(…