You will get a complex particle morphing+blowing animation template (R3F/Three.js/WebGL)
Rising Talent
Rising Talent
Project details
This gig provides a ready-to-use source code boilerplate that allows you to:
• save the time and get a working solution in 1 day (!)
• understand how it works under the hood and experiment further
• migrate and integrate this fancy animation into your application
More details
• Each particle is an instance of the imported GLB mesh, which could be replaced.
• All morphing shapes are the imported GLB meshes, which are also replaceable.
• The GLB model of the particle instance is a low-poly model that uses the MeshBasicMaterial
• The scene is implemented by using the GPUComputationRenderer, InstancedMesh, and the custom shader material.
• Instances are positioned by WebGL calculations in custom shader material and move along the velocity vector
• Of course, the solution may not be perfect in either way. However, this starter kit will help you get started.
---
Welcome to private messages.
Best regards,
Yevhenii
• save the time and get a working solution in 1 day (!)
• understand how it works under the hood and experiment further
• migrate and integrate this fancy animation into your application
More details
• Each particle is an instance of the imported GLB mesh, which could be replaced.
• All morphing shapes are the imported GLB meshes, which are also replaceable.
• The GLB model of the particle instance is a low-poly model that uses the MeshBasicMaterial
• The scene is implemented by using the GPUComputationRenderer, InstancedMesh, and the custom shader material.
• Instances are positioned by WebGL calculations in custom shader material and move along the velocity vector
• Of course, the solution may not be perfect in either way. However, this starter kit will help you get started.
---
Welcome to private messages.
Best regards,
Yevhenii
Programming Languages
JavaScriptWhat's included $40
These options are included with the project scope.
$40
- Delivery Time 1 day
- Number of Revisions 0
- Source Code
Frequently asked questions
10 reviews
(10)
(0)
(0)
(0)
(0)
This project doesn't have any reviews.
PF
Project F.
May 31, 2025
Work on existing web app (React, MapLibre, Three.js)
One of the best developers on Upwork. His skills and patience are one of the highest I've seen. If you can afford him, work with him.
PF
Project F.
Jan 6, 2025
React Work on Existing Project -
Exceptional Frontend Developer to work with. He is not afraid to experiment and try many ways to find the best solution. Very flexible and willing to do what it takes.
HB
Hristijan B.
Oct 10, 2024
JS updates for a Webflow project
KF
Kyrylo F.
Apr 10, 2024
Webgl improvements, threejs/react-three-fiber
Yevhenii understands his business very well and quickly understood my task, it is easy to work with him. His knowledge of the English language is good for comfortable communication, and his work is of high quality. I look forward to working with Yevhenii in the future.
PF
Project F.
Jan 19, 2024
Add a volume effect to the world map for the ongoing project (Maplibre, Three.js)
Great developer. Eager to learn and a pleasure to work with. Would love to do more with him.
About Yevhenii
3D Web Developer | React & Three.js
100%
Job Success
Lviv, Ukraine - 1:32 pm local time
Develop commercial frontend React applications for 5 years.
Build interactive 3D web experiences using Three.js for 3 years.
Steps for completing your project
After purchasing the project, send requirements so Yevhenii can start the project.
Delivery time starts when Yevhenii receives requirements from you.
Yevhenii works on your project following the steps below.
Revisions may occur after the delivery date.
Request and Delivery
Just purchase the project, and I'll share the source code with you ASAP – within 24 hours.