three-gpu-particle-system

(★ 56)

GPU based particle system for three.js. Heavily based on tdl library (https://github.com/greggman/tdl)

파일 탐색기

- three-tdl-particle-system.js
- three-tdl-particle-system.min.js
- three-tdl-particle-system.module.js
- - index.html
  - package-lock.json
  - package.json
  - rollup.config.js
  - screenshot.jpg
- - index.html
  - package-lock.json
  - package.json
- - constants.js
  - emitter.js
  - one-shot.js
  - particle-spec.js
  - particle-system.js
  - trail.js
- - particles-billboard-instanced_vs.glsl
  - particles-billboard_vs.glsl
  - particles-oriented-instanced_vs.glsl
  - particles-oriented_vs.glsl
  - particles_fs.glsl
- main.js
.gitignore
package-lock.json
package.json
README.md
rollup.config.js

1. 코드 내려받기

git clone https://github.com/fazeaction/three-gpu-particle-system

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd three-gpu-particle-system

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

쉬움 추천

사전 준비물

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm start

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.