MY WEBSITE

notjustaphase.neocities.org

345 views
1 follower
51 updates
0 tips
Hello, to whom it may concern! Sorry to be a bother, but, if you wouldn’t mind me asking, how’d you code your site so you can move the page around in any direction? Is that level of site complexity something that’s only achievable by Supporters?
1 like
sdaw's avatar sdaw 5 days ago

hello - no supporter rank needed! but some math is involved. basically the background is large (like 8000px or something like that) with the scrollbars hidden using CSS. then using javascript you can track the mouse clicking and dragging using something called mouseevents (https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent) which gives you the motion of the mouse

2 likes
sdaw's avatar sdaw 5 days ago

you can then use this motion and something called CSS transform translate (https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/transform-function/translate) to move the canvas around related to the mouse movement.

2 likes
sdaw's avatar sdaw 5 days ago

here is some starter code you can use view page source to see the code https://litter.catbox.moe/vt9pwtno8qb4ftbr.html

2 likes

Website Stats

Last updated 3 days ago
CreatedJul 27, 2022
Site Traffic Stats

Tags

personal