Communitygithub.com

Gohans Three.js 스택 (3D 영상 제작 기술 레퍼런스)

Three.js와 3D 영상 제작에 필요한 64개의 전투 검증된 라이브러리 저장소와 Before/After 참조 가이드를 제공합니다. Three.js 씬, 3D 설명/다큐멘터리 영상, WebCodecs MP4 내보내기, 카메라 수학, glTF 최적화, 후처리, 앰비언트 오클루전, 립싱크, 3D 캐릭터, 오디오 음량 정규화, 2.5D 패럴랙스, 지리공간 지도, 물리 파괴, 마인크래프트 3D 영화 등 이와 관련된 기획, 구축, 렌더링, 검토, 디버깅, 자문 작업 시 이 스킬을 사용하세요.

Gohans Three.js 스택 (3D 영상 제작 기술 레퍼런스)란 무엇인가요?

이 스킬은 Three.js 및 3D 비디오 제작 전반을 다루는 종합적인 기술 레퍼런스입니다. 64개의 엄선된 GitHub 저장소를 카테고리별로 정리하여 제공하며, 각 라이브러리의 사용 사례, 올바른 사용법, `draw(t)` 타이밍 관련 주의사항, Before/After 비교를 포함한 상세한 참조 문서(`references/gohans-threejs-stack.md`)를 함께 제공합니다. 프로젝트에서 해당 라이브러리로 대체 가능한 자체 제작 코드가 발견될 경우 강력한 경고를 발생시킵니다. pnpm, React Three Fiber, TypeScript 기반의 현대적인 스택을 권장하며, glTF 최적화(meshoptimizer, glTF-Transform), 후처리(postprocessing, n8ao), 오디오 처리(whisperX, pyloudnorm, ffmpeg-normalize), 3D 지도(three-geospatial, MapLibre), 물리 시뮬레이션(Rapier), 마인크래프트 렌더링(MineRender, BlockBench) 등 실무에 바로 적용 가능한 best-practice 도구들을 포함합니다. 새로운 기술 주제(Depth Anything V2, three.quarks 등)에 대한 폭넓은 탐색도 지원하여, 항상 최신/최적의 도구를 선택하도록 돕습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Gohans1/gohans-skills/tree/HEAD/gohans-3js-videos-skills

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

Gohans Three.js Stack (research best practice nếu cần)

  • Nếu trong project phát hiện bất kì custom code tự chế nào mà không sử dụng thư viện tương ứng -> WARNING BÁO CÁO CỰC MẠNH
  • trước/trong/sau khi triển khai/tư vấn/làm việc/etc... Với chủ đề/lĩnh vực/task/yêu cầu/thông tin/etc... Cụ thể nào đó liên quan đến 3js -> ưu tiên tìm hiểu/triển khai/áp dụng/tư vấn/etc... những repo dưới đây (research latest/best-practice là cần thiết đề phòng quên/outdate) (không có thì hãy research xem có thư viện nào giải quyết được chưa, nếu không có thì có thể tự custom code nhưng phải báo cáo dev)
  • Hãy biết thông minh lựa chọn công cụ/vũ khí để phối hợp sử dụng hài hoà một cách hiệu quả/best practice/trùm cuối nhất, KHÔNG mù quáng áp dụng
  • Reference chi tiết (Use case, cách sử dụng chuẩn, lưu ý khi tua draw(t), và so sánh Before/After cho toàn bộ 64 repo): references/gohans-threejs-stack.md

Thực chiến Mọi video all time

https://github.com/Vanilagy/mediabunny (https://mediabunny.dev/llms.txt; mediabunny.d.ts) https://github.com/pmndrs/math (math skill) https://github.com/donmccurdy/glTF-Transform https://github.com/zeux/meshoptimizer https://github.com/KhronosGroup/glTF-Validator https://github.com/m-bain/whisperX https://github.com/pmndrs/postprocessing https://github.com/N8python/n8ao https://github.com/csteinmetz1/pyloudnorm https://github.com/slhck/ffmpeg-normalize https://github.com/Netflix/vmaf https://github.com/mapbox/pixelmatch https://github.com/gkjohnson/three-mesh-bvh https://github.com/Evercoder/culori https://github.com/ashima/webgl-noise https://github.com/protectwise/troika https://github.com/lovell/sharp https://github.com/yt-dlp/yt-dlp https://github.com/Breakthrough/PySceneDetect

3d models & Characters

https://github.com/DanielSWolf/rhubarb-lip-sync https://github.com/microsoft/Microsoft-Rocketbox

Chủ đề tương lai rất có thể thích

https://github.com/sparkjsdev/spark https://github.com/Alchemist0823/three.quarks https://github.com/DepthAnything/Depth-Anything-V2 https://github.com/danielgatis/rembg https://github.com/advimman/lama https://github.com/vasturiano/three-forcegraph https://github.com/vasturiano/three-globe https://github.com/NASA-AMMOS/3DTilesRendererJS https://github.com/maplibre/maplibre-gl-js https://github.com/protomaps/PMTiles https://github.com/Turfjs/turf https://github.com/mapbox/supercluster https://github.com/d3/d3 https://github.com/greensock/GSAP https://github.com/takram-design-engineering/three-geospatial https://github.com/dimforge/rapier/tree/master/typescript https://github.com/dgreenheck/three-pinata https://github.com/FarazzShaikh/THREE-CustomShaderMaterial https://github.com/pmndrs/drei-vanilla https://github.com/instruktlabs/kiln https://github.com/nv-tlabs/kimodo

Specific

Minecraft

https://github.com/ewanhowell5195/block-model-renderer https://github.com/InventivetalentDev/MineRender (https://beta-docs.minerender.org) https://github.com/Moo-Ack-Productions/MCprep https://github.com/JannisX11/wintersky https://github.com/misode/deepslate https://github.com/Schem-at/Nucleation https://github.com/erich666/Mineways https://github.com/Mojang/bedrock-samples https://github.com/JannisX11/blockbench https://github.com/jasonjgardner/blockbench-mcp-plugin

Hiếm khi

https://github.com/nomadkaraoke/python-audio-separator https://github.com/mikedh/trimesh https://github.com/f3d-app/f3d https://github.com/elalish/manifold https://github.com/dgreenheck/ez-tree https://github.com/gkjohnson/three-edge-projection https://github.com/opentypejs/opentype.js https://github.com/rough-stuff/rough https://github.com/cosinekitty/astronomy https://github.com/shashwatak/satellite-js https://github.com/KhronosGroup/KTX-Software https://github.com/agargaro/instanced-mesh

관련 스킬