X-Git-Url: https://gitweb.ps.run/cloth_sim/blobdiff_plain/a30256db1a628e1fd7f9a1537bebb9bdea8f3719..60b7eb713036545e4046a16cfd3d312b8837938c:/Scripts/main.js

diff --git a/Scripts/main.js b/Scripts/main.js
index ececd6a..4e7c2ef 100644
--- a/Scripts/main.js
+++ b/Scripts/main.js
@@ -1,6 +1,14 @@
 import { Face, Spring, Cloth } from './cloth.js';
 
 
+/**
+ * rendering
+ * Einheiten konsistent
+ * Wind
+ * evtl. an Stoff ziehen
+ */
+
+
 class Point {
   constructor(x, y) {
     this.x = x;
@@ -76,7 +84,8 @@ function init() {
   cloth.createBasic(10, 10, 10, 10);
   //cloth.createDebugMesh(scene);
 
-  const material = new THREE.MeshBasicMaterial({ color: 0x0000ff });
+  //const material = new THREE.MeshBasicMaterial({ color: 0x0000ff, side: THREE.DoubleSide });
+  const material = new THREE.MeshPhongMaterial({ color: 0x0000ff, side: THREE.DoubleSide });
   const mesh = new THREE.Mesh(cloth.geometry, material);
   //const mesh = new THREE.WireframeGeometry(cloth.geometry);
   //const line = new THREE.LineSegments(mesh);
@@ -85,12 +94,18 @@ function init() {
   //line.material.transparent = true;
   scene.add(mesh);
 
+  scene.add( new THREE.AmbientLight( 0x666666 ) );
+
+  const light = new THREE.DirectionalLight( 0xffffff, 0.5 );
+  light.position.set( 0, 1, 0.5 );
+  scene.add( light );
+
   /**
    * function called every frame
-   * @param {number} dt - time passed since last frame
+   * @param {number} dt - time passed since last frame in ms
    */
   function animate(dt) {
-    cloth.simulate(dt);
+    cloth.simulate(dt/1000);
 
     setTimeout(() => {
       animate(frameTime);