Cell Structure Workshop
Switch between plant cell, animal cell, neuron and DNA models, rotate and zoom freely, and read synced explanations. Copy the prompt to build it.
Loading preview...
2507 views
Start with this prompt
Generate an interactive 3D biology courseware page with five cell and DNA models
Generate an interactive 3D biology courseware web page about cell structures, with a light background and a textbook illustration style. At the top left of the page, show the title "Cell Structure Workshop" with a one-line subtitle, "Explore the beauty of life under the microscope". The page uses a three-column layout: on the left, a vertical list of five entries reading exactly "plant cell", "animal cell", "white blood cell", "neuron" and "DNA double helix", each with a small color swatch. "Animal cell" is selected by default: in the center, build with code a 3D animal cell cut open as a hemisphere — inside a semi-transparent cell membrane sit a purple spherical nucleus, orange ellipsoid mitochondria (with ridge-like folds on the surface), a pink layered endoplasmic reticulum and small green spherical ribosomes, all in classic textbook colors. Clicking any entry on the left switches the central model to the corresponding structure, rotating slowly; drag with the mouse to rotate and scroll to zoom. The right info panel shows the current structure's Chinese name, a one-line classification label (e.g. "eukaryotic cell, heterotroph") and two to three sentences of functional explanation, updating in sync when the selection changes. For some of the cell, DNA and neuron models, you may download them from the web. Change the courseware content from cell structures to human organs: replace the left list with five entries — heart, lung, brain, liver and stomach — and build each organ with code in the center view, keeping the textbook illustration palette; the right info panel shows each organ's name, the system it belongs to and a functional description. Keep the rotate, zoom and switching interactions.
Generate an interactive 3D biology courseware web page about cell structures, with a light background and a textbook illustration style. At the top left of the page, show the title "Cell Structure Workshop" with a one-line subtitle, "Explore the beauty of life under the microscope". The page uses a three-column layout: on the left, a vertical list of five entries reading exactly "plant cell", "animal cell", "white blood cell", "neuron" and "DNA double helix", each with a small color swatch. "Animal cell" is selected by default: in the center, build with code a 3D animal cell cut open as a hemisphere — inside a semi-transparent cell membrane sit a purple spherical nucleus, orange ellipsoid mitochondria (with ridge-like folds on the surface), a pink layered endoplasmic reticulum and small green spherical ribosomes, all in classic textbook colors. Clicking any entry on the left switches the central model to the corresponding structure, rotating slowly; drag with the mouse to rotate and scroll to zoom. The right info panel shows the current structure's Chinese name, a one-line classification label (e.g. "eukaryotic cell, heterotroph") and two to three sentences of functional explanation, updating in sync when the selection changes. For some of the cell, DNA and neuron models, you may download them from the web. Add a label-matching game: in game mode, the structure names on the model are hidden and shuffled label cards are listed below; students drag each label onto the matching cell structure, with correct matches highlighted and scored, and a time-and-score summary shown at the end. Game mode can be exited anytime to return to browse mode.
Generate an interactive 3D biology courseware web page about cell structures, with a light background and a textbook illustration style. At the top left of the page, show the title "Cell Structure Workshop" with a one-line subtitle, "Explore the beauty of life under the microscope". The page uses a three-column layout: on the left, a vertical list of five entries reading exactly "plant cell", "animal cell", "white blood cell", "neuron" and "DNA double helix", each with a small color swatch. "Animal cell" is selected by default: in the center, build with code a 3D animal cell cut open as a hemisphere — inside a semi-transparent cell membrane sit a purple spherical nucleus, orange ellipsoid mitochondria (with ridge-like folds on the surface), a pink layered endoplasmic reticulum and small green spherical ribosomes, all in classic textbook colors. Clicking any entry on the left switches the central model to the corresponding structure, rotating slowly; drag with the mouse to rotate and scroll to zoom. The right info panel shows the current structure's Chinese name, a one-line classification label (e.g. "eukaryotic cell, heterotroph") and two to three sentences of functional explanation, updating in sync when the selection changes. For some of the cell, DNA and neuron models, you may download them from the web. Switch all interface text on the page to English: the title, the five list entries, the subtitle, the classification labels and the functional descriptions are all localized into English, using standard secondary-school biology terminology; the layout and interactions stay unchanged, for use in bilingual classrooms.
You Might Also Like
THE IMPACT No. 01 — 3D Mechanical Typewriter Simulator
A 3D typewriter with animated key travel, a carriage-return bell, and cutaway views; documents stay local and export to DOCX. The prompt is ready to copy.
GMT://TERMINAL — Keyboard-Driven Global Market Monitor
A Bloomberg-style terminal page: index tape for six benchmarks, a sector heatmap, breadth panel, news wire, and a 60-session chart per ticker, on labeled demo data.
