Create a 3D anatomy website where the human body can be taken apart and viewed part by part

Development / Web

Request

English translation

I want an interactive 3D anatomy website for studying the human body. A website that opens directly in a browser, with a 3D model of a person in the center that can be rotated and zoomed with the mouse. A button should separate the body into bones, muscles, organs and blood vessels, and pressing it again should bring the pieces back together with smooth animation. On the left, list the systems (skeleton, muscles, heart, sensory organs, arteries, veins, nervous system and respiratory system) so each can be switched on or off. Clicking a piece should show its name and a short description. Searching for a body part should find and highlight it. The model should contain at least hundreds of individually named anatomical parts, not a few undifferentiated masses. Use a light background and a clean, refined medical-textbook style. On-screen text should be in English. Deliver one website folder that opens directly through index.html and one approximately 30-second screen recording showing separation, selecting a part and reassembly.

Show original text

몸 구조 공부할 때 쓸 인터랙티브 3D 인체 해부 웹사이트를 만들고 싶어. 브라우저에서 바로 열리는 웹사이트 하나. 가운데 사람 몸 3D 모델이 있고 마우스로 돌리고 확대할 수 있어야 해. 버튼을 누르면 몸이 부위별로 분해돼서 뼈, 근육, 장기, 혈관 조각이 퍼지고, 다시 누르면 제자리로 모여야 해. 부드러운 애니메이션으로. 왼쪽에 계통 목록(뼈대, 근육, 심장, 감각기관, 동맥, 정맥, 신경계, 호흡기)이 있고 하나씩 켜고 끌 수 있게. 조각을 클릭하면 이름이랑 짧은 설명 카드가 뜨고, 검색창에 부위 이름을 치면 그 부위를 찾아서 강조해줘. 조각은 뭉뚱그린 덩어리 말고 실제 해부학 이름이 붙은 조각으로, 최소 수백 개. 디자인은 밝은 배경에 의학 교과서처럼 깔끔하고 고급스럽게. 화면 글자는 영어로. 결과물은 index.html로 바로 열리는 웹사이트 폴더 하나, 그리고 분해 → 부위 클릭 → 다시 조립까지 보여주는 30초 안팎 화면 녹화 영상 하나.

Provided assets

0

No input materials are provided. Complete the task from the original brief.

Fixed: what stays the same

  • A website folder that opens directly through index.html and an approximately 30-second screen recording
  • On-screen text in English

Variable: up to the maker

  • The source of the 3D model and how it is made
  • The separation animation and screen layout

Evaluation criteria

  • Does one button smoothly separate and reassemble the body?
  • Are there at least hundreds of individually named anatomical parts?
  • Do system toggles, click-to-open description cards and body-part search all work?
  • Does the design look like a clean, bright medical textbook?

Brief

English translation
brief.md
Goal: An interactive 3D anatomy website for studying the body by separating and reassembling its parts.

Required features
- A 3D human model in the center, rotatable and zoomable with the mouse.
- A separation button: bones, muscles, organs and blood vessels move outward; pressing it again returns them to their positions, with smooth animation.
- A list of systems on the left (skeleton, muscles, heart, sensory organs, arteries, veins, nervous system and respiratory system), each independently switchable.
- Clicking a part opens a card with its name and a short description.
- Searching for a body part finds and highlights it.
- At least hundreds of individually named anatomical parts, not undifferentiated masses.

Design: A light background with the clean, refined appearance of a medical textbook. On-screen text in English.

Deliverables
1. One website folder that opens directly through index.html.
2. One approximately 30-second screen recording showing separation → selecting a part → reassembly.

No one has submitted an output for this task yet.

More tasks in this category