사용 가이드로 건너뛰기
Three.js Geometry작성자 CloudAI-X

Three.js Geometry 스킬.

표면 스타일링이나 애니메이션을 추가하기 전에 먼저 형태 표현 방식을 선택하세요.

  • 3D
  • Three.js
소스 검토 · Three.js GeometrySKILL.md
작업 3D 산출물 • 프리미티브, 압출(extrude) 또는 커스텀 지오메트리 • 확인된 position, normal, index, UV 속성 • 반복 형태를 위한 인스턴싱 또는 병합 계획 시작하기 전에 작동하는 Three.js 프로젝트와 렌더러가 필요합니다. 소스의 예제는 설치된 릴리스 기준으로 확인하세요. 추가 컨트롤과 로더는 선택한 방식에 따라 달라집니다.
편집 요약 · 소스 검토일 2026-10-07 · 생성된 예시가 아님

01 기능 소개

Three.js Geometry: 메시와 반복 형태 만들기

형태 생성자, 커스텀 BufferGeometry 속성, 인스턴싱, 지오메트리 유틸리티, 리소스 해제(dispose)를 다룹니다.

소스 기반 워크플로실행 벤치마크가 아님

작업 방식

Three.js Geometry는 프리미티브, 경로 기반 형태, 커스텀 버텍스 버퍼, 포인트, 라인, 반복 메시를 다룹니다. 초점은 구조에 있습니다. 즉 position과 index, 표면 노멀, 텍스처 좌표, 그리고 지오메트리 디테일과 렌더링 작업량의 관계입니다.

소스는 박스와 구에서 시작해 압출, 튜브, 텍스트, InstancedMesh로 이어집니다. 커스텀 형태를 제작할 때와 비용이 큰 반복을 진단할 때 모두 관련이 있습니다. 결과 메시는 여전히 직접 검사해야 하며, 예제가 프로덕션 수준 에셋임을 보증하지는 않습니다.

예상 산출물

  • 프리미티브, 압출 또는 커스텀 지오메트리
  • 확인된 position, normal, index, UV 속성
  • 반복 형태를 위한 인스턴싱 또는 병합 계획
예시 브리프 보기

브리프에서 검토까지

  1. 01
    표현 방식 선택

    프리미티브나 경로 기반 형태로 표현할 수 있다면 그것을 사용하고, 더 세밀한 제어가 필요할 때만 커스텀 버퍼를 쓰세요.

  2. 02
    메시 검사

    머티리얼을 평가하기 전에 치수, 삼각형 방향, 노멀, 바운드를 확인하세요.

  3. 03
    반복 비용 줄이기

    적절한 인스턴싱이나 호환되는 정적 병합을 사용하고, 쓰지 않는 지오메트리는 해제하세요.

02 활용 상황

사용 시점

작동하는 Three.js 프로젝트와 렌더러가 필요합니다. 소스의 예제는 설치된 릴리스 기준으로 확인하세요. 추가 컨트롤과 로더는 선택한 방식에 따라 달라집니다.

잘 맞는 경우

  • 커스텀 형태압출 프로파일, 선반(lathe) 형태, 튜브, 직접 작성한 버텍스에 유용합니다.
  • 반복 오브젝트지오메트리를 공유하면서 변환이나 색상만 다른 복사본에 인스턴싱이 적합합니다.

확인할 한계

  • 스컬핑 도구가 아님이 스킬은 대화형 모델링 패키지가 아니라 코드 패턴을 제공합니다.
  • 디테일에는 비용이 듭니다세그먼트를 늘리면 실루엣은 좋아질 수 있지만 렌더링 작업량도 늘어납니다.

준비할 입력

  • 형태 정의치수, 프로파일 포인트 또는 형태 참고 자료를 제공하세요.
  • 표면 요구사항조명과 텍스처 요구사항을 정리하세요.
  • 반복지오메트리를 공유하는 오브젝트 수와 달라지는 요소를 명시하세요.

03 핵심 결정

