diff options
| author | Patrick Schönberger | 2021-01-22 16:48:29 +0100 |
|---|---|---|
| committer | Patrick Schönberger | 2021-01-22 16:48:29 +0100 |
| commit | 590349d576668595128e2d15bbd72e9391a97fc1 (patch) | |
| tree | 9f7ccf248879e064c87e593f2e58e1d56f453165 /Scripts/main.js | |
| parent | 60b7eb713036545e4046a16cfd3d312b8837938c (diff) | |
| download | cloth_sim-590349d576668595128e2d15bbd72e9391a97fc1.tar.gz cloth_sim-590349d576668595128e2d15bbd72e9391a97fc1.zip | |
fix verlet integration, add wind
Diffstat (limited to 'Scripts/main.js')
| -rw-r--r-- | Scripts/main.js | 47 |
1 files changed, 15 insertions, 32 deletions
diff --git a/Scripts/main.js b/Scripts/main.js index 4e7c2ef..20a6e92 100644 --- a/Scripts/main.js +++ b/Scripts/main.js @@ -8,35 +8,6 @@ import { Face, Spring, Cloth } from './cloth.js'; * evtl. an Stoff ziehen
*/
-
-class Point {
- constructor(x, y) {
- this.x = x;
- this.y = y;
- }
-
- add(that) {
- return new Point(
- this.x + that.x,
- this.y + that.y
- );
- }
-
- sub(that) {
- return new Point(
- this.x - that.x,
- this.y - that.y
- );
- }
-
- dist(that) {
- let a = this.x - that.x;
- let b = this.y - that.y;
- return Math.sqrt(a * a + b * b)
- }
-}
-
-
/**
* setup THREE JS Scene, Camera and Renderer
*/
@@ -64,7 +35,7 @@ function setup_scene(canvasSpace) { document.body.onload = init;
function init() {
- let mousePos = new Point();
+ let mousePos = new THREE.Vector2();
let previousClothSimulation;
/**
@@ -99,6 +70,8 @@ function init() { const light = new THREE.DirectionalLight( 0xffffff, 0.5 );
light.position.set( 0, 1, 0.5 );
scene.add( light );
+
+ let raycaster = new THREE.Raycaster();
/**
* function called every frame
@@ -107,17 +80,27 @@ function init() { function animate(dt) {
cloth.simulate(dt/1000);
+ raycaster.setFromCamera( new THREE.Vector2((mousePos.x / w) * 2 - 1, ((h - mousePos.y) / h) * 2 - 1), camera );
+
+ const intersects = raycaster.intersectObject( mesh );
+
+ if ( intersects.length > 0 ) {
+ cloth.wind(intersects);
+ }
setTimeout(() => {
animate(frameTime);
}, frameTime);
renderer.render(scene, camera);
}
+
/** add callback for window resize */
let canvas = document.getElementsByTagName("canvas")[0];
+ let w = window.innerWidth;
+ let h = window.innerHeight - canvasSpace;
let resize = function () {
- let w = window.innerWidth;
- let h = window.innerHeight - 200;
+ w = window.innerWidth;
+ h = window.innerHeight - canvasSpace;
canvas.width = w;
canvas.height = h;
}
|
