그래픽 샘플 1

폭포숲 산책

브라우저 안의 작은 숲. 캐릭터를 움직여 섬과 절벽 위를 직접 걸어보세요.

샘플 1 실행 모든 샘플 보기
베레모를 쓴 캐릭터가 징검돌 옆 풀밭에 서 있고, 뒤로 강 위의 섬과 폭포가 보이는 장면

그래픽 샘플

모두 Three.js 코드만으로 만든 3D 장면입니다. 버튼을 누르면 바로 실행됩니다.

폭포숲 산책 미리보기샘플 1

폭포숲 산책

계단식 절벽, 폭포 두 줄기, 강 위의 섬. 직접 걸어다니는 3인칭 탐험 장면.

캐릭터 이동충돌 처리모바일 조이스틱
샘플 1
노을 마을 미리보기샘플 2

노을 마을

오두막 네 채와 큰 나무 광장, 전구 줄조명. 개울의 나무다리를 건너 마을을 산책합니다.

캐릭터 이동조명 효과모바일 조이스틱
샘플 2
숲속 책방 미리보기샘플 3

숲속 책방

책장과 잡지 진열대, 카페 테이블이 놓인 풀밭 위 책방. 펼쳐진 책과 도서함 메모를 직접 읽을 수 있어요.

캐릭터 이동책 읽기바람에 흔들리는 잎
샘플 3
소나무 정원 섬 미리보기샘플 4

소나무 정원 섬

폭포 섬들에 둘러싸인 일본식 정원. 나무다리에서 징검돌을 따라 기와집과 윗단 정원까지 걸어갑니다.

캐릭터 이동분재 소나무폭포 7줄기
샘플 4
분수 광장 정원 미리보기샘플 5

분수 광장 정원

분수와 주황 지붕 집이 있는 정사각형 정원 디오라마. 땅을 클릭하면 장애물을 돌아 그곳까지 걸어갑니다.

아이소메트릭 시점클릭 이동·길찾기시점 90° 회전
샘플 5
바람의 숲 미리보기샘플 6

바람의 숲

폭포숲을 셀 셰이딩 오픈필드 그래픽으로 다시 그렸습니다. 바람이 지나갈 때마다 풀밭이 물결치고 빛이 번집니다.

셀 셰이딩풀밭 바람블룸·대기 원근
샘플 6
  • 설치 0개링크만 열면 브라우저에서 바로 실행
  • Three.jsr128 · MIT 라이선스 · 모델 파일 없이 코드로 생성
  • PC · 폰키보드와 마우스, 터치 조이스틱 모두 지원