3D 교실에서 수업 자료를 찾게 하려면 — 자료실 제작·접근성·수정 프롬프트 3개

10월 15, 2026

AI 제작 개념 썸네일 · 실제 프로그램 결과 화면이 아닙니다.

3D 방은 시선을 끌지만 자료를 찾기 어렵다면 수업에 도움이 되지 않습니다. 책상은 실습 안내, 책장은 읽을거리, 화면은 강의 영상으로 연결되는 작은 자료실을 만들어 보세요. 핵심은 방의 세밀함보다 학생이 필요한 자료를 정확히 찾는지입니다.

원자료에서 확인한 것

딩코의 AI 심야 아지트는 채널 이미지를 바탕으로 3D 방을 만들고 참고 화면을 추가해 움직임을 개선하는 과정을 공개했습니다. 원저자 가이드에는 초기 요청과 수정 요청 문장이 공개되어 있습니다. 이번에는 채널 홍보 페이지를 복제하지 않고 교사용 수업 자료실로 바꿉니다. 원영상 설명과 가이드 본문을 확인했으며 이 글의 교육용 페이지를 직접 구현한 것은 아닙니다.

이번 실습의 목표

처음부터 많은 3D 오브젝트를 요청하지 말고 세 개의 자료 카드와 링크를 먼저 완성합니다. 그 다음 방의 책상·책장·화면을 카드와 연결합니다. 3D가 로딩되지 않아도 같은 HTML 자료 목록은 남겨 두세요. 참고 사이트의 화면 효과를 본 것과 이미지·영상 파일의 재사용 권한을 받은 것은 다릅니다. 자료 URL도 공개 링크인지 수업 계정 전용인지 표시합니다.

기존 글은 디자인 레퍼런스로 화면을 개선하는 일반 절차였습니다. 이번 글의 결과물은 자료 세 개에 접근하는 교실 페이지이며, 모바일·키보드·동작 감소 환경에서 같은 자료에 도달하는지를 완료 기준으로 삼습니다. 관련 기존 글

예시 입력과 기대 출력

예시 입력은 자료 A “기어비 활동지”, 자료 B “수직항력 시뮬레이션”, 자료 C “강의 영상”의 세 행입니다. 각 행에 실제 URL·자료 유형·한 줄 설명·접근 조건을 넣습니다. 기대 출력은 첫 화면의 세 카드와 3D 장면의 세 연결 지점입니다. URL이 비어 있으면 “준비 중”으로 표시하고 클릭 가능한 가짜 링크를 만들지 않습니다. 검수에서는 자료별로 마우스, 키보드, 390px 좁은 화면에서 같은 목적지로 연결되는지 확인합니다.

따라 하는 순서

자료 제목·실제 URL·설명·권한을 표로 먼저 준비합니다.
3D 없이 HTML 카드 세 개와 정상 링크를 완성합니다.
책상·책장·화면과 자료를 연결하고 동작을 최소한으로 추가합니다.
좁은 화면·키보드·동작 감소·3D 실패 환경을 확인합니다.

복사해서 쓰는 한국어 응용 프롬프트

AI오토마타 자체 작성입니다. 중괄호 입력칸을 바꿔 사용하고, 실행하지 않은 결과는 기대값으로 구분하세요.

1. 자료가 먼저인 3D 교실

너는 교사용 웹 자료실 개발자다.
[바꿀 입력] 수업명={입력}, 학습자={입력}, 자료 표={제목/URL/설명/유형/접근 조건 3행}, 브랜드 색={입력}, 사용 허락된 이미지={입력 또는 없음}.
먼저 접근 가능한 HTML 자료 카드 3개를 만들고 실제 URL을 연결하라. URL 미입력은 준비 중으로 표시하고 이동시키지 마라. 자료 내용·권한을 추정하지 마라.
그 후 간결한 3D 교실을 추가한다. 책상·책장·화면을 각각 자료 카드에 대응시키되, 모든 자료는 3D 조작 없이도 목록에서 접근 가능해야 한다.
390px 화면에서는 자료 카드가 먼저 보이고 3D는 보조로 배치한다. 로딩 실패 시에도 제목·설명·링크는 남긴다. 외부 이미지·모델을 가져오면 저작자와 사용 조건을 기록하고 확인되지 않은 파일은 사용하지 마라.
미리보기 URL과 실제 구현 파일, 아직 확인 못 한 점을 보고하라.

2. 찾을 수 있는지 검수

[입력] 자료 표와 구현 페이지. 세 자료에 대해 실제 href가 입력표와 같은지 검사하라. 접근 권한 때문에 열지 못하면 링크 오류와 권한 미확인을 구분하라.
마우스, 키보드 Tab/Enter, 390px 화면에서 각각 목적 자료에 도달할 수 있는지 표로 기록한다. 초점 표시·읽을 수 있는 버튼 이름·제목 잘림·겹침을 검사한다.
prefers-reduced-motion 환경에서는 불필요한 회전·시차 효과를 끄고 자료 접근은 유지하라. WebGL/3D 로딩 실패 때도 HTML 목록이 남아야 한다.
실제 확인한 환경·화면 크기·성공 항목과 미실행 항목을 구분하라. 성능 측정을 하지 않았으면 빠르다고 단정하지 마라.

3. 자료실 최소 수정

[입력] 검수표와 사용자 피드백={예: 방이 커서 자료 목록이 안 보임}.
자료 제목·URL·설명은 유지하고 문제를 해결하는 배치만 수정하라. 좁은 화면에서 자료 목록을 위로 올리고 3D 영역 높이를 줄인다. 장식 때문에 링크를 작게 만들지 마라.
자료 세 개의 마우스·키보드·좁은 화면 검사를 다시 실행하고 전후 화면을 보여라. 실제 테스트하지 못하면 미실행으로 보고하라.
수정 내역, 남은 문제, 사용한 외부 파일의 출처·권한을 기록한다. 3D 화면이 보인다는 사실과 학생이 자료를 찾는다는 사실을 별도로 평가하라.

검증 범위와 이용 조건

가이드에서 원저자의 공개 요청 문장을 확인했지만 그대로 전재하지 않았습니다. 아래는 교육 자료실 목적에 맞춘 자체 한국어 응용 프롬프트입니다. 가이드·외부 에셋의 포괄적인 재배포 허락은 확인하지 않았으며 링크로 안내합니다. 원영상 자막은 이번 점검에서 수집하지 않았습니다. 도구별 모델명·메뉴·계정 조건은 달라질 수 있어 특정 모델을 필수 조건으로 지정하지 않습니다. 실제 자료실 구현과 사용성 테스트는 미실행입니다.

자료 확인일: 2026년 10월 15일.

AI 오토마타