小编Jac*_*cka的帖子

如何使用 Three.js 制作视差效果

我想使用 Three.js 对鼠标移动制作视差效果。基本上我想在画布上生成一堆云,并希望它们在移动鼠标时在 x 轴上移动。

所以我已经尝试将云作为图像添加到场景中。我怎样才能将鼠标移动与这些云联系起来?或者我应该以不同的方式向场景添加云?

我如何添加云:

    var imgCloud = new THREE.MeshBasicMaterial({ 
        map:THREE.ImageUtils.loadTexture('img/cloud.jpg')
    });
    imgCloud.map.needsUpdate = true;

    // Cloud
    var cloud = new THREE.Mesh(new THREE.PlaneGeometry(200, 200), imgCloud);
    cloud.overdraw = true;
    scene.add(cloud);

Run Code Online (Sandbox Code Playgroud)

javascript three.js parallax

5
推荐指数
1
解决办法
3007
查看次数

标签 统计

javascript ×1

parallax ×1

three.js ×1