X-Git-Url: https://gitweb.ps.run/cloth_sim/blobdiff_plain/60b7eb713036545e4046a16cfd3d312b8837938c..590349d576668595128e2d15bbd72e9391a97fc1:/Scripts/main.js 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; }