嘿,所有的,我已经在我的画布上加载了一个自定义模型,一切都运行得很好。我得到的唯一问题是,我不知道如何让我的阴影在模型本身上透明(模型应该投射和接收阴影)。
我的代码如下所示:
var loader = new THREE.JSONLoader();
loader.load('model/p3.json', handle_load);
var mesh;
function handle_load(geometry, materials) {
var material = new THREE.MeshPhongMaterial();
我正在使用three.js开发一个简单的模型预览器,其中用户可以动态上传和更改模型材质的纹理,等等。
在我的一生中,我无法克服这个错误,我在three.js中遇到过这个问题,其他应该有addEventListener方法的加载器也遇到过这个问题。那么我到底做错了什么呢?我正在使用r59
function loadTex(tex)
{
var texture = new THREE.Texture();
var imgloader = new THREE.ImageLoader( manager );
imgloader.addEventListener('l
我正在努力学习three.js,并且正在查找一些例子。我试图运行这个代码,但是,它所显示的只是一个黑屏。
我将three.js源文件修改为我的目录,还将材质修改为以下内容,因为我没有板条箱纹理。var material = new THREE.MeshStandardMaterial({metalness: 0, roughness: 0.5}); material.color.setHex(0xc23560)
我是个新手,到目前为止我所做的是:在three.js中对一个几何图形建模,将其导出到JSON,然后将其放入我的three.js场景中。它可以很好地处理基本的three.js材质。现在我想要加载一个颜色,镜面反射和法线贴图到我的几何体中。但每次我尝试添加单个纹理时,该几何图形都会在浏览器中消失。
下面是我的代码:
var jsonLoader = new THREE.JSONLoader();
jsonLoader.load( "models/schuh.js", addModelToScene );
var texture = new THREE.Im
我想知道带纹理的几何体是否可以在three.js中使用照明。在我的场景中,除了具有如下纹理指定的材质之外,所有材质都可以使用spotLight和directionalLight获得很好的照明:
var geometry = new THREE.OctahedronGeometry(1, 0)
var orange = new THREE.TextureLoader().load( 'img/orange.jpg' );
orange.wrapS = THREE.RepeatWrapping;
orange.wrapT = THREE.RepeatWrapping;
orang
我正在尝试将phong材质与着色器区域光一起添加到我的.obj模型中,但是我尝试使用网格表面材质来加载这两种材质,但当我执行此操作时,模型完全消失。
当我使用它们中的任何一个而不是两者都使用时,这个场景就可以工作了,有什么办法可以克服这个问题吗?
这是
代码:
// area light
var lightColor = 0xffffff;
var lightIntensity = 1;
var geometry = new THREE.PlaneGeometry(100, 50);
var material = new THREE.MeshBasicMaterial({
colo
我正在用WebGL创建一个Three.js场景,我有下一个问题:我试图用Three.js加载一个.obj模型,并且我想向该.obj模型中添加一个颜色(例如蓝色),而不是一个mtl纹理。我试着这样做:
// instantiate a loader
var loader = new THREE.OBJLoader();
// load a resource
loader.load(
// resource URL
'model_path.obj',
// Function when resource is loaded
function ( ob