three.js相关内容

三.js设置背景图片

如何创建静态背景图片? 默认背景: scene = new THREE.Scene();//...renderer = new THREE.WebGLRenderer( { antialias: false } );renderer.setClearColor(scene.fog.color, 1); scene.fog如何设置图片，clearcolor如何设置不透明度? 解决方案 ..

发布时间：2022-01-08 13:00:48 image background static three.js set 其他开发

如何在 Three.js 中处理动画模型?

我有一个关于 Three.js 的基本问题.我用谷歌搜索但没有找到任何有用的东西......如何在 Three.js 中处理动画模型?我知道如何导入 .js 文件，并且我有一个从搅拌机导出为 .js 格式的动画立方体.我已经用 JSONLoader 导入了它，但是动画不会自己播放.所以这就是我的位置，我不知道怎么玩. 我已经检查了文档，但我不知道我应该使用什么...尝试了 MorphAnim ..

发布时间：2022-01-02 09:34:06 javascript animation model three.js webgl 前端开发

三.js &Dat.gui - TrackballControls renderer.domElement 禁用旋转和平移

我正在尝试将 dat.gui 与一个非常简单的 Three.js (r73) 场景一起使用，但在将“renderer.domElement"添加到 trackballControls 初始化后遇到了旋转和平移无法工作的问题.缩放按预期工作. 如果没有renderer.domElement，我可以使用旋转、缩放、平移功能，但dat.gui 界面滑块在单击时“锁定"，这很烦人且不起作用.此处描述 ..

发布时间：2021-12-31 19:00:39 three.js dat.gui 其他开发

Three.js/GLSL - 将像素坐标转换为世界坐标

我的 Three.js 应用程序中有一个简单的着色器，它将屏幕着色为红色.但是，我想将给定世界位置右侧的所有像素着色为不同的颜色. 我看过一些 答案 建议使用改变 vec4 worldCoord = gl_ModelViewMatrix * gl_Vertex;，但由于 WebGL 使用 GLSLES，我无法使用 gl_Vertex 之类的变量. 顶点着色器 #ifdef GL_ES ..

发布时间：2021-12-31 19:00:20 three.js glsl webgl glsles 其他开发

三.js - 行旁边的文本

我在场景中有一个管几何体，它是从作为 JSON 加载的数据构建的.我必须在每个部分放一条线作为标记.为此，我以人脸的质心为起点，并在质心的每个坐标上加 10 作为线的终点. 请找到管子的jsfiddle 请在下面找到从人脸中心添加线的代码. var lineGeo, lineMat, line;var fx=tube.faces[3].centroid.x;var fy=tube.f ..

发布时间：2021-12-31 19:00:13 javascript three.js 前端开发

如何等待纹理完成从 Three.js 中的 JSON 模型加载?

我有一个基于 AlteredQualia 的蒙皮示例成功加载的 JSON 模型.但是，在模型加载完成之前，我不想透露模型.正如你在这个例子中看到的，模型首先出现，然后它们的纹理资源随后加载:http:///alteredqualia.com/three/examples/webgl_animation_skinning_tf2.html 我在网页中添加了一个不透明的 div，然后使用 JSO ..

发布时间：2021-12-31 19:00:01 javascript json callback three.js 前端开发

从 THREE.Mesh 或 THREE.Geometry 创建 CANNON.RigidBody

我正在使用 THREE.JSONLoader 对象创建一个 THREE.Mesh 对象，如下所示: //创建城堡.loader.load('/Meshes/CastleTower.js', function(geometry, materials) {var tmp_material = new THREE.MeshLambertMaterial();三.ColorUtils.adjustHSV ..

发布时间：2021-12-31 18:59:54 javascript three.js cannon.js 前端开发

Three.js 截图

我需要制作网站截图.我尝试使用 html2canvas 和所有它的工作.但问题是我正在使用 THREE.WebGLRenderer 和 THREE.CSS3DRenderer(用于 webgl 中的 html)......所以当我制作屏幕截图时，它只从 WebGLRenderer 制作图像.CSS3DRenderer 被忽略，我不知道如何从两个渲染器制作屏幕截图.我正在使用这个解决方案:截取 ..

发布时间：2021-12-31 18:59:41 javascript three.js screenshot webpage html2canvas 前端开发

向场景添加灯光没有效果

我刚刚开始使用 Three.JS，但一开始就被卡住了.当我向场景中添加灯光时，它没有任何效果. renderer = new THREE.WebGLRenderer()camera = new THREE.PerspectiveCamera 45, # 视角800/640, # 方面0.1，#近10000#远相机.位置.z = 300场景 = 新的 THREE.Scene()renderer.s ..

发布时间：2021-12-31 18:59:33 javascript three.js 前端开发

使用着色器中的索引引用数据纹理中的纹素

