지난주 도름불러오고 있어요.
교문부터 걸어 보는 3D 학교 안내 템플릿
신입생과 학부모는 학교에 처음 오는 날, 현관이 어디인지 교실이 몇 층인지부터 막막합니다. 설명회에서 배치도를 나눠 드려도 평면도만으로는 "내가 걸어갈 길"이 잘 그려지지 않는다고 생각했습니다. 그래서 교문에서 현관, 계단, 교실까지 직접 걸어 보게 만들었고, 입학 전에 학교를 한 번 걸어 본 느낌으로 첫날을 맞이할 수 있게 했습니다. 우리 학교에서만 쓰고 끝내기는 아깝다는 생각이 들었습니다. 항공사진·로드뷰·배치도·설계 도면만 있으면 다른 학교 선생님도 AI 코딩 도구(Claude Code, Codex)로 자기 학교 버전을 만들 수 있도록, 바꿀 파일과 AI에 붙여 넣을 요청문을 담은 안내서까지 묶어 오픈소스로 공개합니다.
🏫 학교 여행 — 교문부터 걸어 보는 3D 학교 안내 교문에서 출발해 현관, 계단, 1~5층 복도와 교실, 특별실, 급식실까지 직접 걸어 다니는 3D 웹사이트입니다. 신입생과 학부모가 입학 전에 학교를 미리 걸어 보도록 청학고 버전을 만들었고, 다른 학교 선생님이 자기 학교로 바꿔 쓸 수 있게 오픈소스 템플릿으로 공개합니다. 설치도 로그인도 필요 없이 링크 하나로 열립니다. 🔗 체험하기: https://ch-travel.vercel.app/ (휴대폰은 가로 화면으로 열어 주세요. 홈 화면에 추가하면 주소창 없이 전체 화면으로 열립니다.) 🚶 이렇게 걸어 보세요 교문 탐방 · 교문에서 출발해 학교로 걸어 들어갑니다. PC는 WASD·방향키·Space, 휴대폰은 왼쪽 아래 이동판을 씁니다. 빈 바닥을 누르면 그곳까지 걸어갑니다. 층별 안내도 · 가고 싶은 교실을 누르면 입구까지 길을 안내합니다. 신입생 코스·학부모 코스처럼 순서대로 둘러보는 추천 코스도 있습니다. 특별실 · 교실 문을 열고 들어가 의자에 앉고, 3D 프린터 보관함·현미경·게임기·운동기구·포토존을 눌러 볼 수 있습니다. 교장선생님께 다가가 인사하면 학교 소개를 들려줍니다. 🛠️ 우리 학교로 바꾸려면 저장소를 "Use this template"로 복사한 뒤, 안내서의 순서(학교 이름·주소 → 층별 배치 → 문·계단 → 운동장 → 교실·가구 → 3D 모형 → 캐릭터 → 시트 → 배포)대로 Claude Code나 Codex에 일을 시키면 됩니다. 단계마다 어느 파일을 고치는지, AI에 붙여 넣을 요청문이 적혀 있습니다. 준비물은 우리 학교의 항공사진, 로드뷰 캡처, 교실 배치도, 설계 도면(있으면)입니다. 교복 입은 우리 학교 학생·교직원 캐릭터를 Meshy AI와 Blender로 만드는 방법도 따로 안내서에 담았고, 방명록·교장선생님 인사말·공간 안내는 구글 시트 견본을 사본으로 만들어 연결합니다. 📦 코드·안내서(템플릿 저장소): https://github.com/dossamlab/school-travel 📄 구글 시트 견본(사본 만들기): https://docs.google.com/spreadsheets/d/1e1tEFGbaoJ7IfpkZejp4QVnJqZTCuUJjpEWcnYkBNfQ/copy 🔒 개인정보 회원가입이 없고 이름·학번·연락처를 받지 않습니다. 방명록을 쓰면 닉네임과 글만 구글 시트에 저장되고, 선생님이 승인한 글만 사이트에 공개됩니다. 학교 도면·사진 같은 원본 자료는 저장소에 올리지 않도록 안내서와 AI 작업 규칙(AGENTS.md)에 적어 두었습니다. 👨🏫 만든 사람 청학고 물리교사 도쌤이 만들었습니다. 문의·오류 제보는 dossamlab@gmail.com 으로 부탁드립니다. 써 보시다가 안내서가 헷갈린 곳, 막힌 곳은 저장소 이슈나 후기로 알려 주세요. ℹ️ 안내 학생·교직원 3D 캐릭터는 Meshy AI로 생성한 뒤 Blender로 다듬었습니다(CC BY 4.0). 코드는 MIT, 문서·모형·이미지는 CC BY 4.0이라 출처만 남기시면 학교 누리집이나 행사에서 자유롭게 쓰실 수 있습니다. 청학고 건물 모형은 설계 도면과 현장 영상을 보고 해석해 만든 것이라 실제와 다를 수 있고, 실제 휴대폰·태블릿에서의 속도는 아직 충분히 확인하지 못했습니다. 개인이 무료 서버로 운영하는 사이트라 접속이 한꺼번에 몰리면 잠시 느려질 수 있습니다.
아직 올라온 업데이트 소식이 없어요.
도름스 링크로 공유하면 출처와 이용 범위 안내가 함께 전해지므로 자유롭게 공유할 수 있습니다.
도름스 공식 카드뉴스로 앱을 소개할 때는 운영자가 지정한 카드뉴스 제작 교사가 도름스 내의 앱 설명과 사진을 AI 도구로 정리할 수 있으며, 앱 주소·접속 정보·설치 방법은 싣지 않습니다.
아직 활용 후기가 없어요.
댓글 1