ultrablob/personal-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

slight code cleanup
All checks were successful
CI / build (push) Successful in 1m45s
Details

Browse source
This commit is contained in:
ultrablob 2025-04-17 20:56:46 -04:00
parent 25527f5a21
commit 1b931be7ae
2 changed files with 15 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/main.js
View file

@ -64,13 +64,15 @@ const mouseBody = new p2.Body({
mouseBody.allowSleep = false; mouseBody.allowSleep = false;
mouseBody.addShape(new p2.Circle({radius: 0.15, material: borderMaterial})) mouseBody.addShape(new p2.Circle({ radius: 0.15, material: borderMaterial }))
world.addBody(mouseBody) world.addBody(mouseBody)
// To animate the bodies, we must step the world forward in time, using a fixed time step size. // To animate the bodies, we must step the world forward in time, using a fixed time step size.
// The World will run substeps and interpolate automatically for us, to get smooth animation. // The World will run substeps and interpolate automatically for us, to get smooth animation.
const fixedTimeStep = 1 / 60 // seconds const fixedTimeStep = 1 / 60 // seconds
const someconstidk = 0.5/fixedTimeStep
const maxSubSteps = 10 // Max sub steps to catch up with the wall clock const maxSubSteps = 10 // Max sub steps to catch up with the wall clock
const bodies = []; const bodies = [];
@ -145,7 +147,7 @@ function mouseAction() {
mouseBody.collisionResponse = mouseEvent.buttons == 2; mouseBody.collisionResponse = mouseEvent.buttons == 2;
mouseBody.velocity.set([(mouseEvent.clientX / SCALE - mouseBody.position[0]) * 30, (-mouseEvent.clientY / SCALE - mouseBody.position[1]) * 30]) mouseBody.velocity.set([(mouseEvent.clientX / SCALE - mouseBody.position[0]) * someconstidk, (-mouseEvent.clientY / SCALE - mouseBody.position[1]) * someconstidk])
} }
document.addEventListener('contextmenu', event => event.preventDefault()); document.addEventListener('contextmenu', event => event.preventDefault());
@ -164,26 +166,26 @@ function resizeWindow() {
bodies.forEach(element => { bodies.forEach(element => {
element.physics.wakeUp() element.physics.wakeUp()
var rect = element.dom.getBoundingClientRect(); // var rect = element.dom.getBoundingClientRect();
element.physics.shapes[0].width = rect.width / SCALE // element.physics.shapes[0].width = rect.width / SCALE
element.physics.shapes[0].height = rect.height / SCALE // element.physics.shapes[0].height = rect.height / SCALE
if (delta.top !== 0 || delta.left !== 0) { if (delta.top !== 0 || delta.left !== 0) {
element.physics.applyForce([delta.top/SCALE, delta.left/SCALE], element.physics.position) element.physics.applyForce([(delta.top / SCALE) * someconstidk, (delta.left / SCALE) * someconstidk])
} }
}); });
} }
const adjustmentBottom = Math.round(-window.innerHeight - planeBottomBody.position[1]*SCALE) const adjustmentBottom = Math.round(-window.innerHeight - planeBottomBody.position[1] * SCALE)
const adjustmentRight = Math.round(window.innerWidth - planeRightBody.position[0]*SCALE) const adjustmentRight = Math.round(window.innerWidth - planeRightBody.position[0] * SCALE)
// console.log(adjustment/SCALE) // console.log(adjustment/SCALE)
planeBottomBody.velocity = [0, -Math.max(-adjustmentBottom/SCALE * 30, -20)] planeBottomBody.velocity = [0, -Math.max(-adjustmentBottom / SCALE * someconstidk, -20)]
planeRightBody.velocity = [Math.min(adjustmentRight/SCALE * 30, 20), 0] planeRightBody.velocity = [Math.min(adjustmentRight / SCALE * someconstidk, 20), 0]
currentWindowSize = { currentWindowSize = {
x: window.screenLeft, x: window.screenLeft,

2
src/styles.css
View file

@ -1,7 +1,7 @@
.box { .box {
/* aspect-ratio: 1; */ /* aspect-ratio: 1; */
background-color: white; background-color: white;
padding: 1vw; padding: 1em;
text-align: center; text-align: center;
position: absolute; position: absolute;
transform-origin: 50% 50%; transform-origin: 50% 50%;