Skip to content

This repo hold a basic boilerplate for using ThreeJS along with particles shaders. Basically it turns any 3d model into particles.

Notifications You must be signed in to change notification settings

karostudio/threejs-particle-shader

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Karo Studio Creative Agency

Karo Studio is a digital agency with solid design and development expertise.We build mobile and web applications. Visit us at karo.studio or drop us a line

Instagram

ThreeJS Particle Shader

Usage

In src/DNA.js file replace path with your own 3d model url. After that uncomment the console.log in the setLoaders function and load the project in the browser. Open your console and see the expand the logged 3d object. In children property try to find the mesh ( you may have to go recursively to find it ). After you've found it change this line this.geometry = gltf.scene.children[2].geometry; to your 3d model mesh location in the hierarchy, Like this: this.geometry = gltf.scene.children[2].children[0].children[1].geometry;.

Installation

After cloning this repository, run the following commands: npm install npm run dev

Now browse to http://localhost:3000 and you should see the K 3D model rotating.

Author

Arta

About

This repo hold a basic boilerplate for using ThreeJS along with particles shaders. Basically it turns any 3d model into particles.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published