我尝试使用着色器中的索引访问 DataTexture 的纹素中的值.索引[0, 1, 2, 3, 4, 5, 6... 62, 63] 是连续的，而数据纹理有高度和宽度(uTextureDimension) of 8. 经过一番研究，我写了这个函数来获取特定的索引值，并引用相应的纹素: vec2 customUV = vec2( mod(aIndex, uTextureDimension)/uT ..

发布时间：2021-12-31 18:59:23 three.js glsl textures shader 其他开发

Three.js 中的补间相机目标

我有这个运行良好的代码: function onMouseMove( event ) {window.onmousedown = 函数(){var canvasPosition = renderer.domElement.getBoundingClientRect();var mouseX = event.clientX - canvasPosition.left;var mouseY = ev ..

发布时间：2021-12-31 18:59:14 three.js 其他开发

ParticleSystem 中 BufferGeometry 的 Z 缓冲区问题

在我的应用程序中，我遇到了 z 缓冲区的问题.我有一个 ParticleSystem，其中的点具有看起来像球体的纹理.但是有两个问题我不能同时解决.... 球体在 z 缓冲区中正确排序但不透明，或者它们透明但排序不正确！ 请查看我的 JSfiddle.(基于 这个例子来自 mrdoob) 在原始示例中，一切看起来都很好.但是正如您在我的小提琴中看到的那样，纹理不透明，因此将部分粒 ..

发布时间：2021-12-31 18:59:05 javascript three.js particle-system 前端开发

使用 CSS3DRenderer 创建 CubeGeometry equivilent

我正在寻找示例代码，它将展示如何使用 CSS3DRenderer 在 ThreeJS 中创建一个立方体(类似于 THREE.CubeGeometry).像下面的东西 var my_cube = new **CSS3dCubeGeometry**(cube_width,cube_height,cube_depth)var object = new THREE.CSS3DObject(my_cube ..

发布时间：2021-12-31 18:58:56 three.js geometry renderer 其他开发

三.js 正交相机:放大所有具有透视的立方体

我开发了一个简单的 three.js 应用程序来渲染一个立方体.我创建了三个文件:index.html、viewer_style.css 和 viewer.js. index.html 的内容如下: 我的前三个.js应用 ..

发布时间：2021-12-31 18:58:46 javascript three.js orthographic projection-matrix 前端开发

无法访问 webrtc 上的后置摄像头 [chrome:54]

我正在尝试使用 webrtc 和 Threejs 进行 webAR 演示，同时通过我的 android mobile chrome:54 访问摄像头，前置摄像头默认打开. 我检查并尝试通过参考有关堆栈溢出的所有问题来解决问题，甚至尝试更改数组值但没有运气.谁能告诉我如何通过调整此代码来访问后置摄像头? var THREEx = THREEx ||{}navigator.getUserMe ..

发布时间：2021-12-31 18:58:39 javascript google-chrome three.js webrtc getusermedia 前端开发

在 Android Chrome 上选择相机

关于这个主题，我遇到了几个问题.我正在尝试在运行 Chrome 的 Android 设备上选择后置摄像头. 所以，经过一些阅读: var selector = document.getElementById('video-source-selector');navigator.mediaDevices.enumerateDevices().then(功能(设备){var videoDevi ..

发布时间：2021-12-31 18:58:32 android google-chrome three.js webrtc getusermedia 移动开发

动态更改 Raycaster 位置

我有一个画布，里面有几个立方体.我使用 Raycaster 来选择它们并改变它们的颜色.但是画布位于 draggable 对象内，当我四处移动时，我无法更改颜色，颜色更改在原始位置起作用.我想我也必须改变 Raycaster 的尺寸.我该怎么做? 这是示例. 解决方案 尝试修改代码如下: function onDocumentMouseDown( event ) {event.pr ..

发布时间：2021-12-31 18:58:24 jquery three.js draggable raycasting 其他开发

使用 Three.js 加载 Maya 模型

我正在关注关于如何加载 Maya 的本教程使用 Three.js 的模型. 一切都很好，但教程只解释了如何加载具有一种纹理的模型. 这是教程中的源代码: function createScene(geometry, x, y, z, scale, tmap) {zmesh = new THREE.Mesh(geometry, new THREE.MeshLambertMaterial ..

发布时间：2021-12-31 18:58:15 javascript html three.js webgl maya 前端开发

Three.js + OrbitControls - 未捕获的类型错误:无法读取未定义的属性“渲染"

我正在编写一个用于旋转立方体的类，但每次旋转或缩放时，都会收到错误消息“无法读取未定义的‘渲染’属性".我究竟做错了什么?我想范围有问题.这是我的课: myclass = function() {this.camera = null;this.scene = null;this.renderer = null;this.product = null;this.init = 函数(容器){this ..

发布时间：2021-12-31 18:58:07 javascript three.js 前端开发

Threejs - 如何按距离偏移二维几何体上的所有点

使用 Three.js，(虽然我相信这与数学更相关)我有一组可以创建 2D 几何的 2D 点.例如正方形、矩形、五边形或自定义 2D 形状.基于原始的 2D 形状，我想创建一种方法，以类似于附加图像的方式向内或向外均匀地偏移点. 我不知道是否有一种简单的方法可以向内或向外均匀地偏移/增长/收缩二维形状上的所有点(vector3).如果是这样，如果我可以将点偏移 X 距离会很酷吗?有点像说将 ..

发布时间：2021-12-31 18:57:57 vector three.js geometry geometry-surface 其他开发