중요한 결정

  1. 외형보다 토폴로지 먼저

    잘못된 속성은 머티리얼 결함처럼 보일 수 있으므로 먼저 메시 데이터를 검사하세요.

  2. 중복 없는 복사

    인스턴싱은 동일한 형태가 많을 때 쓰는 별도의 표현 방식입니다.

04 예시 브리프

집중된 브리프로 시도하기

아래 예시 브리프는 테스트되지 않았습니다. 사용하기 전에 스킬의 설정을 확인하세요.

설정 검토

관련 threejs-skills 디렉터리를 에이전트 안내 자료로 사용하세요. Three.js 런타임이 아니며 장면 에셋을 설치하지 않습니다.

업스트림 소스 파일
https://github.com/CloudAI-X/threejs-skills/blob/b1c623076c661fc9b03dac19292e825a5d106823/skills/threejs-geometry/SKILL.md

작동하는 Three.js 프로젝트와 렌더러가 필요합니다. 소스의 예제는 설치된 릴리스 기준으로 확인하세요. 추가 컨트롤과 로더는 선택한 방식에 따라 달라집니다.

하나의 산출물로 시작

스킬을 실행하기 전에 이 브리프의 범위, 소스 자료, 제약 조건을 상황에 맞게 조정하세요.

예시 브리프
threejs-geometry를 사용해 이 프로파일로 디스플레이 스탠드를 만드세요. 압출 또는 선반 지오메트리 중 하나를 선택하고, 노멀과 바운드를 검사하며, 스탠드가 같은 메시를 공유하면 인스턴싱을 사용하세요. 어떤 파라미터 변경 시 지오메트리를 다시 만들어야 하는지 설명하세요.

결과 검사

실제 출력을 다음의 관찰 가능한 기준과 비교해 확인하세요.

  • 실루엣이 입력 프로파일을 따릅니다.
  • 편집 후에도 노멀과 바운드가 일관됩니다.
  • 반복 오브젝트가 타당한 표현 방식을 사용합니다.

OpenDesign은 코딩 에이전트를 위한 로컬 디자인 작업 공간을 제공합니다. 이 목록이 해당 스킬이 번들로 포함되어 있다거나, 외부 도구, 자격 증명, 소프트웨어 의존성이 포함되어 있다는 뜻은 아닙니다.

05 출처 및 라이선스

소스 및 라이선스

이 페이지는 아래에 링크된 고정된 소스 리비전을 설명합니다. 업스트림의 동작과 요구사항은 바뀔 수 있습니다.

소스 소유자
CloudAI-X
라이선스
확인되지 않음 — 재사용 전에 업스트림 약관을 검토하세요.
검토한 스냅샷
2026-10-07 · b1c623076c66
편집 소스 요약
형태 생성자, 커스텀 BufferGeometry 속성, 인스턴싱, 지오메트리 유틸리티, 리소스 해제(dispose)를 다룹니다.

링크된 소스를 바탕으로 OpenDesign이 작성한 원본 요약입니다. 저장소 스타 수는 특정 시점의 인기 지표일 뿐 스킬 사용량이나 품질 점수가 아닙니다.

06 시작 전 질문

시작 전 질문

3D 텍스트도 다루나요?

네. TextGeometry 예제에는 서체 로딩, 베벨 설정, 중앙 정렬이 포함됩니다.

인스턴싱은 언제 적절한가요?

복사본이 지오메트리를 공유하고 인스턴스별 변환이나 색상으로만 차이가 날 때입니다.

버텍스를 편집한 후 바운드를 갱신해야 하는 이유는?

공간 정보가 메시의 변경된 위치와 일관되게 유지되어야 하기 때문입니다.

OpenDesign

다음 디자인 반복을 위한 공간을 마련하세요.

브리프, 소스 자료, 디자인 작업을 로컬 작업 공간에 함께 보관하세요. 워크플로에 추가하기 전에 스킬 자체의 설정을 확인하세요.

업스트림 소스 파일
https://github.com/CloudAI-X/threejs-skills/blob/b1c623076c661fc9b03dac19292e825a5d106823/skills/threejs-geometry/SKILL.md