three.js 弹出二维图片

three.js 弹出二维图片

代码

// 创建平面
    let geometry = new THREE.PlaneGeometry(30, 30);
    let plan_texture = THREE.ImageUtils.loadTexture('static/1.jpg');//加载纹理贴图
    let material = new THREE.MeshBasicMaterial({//贴图通过材质添加给几何体
        map: plan_texture,//给纹理属性map赋值
        side: THREE.DoubleSide,//两面可见
    });
    let rect = new THREE.Mesh(geometry, material);
    rect.rotateX(-Math.PI / 30); //绕x轴旋转π/4
    rect.position.set(30, 100, -10);
    setTimeout(function () {
         scene.add(rect)
    },5000)
    setTimeout(function () {
         scene.remove(rect)
    },10000)