melonjs-3d

개발게임 개발melonjs/melonJS

melonJS에서 원근 카메라, 메시, 2.5D 스프라이트, 조명, 그림자, 안개를 써서 3D 장면을 만드는 방법을 정리한 스킬입니다. 좌표계가 OpenGL과 반대인 점, 카메라 설정과 수명 문제, 투명도와 깊이 정렬, glTF 장면 불러오기 등을 다룹니다. 3D 코드를 쓰기 전에 어떤 방향이 위인지, 어떤 렌더러에서 동작하는지 확인하는 데 도움이 됩니다.

이럴 때 쓰세요 melonJS 게임에 원근 카메라와 3D 오브젝트를 넣으면서 좌표 방향이나 그림자, 안개 설정이 어긋나 고쳐야 할 때

melonJS 3D 장면원근 카메라 설정glTF 장면 렌더링그림자와 안개
GitHub에서 보기SKILL.md 원문

설치 전에 확인하세요

AI가 SKILL.md에서 스크립트·프로그램 실행 내용을 찾았습니다. 설치 전에 원문을 확인하세요.

GitHub 기록

저장소 스타
6.4천
저장소 업데이트
2026.11.02
라이선스
MIT
SKILL.md 경로
packages/melonjs/skills/melonjs-3d/SKILL.md
스크립트 파일
없음, 지침 문서만 있음

AI가 SKILL.md를 읽고 판단

코드 실행
있음
네트워크 접속
확인되지 않음
외부 계정
확인되지 않음
난이도
중급
직군
개발자

확인되지 않음은 AI가 SKILL.md에서 찾지 못했다는 뜻입니다. 없다는 보장은 아닙니다.

설치

터미널에 붙여 넣어 실행하세요. macOS와 Linux 기준이며 git이 필요합니다. Windows에서는 PowerShell이 아니라 Git Bash에서 실행하세요. 저장소를 임시로 내려받아 스킬 폴더만 복사합니다.

모든 프로젝트에서 쓰기

tmp=$(mktemp -d) && git clone --depth 1 https://github.com/melonjs/melonJS.git "$tmp"
mkdir -p "$HOME/.claude/skills"/melonjs-3d
cp -R "$tmp"/packages/melonjs/skills/melonjs-3d/. "$HOME/.claude/skills"/melonjs-3d/
rm -rf "$tmp"

현재 프로젝트에서만 쓰기

먼저 터미널에서 프로젝트 폴더로 이동하세요.

tmp=$(mktemp -d) && git clone --depth 1 https://github.com/melonjs/melonJS.git "$tmp"
mkdir -p .claude/skills/melonjs-3d
cp -R "$tmp"/packages/melonjs/skills/melonjs-3d/. .claude/skills/melonjs-3d/
rm -rf "$tmp"

설치한 뒤 Claude Code에서 새 세션을 시작하세요. '이럴 때 쓰세요'에 적힌 일을 요청하면 에이전트가 스킬을 불러옵니다. 스킬은 ~/.claude/skills/melonjs-3d에 있습니다. 프로젝트에 설치했다면 .claude/skills/melonjs-3d에 있습니다.

같은 분류의 스킬

  1. 개발

    rea-analysis-optimization

    개발 도구 morluto/rea

    REA 분석 도구와 공유 워크플로에서 불필요한 작업을 찾아 줄이는 최적화 절차를 안내합니다. 병목 원인을 측정하고 올바른 소유 지점에서 고친 뒤, 같은 작업을 완료했을 때 결과와 근거가 동일한지 확인하는 방법을 제시합니다. 측정이 필요 없는 단순 정리 작업과 CI 테스트 최적화는 다루지 않습니다.

    분석 도구의 응답이 느리거나 메모리를 많이 쓸 때 원인을 찾고 캐시나 조회 구조를 바꿔야 할 때

    코드 실행네트워크 업데이트 2026.11.04 42.7만
  2. 개발

    ask-matt

    개발 도구 mattpocock/skills

    지금 하려는 일을 설명하면 이 저장소의 어떤 스킬이나 작업 흐름이 맞는지 안내하는 라우터입니다. 아이디어를 구현까지 이어지는 기본 흐름과 버그 대응, 코드베이스 정리, 팀 간 전달 같은 갈래를 함께 보여 주어 다음에 호출할 스킬을 정하는 데 도움을 줍니다. 단계마다 대화 컨텍스트를 정리하거나 새 세션으로 넘기는 기준도 알려 줍니다.

    아이디어를 실제 코드로 만들려는데 어떤 스킬을 어떤 순서로 써야 할지 모를 때

    네트워크 업데이트 2026.11.01 31.1만
  3. 개발

    karpathy-guidelines

    코드 품질 multica-ai/andrej-karpathy-skills

    LLM이 코드를 짤 때 자주 하는 실수를 줄이도록 에이전트의 작업 방식을 정해 줍니다. 구현 전에 가정을 밝히고 해석이 갈리면 질문하며, 요청에 필요한 최소한의 코드만 쓰고 관련 없는 부분은 건드리지 않습니다. 또 작업마다 확인 가능한 성공 기준과 단계별 검증 계획을 세워 그 기준을 통과할 때까지 진행하도록 돕습니다.

    코드를 새로 쓰거나 리뷰, 리팩터링할 때 과한 구현과 엉뚱한 수정을 피하고 싶을 때

    코드 실행 업데이트 2026.04.20 22.9만
  4. 개발

    diagnosing-superpowers

    디버깅 obra/superpowers

    superpowers 세션이 기대와 다르게 흘러간 이유를 찾을 때, 대화 기록을 읽고 반복 작업, 계획 이탈, 비용과 시간, 결과 품질 등을 근거와 함께 정리해 줍니다. 필요하면 superpowers 관리자에게 보낼 버그 리포트 묶음과 GitHub 이슈 초안도 만들 수 있으며, 결함의 원인을 진단하거나 수정안을 제시하지는 않습니다.

    superpowers 세션에서 같은 작업이 반복되거나 계획이 무시되어 원인을 알고 싶을 때

    코드 실행네트워크 업데이트 2026.11.03 31.2만