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

push demo

This commit is contained in:
“chrisshank” 2024-12-20 14:16:13 -08:00
parent fc22afbdc7
commit 455e7b0ee8
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
website/canvas/event-propagators-with-device-gravity.html
View File

@ -36,6 +36,9 @@
</head>
<body>
<button onclick="enableGravity()">Enable Gravity</button>
<p>Alpha: <span id="alpha">0</span></p>
<p>Beta: <span id="beta">0</span></p>
<p>Gamma: <span id="gamma">0</span></p>
<folk-shape id="box1" x="100" y="100" width="30" height="30"></folk-shape>
<folk-shape id="box2" x="200" y="350">Hello World</folk-shape>
<folk-event-propagator
@ -65,8 +68,13 @@ rotation: from.x"
const ropes = Array.from(document.querySelectorAll('folk-event-propagator'));
function onDeviceOrientation(e) {
console.log(event);
// ropes.forEach(rope => { rope.gravity = { x: 0, y: 0} })
window.alpha = event.alpha;
window.beta = event.beta;
window.gamma = event.gamma;
// if (event.alpha) {
// // ropes.forEach(rope => { rope.gravity = { x: 0, y: 0} })
// }
}
window.enableGravity = async function enableGravity() {