GitHub 사용자 이름만으로 GitHub와 동기화되는 개발자 포트폴리오 사이트를 만드는 TypeScript 템플릿으로, GitHub Pages에 배포할 수 있습니다.
terryHu7/homecraft
Three.js로 만든 Minecraft 스타일의 복셀 3D 개인 웹사이트 템플릿으로, 방문자는 가상 세계를 걸어 다니며 사이트를 둘러볼 수 있습니다.
- 스타
- 150
- 포크
- 49
- 열린 이슈
- 1
- 마지막 커밋
- 그저께
어떤 프로젝트인가요?
Homecraft는 Minecraft에서 영감을 얻은 탐색 가능한 3D 복셀 세계를 개인 홈페이지로 만들 수 있는 템플릿입니다. 일반적인 스크롤 페이지 대신 방문자는 농구장, 체육관, 작업대, 수영장 같은 건물과 공간으로 이루어진 블록형 환경을 돌아다닙니다. 기존 2D 웹 페이지를 세계 안에 삽입해 그 자리에서 열 수도 있습니다.
프로젝트에는 AI 지원 편집을 위한 프롬프트와 제약 조건이 포함된 스타터 템플릿이 있어, 저장소를 fork한 뒤 vibe coding으로 세계를 맞춤 설정할 수 있습니다. 포함된 스크립트 tools/serve.py는 임의의 포트에서 로컬 서버를 시작하고 브라우저를 엽니다. 전체 예제 사이트는 examples/terry-home에 있습니다. 장면에는 낮과 밤의 순환, 눈과 같은 날씨 효과가 포함되어 있으며, 블록형 스타일 덕분에 모바일 브라우저에서도 렌더링 부담이 적습니다.
프로젝트는 JavaScript와 Three.js 기반 WebGL로 제작되었으며 MIT 라이선스로 배포됩니다.
핵심 기능
- 01Three.js와 WebGL로 렌더링되는, 걸어 다닐 수 있는 Minecraft 스타일 복셀 세계.
- 02기존 2D 웹 페이지를 3D 장면 안에 삽입.
- 03vibe coding에 활용할 AI 프롬프트와 제약 조건이 포함된 스타터 템플릿.
- 04낮과 밤의 순환 및 눈과 같은 날씨 효과.
- 05가벼운 블록형 렌더링으로 모바일 브라우저에서도 실행.
- 06로컬 실행 스크립트가 임의의 포트에서 사이트를 열어 줌.
활용 사례
- 방문자가 게임 세계를 탐험하듯 둘러볼 수 있는 인터랙티브 포트폴리오 제작.
- 친구 집에 놀러 온 듯한 느낌의 개인 홈페이지 제작.
- 작동하는 예제 사이트를 통해 Three.js 장면 제작 방법 학습.
- 공유 3D 포털 공간에서 친구들의 개인 사이트 연결.
빠른 시작
- 1
저장소를 포크하고 프로젝트 디렉터리로 이동합니다
- 2
로컬 서버를 시작하고 브라우저를 엽니다
python3 tools/serve.py
사용 전 알아둘 점
- README에는 패키지 관리자 설치 방법이 설명되어 있지 않으며, 저장소를 포크하고 Python 스크립트를 실행해야 합니다.
토픽
자주 묻는 질문
- homecraft은(는) 무엇인가요?
- Three.js로 만든 Minecraft 스타일의 복셀 3D 개인 웹사이트 템플릿으로, 방문자는 가상 세계를 걸어 다니며 사이트를 둘러볼 수 있습니다. Homecraft는 Minecraft에서 영감을 얻은 탐색 가능한 3D 복셀 세계를 개인 홈페이지로 만들 수 있는 템플릿입니다. 일반적인 스크롤 페이지 대신 방문자는 농구장, 체육관, 작업대, 수영장 같은 건물과 공간으로 이루어진 블록형 환경을 돌아다닙니다. 기존 2D 웹 페이지를 세계 안에 삽입해 그 자리에서 열 수도 있습니다.
- homecraft은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- homecraft은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- homecraft은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. homecraft의 마지막 커밋은 2026년 11월 4일입니다.
- homecraft은(는) 어디에 사용할 수 있나요?
- 방문자가 게임 세계를 탐험하듯 둘러볼 수 있는 인터랙티브 포트폴리오 제작. 친구 집에 놀러 온 듯한 느낌의 개인 홈페이지 제작. 작동하는 예제 사이트를 통해 Three.js 장면 제작 방법 학습. 공유 3D 포털 공간에서 친구들의 개인 사이트 연결.
- homecraft는 어떻게 설치하나요?
- 저장소를 포크하고 프로젝트 디렉터리로 이동합니다 로컬 서버를 시작하고 브라우저를 엽니다: python3 tools/serve.py
- homecraft은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/terryHu7/homecraft
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
Three.js 기반의 브라우저용 인터랙티브 3D/WebGL 및 2D 데이터 시각화 JavaScript 툴킷이자 프레임워크입니다.