X-Git-Url: https://gitweb.ps.run/cloth_sim/blobdiff_plain/e05a5c0a7aa891179af219eff0df34647acc8eb3..14881afe547086f68764e27bd65c794b21271c63:/Scripts/main.js

diff --git a/Scripts/main.js b/Scripts/main.js
index 5ed1866..8c61f82 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;
@@ -65,13 +73,16 @@ function init() {
    */
   const canvasSpace = 200;
 
+  /** Constant Frame Time */
+  const frameTime = 1000.0 / 60.0;
+
   /** Setup scene */
   let [scene, camera, renderer] = setup_scene(canvasSpace);
   
   /** setup cloth and generate debug mesh */
   let cloth = new Cloth();
-  cloth.createBasic(10, 10, 5, 5);
-  cloth.createDebugMesh(scene);
+  cloth.createBasic(10, 10, 10, 10);
+  //cloth.createDebugMesh(scene);
 
   const material = new THREE.MeshBasicMaterial({ color: 0x0000ff });
   const mesh = new THREE.Mesh(cloth.geometry, material);
@@ -84,15 +95,14 @@ function init() {
 
   /**
    * 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(2000);
-    }, 2000);
+      animate(frameTime);
+    }, frameTime);
     renderer.render(scene, camera);
   }