嗨,我是在ThreeJS的新成员,我正在尝试添加一个使用JSON加载器加载的材料顶部的环境贴图…这就是我想要做的:
var gun = null;
var loader = new THREE.JSONLoader();
loader.load("obj/nissan/nissan-gt-r-nismo.json", function(geometry, materials){
var mat = new THREE.MeshPhongMaterial({
color: 0xffffff,
envMap: cubeMap,
我有一个船模,这是作为JSON导入。现在,我正在尝试导入它的纹理贴图,以应用于它的网格。
模型加载得很好,但是当我使用TGALoader试图加载纹理的.tga文件时,我得到了这个错误:
Uncaught TypeError: THREE.TGALoader is not a constructor
我已经在周围搜索过任何其他实例,但没有找到任何实例。我对threejs非常陌生,所以我很抱歉--这可能是一个超级菜鸟的问题。
下面是我的Boat类的代码:
var scale = 10;
class Boat {
constructor(scene) {
var loader = new
我使用THREEjs在AFrame中导入了一个GLB场景(带有烘焙纹理),但由于某些原因,这些白线出现在我的对象上(请查看下面的示例照片)。 墙实际上是成组的网格,所以我可以在某种程度上理解为什么会出现线条,但我不能理解为什么它也会发生在物体上。当我在Three.js/编辑器上上传相同的场景时,白色的接缝没有出现,所以我假设这是AFrame自动设置的设置? 每个对象都是具有单个“贴图”纹理的单个材质。有谁知道它为什么会发生,以及如何避免它?提前谢谢你! An example photo of the white seams. They appear in the perimeter of e
在我的项目中,我希望实现一个将三维对象加载到ThreeJS中的函数。3D对象来自用户上传到网站上的文件。该文件可以采用多种格式(STL、JSON、巴比伦、Collada、.)。
到目前为止,我只能加载一种文件格式,如下所示:
// BEGIN Clara.io JSON loader code
var objectLoader = new THREE.ObjectLoader();
objectLoader.load('clara.json', function(obj) {
object = new THREE.Mesh(obj);
scene.add( ob
我正在使用一个threejs库为react "import * as THREE from 'three';“渲染一个球体。
球体渲染得很好,纹理也是如此。
我有一个正在加载的图像,它包裹了整个球体。
问题是:如何在球体上重复图像?在我的特定示例中,假设我有一个半张脸的图像。每个半球,我想镜像这个图像,这样我就会在球体的每一边都有两个对称的面,向外看。全新的threejs,如有任何帮助,不胜感激!
我正在尝试将.svg资源加载到我的three.js场景中,作为平面向量层;我在另一篇文章中使用SVGLoader和SVGRenderer找到了这个示例,但我无法使其工作。
加载的svg卡在2d空间中,对相机的移动没有反应,我无法访问它的位置。我试图切换到WebGLRenderer,但是svg没有加载。
将它加载为精灵的选择将是很好的,但我希望精灵不面对相机,并在3d空间中静止不动。
var svgManager = new THREE.SVGLoader();
var url = 'https://upload.wikimedia.org/wikipedia/commons/f/f
我有6个纹理,我想加载一个立方体的6个不同的面。我正在尝试用GLGE.TextureCube();制作一个新的纹理。然后我将所有六个图像加载到脸部,假设应该在立方体上,如下所示
mapTex = new GLGE.TextureCube();
mapTex.setSrcNegX("models/map/negx.jpg"); // they are all 1024x1024
mapTex.setSrcNegY("models/map/negy.jpg");
mapTex.setSrcNegZ("models/map/ne