Как сделать эффект параллакса с помощью Three.js

Как сделать эффект параллакса с помощью 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); 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector