achrefelouafi/LinearAbiltyCastingThreeJS

어떤 프로젝트인가요?

핵심 기능

• 01직선 시전과 원거리 시전 조준 모드를 지원하는 능력 6가지.
• 02스프라이트 텍스처 없이 절차적 지오메트리와 부호 있는 거리 함수 셰이더로 구현.
• 03시뮬레이션을 일시 정지해도 계속 조정할 수 있는 실시간 매개변수 슬라이더 938개.
• 04내장 에디터에서 프리셋 저장, JSON 내보내기 및 가져오기 지원.
• 05풀링과 링 버퍼 슬롯 재사용을 지원하는 GPU 파티클 시스템.
• 06뎁스 프리패스, 블룸, ACES 톤 매핑, 색상 그레이딩을 포함한 렌더링 파이프라인.

활용 사례

• Three.js로 게임의 스킬샷이나 광역 효과를 프로토타이핑.
• SDF 화살표, 번개 리본, 볼류메트릭 빔 같은 GLSL 기법 학습.
• 코드에 값을 반영하기 전에 파티클과 조명 효과를 인터랙티브하게 튜닝.
• 단일 공유 설정 객체를 중심으로 실시간 VFX 프로젝트를 구성하는 방법 학습.

빠른 시작

1. 1

   종속 항목을 설치합니다

   npm install
2. 2

   개발 서버를 시작합니다

   npm run dev
3. 3

   Vite가 출력하는 URL을 엽니다(기본값: http://127.0.0.1:5173)

토픽

자주 묻는 질문

LinearAbiltyCastingThreeJS은(는) 무엇인가요?

시뮬레이션을 일시 정지해도 조정할 수 있는 실시간 슬라이더로 게임 스타일 스킬샷 이펙트를 튜닝하는 Three.js 및 GLSL 샌드박스입니다. Elemental Sandbox는 Three.js, Vite와 직접 작성한 GLSL로 만든 브라우저 기반 VFX 샌드박스입니다. League of Legends 스타일의 능력 6가지를 보여 줍니다. 이 중 4가지는 지면의 화살표로 조준하는 직선 시전이고, 나머지 2가지는 타겟팅 원으로 조준하는 원거리 시전입니다. 각 능력은 캐릭터 모델과 색상 맵을 제외하면 텍스처나 스프라이트 시트 없이 절차적 지오메트리, 부호 있는 거리 함수 셰이더, GPU 파티클로 구현됩니다.

LinearAbiltyCastingThreeJS은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

LinearAbiltyCastingThreeJS은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

LinearAbiltyCastingThreeJS은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. LinearAbiltyCastingThreeJS의 마지막 커밋은 2026년 9월 23일입니다.

LinearAbiltyCastingThreeJS은(는) 어디에 사용할 수 있나요?

Three.js로 게임의 스킬샷이나 광역 효과를 프로토타이핑. SDF 화살표, 번개 리본, 볼류메트릭 빔 같은 GLSL 기법 학습. 코드에 값을 반영하기 전에 파티클과 조명 효과를 인터랙티브하게 튜닝. 단일 공유 설정 객체를 중심으로 실시간 VFX 프로젝트를 구성하는 방법 학습.

LinearAbiltyCastingThreeJS는 어떻게 설치하나요?

종속 항목을 설치합니다: npm install 개발 서버를 시작합니다: npm run dev Vite가 출력하는 URL을 엽니다(기본값: http://127.0.0.1:5173)

LinearAbiltyCastingThreeJS은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/achrefelouafi/LinearAbiltyCastingThreeJS