whs.js/examples/audio/positional/script.js

import * as UTILS from '@utils';

const controlsModule = new WHS.OrbitControlsModule();

const camera = new WHS.PerspectiveCamera({
  position: {
    z: 250,
    y: 100
  },

  far: 30000,
  near: 1
});

const app = new WHS.App([
  ...UTILS.appModules({
    position: new THREE.Vector3(0, 10, 200)
  }),

  controlsModule,
  new WHS.DefineModule('camera', camera)
]);

controlsModule.controls.autoRotate = true;

const audioModule = new AudioModule({
  loop: true
});

const sphere = new WHS.Sphere({
  geometry: {
    radius: 20
  },

  shadow: {
    cast: false
  },

  material: new THREE.MeshBasicMaterial({
    color: 0xffffff
  }),

  modules: [
    audioModule
  ],

  position: {
    y: 5
  }

});
sphere.addTo(app);

audioModule.addListener(camera);
audioModule.play(`${process.assetsPath}/sounds/folk.mp3`);

new WHS.PointLight({
  color: 0xffffff,
  intensity: 1,
  distance: 1000,

  position: [10, 40, 10]
}).addTo(app);

new WHS.Box({
  geometry: {
    width: 2000,
    height: 0.1,
    depth: 2000
  },

  shadow: {
    cast: false
  },

  material: new THREE.MeshPhongMaterial({
    color: 0xffffff
  }),

  position: [0, -60, 0],
  rotation: [0, 0, 25]
}).addTo(app);

app.start();