Your cursor is another centre: it pulls. Press: much harder. The brand and the figures are illustrative samples.
Custom animation / motion design
Custom animation, motion, and interactive elements that set the site apart from a template look.
from HUF 60,000
The page of a community office: thousands of small points circle three invisible centres behind it, with your cursor as a fourth. Made for a page where the point is that something holds together.
- Canvas 2D
- N-body gravity
- Community
How it works
Every point moves under the pull of the four centres, by Newton's law, so the motion isn't a pre-recorded animation but physics: it never repeats itself. The centres wander slowly, so the picture keeps changing and still stays calm.
The effect is only a background: the content, the buttons and the menu stay where they are. A medium one: quality drops by itself if it has to, and when the page isn't in view the simulation stands still.
Want something like this on your own site?
Motion and WebGL are part of what I do. We'll work out what fits your site while keeping it fast.
Get an estimate