Three.js Prototype Development

Overview

We are looking for an experienced Three.js developer to build a proof-of-concept (POC) prototype. The goal is to demonstrate a visual effect where 3D Model A is rendered as a particle cloud, and on scroll interaction, those particles transition and reassemble into 3D Model B.


Objectives

- Load two provided 3D models (likely STL/OBJ).

- Convert Model A into a particle cloud representation (basic geometric shapes OR a cloud of obj models).

- On user scroll, animate the particles transitioning to form Model B.

- Ensure the effect is smooth, performant, and visually impressive.

- The code should be clean, modular, and easy for our internal dev team to build on.


Example of what we have in mind:
https://dala.craftedbygc.com/
https://discourse.threejs.org/t/animate-particles/56095

Key Requirements

- Strong experience with Three.js, especially points/particles, shaders, and custom animations.

- Ability to handle converting 3D geometry into particle positions.

- Implement scroll interaction (e.g., via GSAP ScrollTrigger, locomotive scroll, or vanilla).

- Handle transitions between two distinct sets of particle coordinates.

- Provide fallback or graceful degradation if performance is limited.

- Must run smoothly on modern desktop browsers (Chrome/Safari/Firefox). Mobile optimisation is nice-to-have, not required for this POC.


Deliverables

- A standalone web prototype (ideally in React but you can use a framework of your choice)

- Working particle-to-particle transformation between two models.

- Basic styling and camera controls suitable for demonstration.


We will provide

- 3D models

- Any brand visuals if needed for presentation




Timeline

We’d like the prototype within 1–2 weeks from project start.