jeffemmett
/
folk-canvas
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

guessing

This commit is contained in:
Orion Reed 2024-12-20 19:17:04 -05:00
parent 91148e5ef3
commit c8d537be29
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
website/canvas/physics-mobile-gravity.html
View File

@ -64,6 +64,8 @@
import { Gizmos } from '@lib/folk-gizmos'; import { Gizmos } from '@lib/folk-gizmos';
const physics = document.querySelector('folk-physics'); const physics = document.querySelector('folk-physics');
const ropes = Array.from(document.querySelectorAll('folk-rope'));
let orientationEvent; let orientationEvent;
const GRAVITY_SCALE = 500; const GRAVITY_SCALE = 500;
@ -79,13 +81,15 @@
const direction = Vector.normalized(downwardVector); const direction = Vector.normalized(downwardVector);
const gravity = Vector.scale(direction, magnitude * GRAVITY_SCALE); const gravity = Vector.scale(direction, magnitude * GRAVITY_SCALE);
// Update physics world gravity
physics.world.gravity = { physics.world.gravity = {
x: gravity.x * 0.1, x: gravity.x * 0.1,
y: gravity.y * 0.1, y: gravity.y * 0.1,
}; };
// Draw gravity vector ropes.forEach((rope) => {
rope.gravity = Vector.scale(gravity, 6);
});
const center = { const center = {
x: window.innerWidth / 5, x: window.innerWidth / 5,
y: window.innerHeight / 5, y: window.innerHeight / 5,