import * as UTILS from '@utils';

const postprocessor = new WHS.PostProcessorModule();

const app = new WHS.App([
  new WHS.ElementModule(),
  new WHS.SceneModule(),
  new WHS.DefineModule('camera', new WHS.PerspectiveCamera(UTILS.appDefaults.camera)),
  new WHS.RenderingModule(UTILS.appDefaults.rendering, {
    shadow: true
  }),
  new PHYSICS.WorldModule(UTILS.appDefaults.physics),
  new WHS.OrbitControlsModule(),
  new WHS.ResizeModule(),
  new StatsModule(),
  new VRKit.VRModule(),
  // postprocessor
  // new WHS.RenderingModule()
  //,
]);

// postprocessor.render();

// postprocessor
//   .render()
//   // .shader(
//   //   new THREE.ShaderMaterial({
//   //     vertexShader: `
//   //       varying vec2 vUv;
//   //
//   //       void main() {
//   //         vUv = uv;
//   //
//   //         gl_Position = projectionMatrix *
//   //                   modelViewMatrix *
//   //                   vec4(position,1.0);
//   //       }
//   //     `,
//   //
//   //     fragmentShader: `
//   //       varying vec2 vUv;
//   //       uniform sampler2D readBuffer;
//   //
//   //       void main() {
//   //         vec4 diffuse = texture2D(readBuffer, vUv);
//   //
//   //         diffuse.xy *= vUv;
//   //
//   //         gl_FragColor = diffuse;
//   //       }
//   //     `
//   //   })
//   // )
//   // .name('MyShader')
//   .renderToScreen();

const sphere = new WHS.Sphere({
  geometry: {
    radius: 5,
    widthSegments: 32,
    heightSegments: 32
  },

  modules: [
    new PHYSICS.SphereModule({
      mass: 10,
      restitution: 1
    })
  ],

  material: new THREE.MeshPhongMaterial({
    color: UTILS.$colors.mesh
  }),

  position: new THREE.Vector3(0, 20, 0)
});

sphere.addTo(app);

UTILS.addBoxPlane(app);
UTILS.addBasicLights(app);

app.start();