minimal threejs particle animation for website background -- 2
Budget: $50 – $300 USD
I require an experienced threejs designer/coder to create a particle-based / vector animation for my website homepage.
The particle/vector design will be the shape of the Wordpress logo. It does not have to be exactly like the logo, but close enough so people will say, "oh that looks like a wordpress logo"
https://upload.wikimedia.org/wikipedia/commons/9/98/WordPress_blue_logo.svg
I really like the style of this demo, in terms of movement, how particles randomly become joined by vectors, it's very minimal yet interesting
https://threejs.org/examples/#webgl_buffergeometry_drawrange
And this is the site it will be applied to. The animation will replace the hero illustration on the right:
https://logon.dev/
Wish list:
1. It should be lean and fast loading. I don't want it to adversely impact my google lighthouse score
2. It should be interactive, but only on the X axis, e.g. the logo rotation should be constrained to horizontal only
3. It should be responsive. It should remain to the right of the screen, and then display full-width on mobile. Again I know very little, if threejs is like any dom then I can make it responsive myself.
4. Cool factor is crucial, but keep it minimal. I want clients to say, "oh wow, that's neat" and not say "well that's really distracting"
The particle/vector design will be the shape of the Wordpress logo. It does not have to be exactly like the logo, but close enough so people will say, "oh that looks like a wordpress logo"
https://upload.wikimedia.org/wikipedia/commons/9/98/WordPress_blue_logo.svg
I really like the style of this demo, in terms of movement, how particles randomly become joined by vectors, it's very minimal yet interesting
https://threejs.org/examples/#webgl_buffergeometry_drawrange
And this is the site it will be applied to. The animation will replace the hero illustration on the right:
https://logon.dev/
Wish list:
1. It should be lean and fast loading. I don't want it to adversely impact my google lighthouse score
2. It should be interactive, but only on the X axis, e.g. the logo rotation should be constrained to horizontal only
3. It should be responsive. It should remain to the right of the screen, and then display full-width on mobile. Again I know very little, if threejs is like any dom then I can make it responsive myself.
4. Cool factor is crucial, but keep it minimal. I want clients to say, "oh wow, that's neat" and not say "well that's really distracting"