Threejs animated background for a website
Budget: $30 – $250 USD
GOAL
To create a background effect for the hero section of RedMarble.ai's new website.
BRIEF
Using Three.js or similar library, create a spherical tetrohedron particle effect that can animate in the background of a hero section.
The particles should be the red brand colour or a scaled tonal variation of it.
The shape should be in the shape of the logo, spherical.
The particles will interact with the mouse in some way, creating engagement for the visitors. (Ie, the mouse position with disrupt the particles any push them away)
The particles with animate slowly without any interaction - This could be rotating the shape, or randomising the particle movement within the shape.
We should be able to turn the effect off completly on mobile viewports.
Conceptually, it should talk to data, organisation and chaos, AI.
See full brief here:
https://share-docs.clickup.com/2700649/d/h/2jdb9-29542/370f423c89800e3
To create a background effect for the hero section of RedMarble.ai's new website.
BRIEF
Using Three.js or similar library, create a spherical tetrohedron particle effect that can animate in the background of a hero section.
The particles should be the red brand colour or a scaled tonal variation of it.
The shape should be in the shape of the logo, spherical.
The particles will interact with the mouse in some way, creating engagement for the visitors. (Ie, the mouse position with disrupt the particles any push them away)
The particles with animate slowly without any interaction - This could be rotating the shape, or randomising the particle movement within the shape.
We should be able to turn the effect off completly on mobile viewports.
Conceptually, it should talk to data, organisation and chaos, AI.
See full brief here:
https://share-docs.clickup.com/2700649/d/h/2jdb9-29542/370f423c89800e3