Playgrounds
Playgrounds are AI-generated interactive HTML experiences that teachers can publish alongside their courses. They are not a multi-language code runner — for that, use the Code Playground editor block instead.
Playgrounds must be enabled in your Organization Settings to be available. AI must also be enabled on the instance (see AI Setup).
How Playgrounds Work
A playground is an interactive HTML/JS artifact generated by Google Gemini from a natural-language prompt. Teachers describe what they want — a visualization, a simulation, an interactive exercise — and LearnHouse stores the resulting HTML alongside the rest of the course material.
Each playground supports up to 10 iterative refinements, so teachers can tweak prompts and regenerate without starting over.
Key Features
- AI-driven generation — Prompt Gemini to produce custom interactive HTML experiences.
- Iteration — Refine a playground up to 10 times; each version is tracked.
- Access control — Each playground has one of three access modes:
PUBLIC,AUTHENTICATED, orRESTRICTED(limited to specific user groups). - Reactions — Users can react to playgrounds to provide feedback.
Use Cases
- Custom simulations — Generate physics, math, or chemistry visualizations on demand.
- Interactive examples — Ship hands-on widgets that reinforce reading material.
- Prototype activities — Quickly explore teaching ideas before building them into full activities.
Playgrounds vs Code Playground (editor block)
These are two distinct features that share a name:
| Feature | Purpose | Engine |
|---|---|---|
| Playgrounds (this page) | AI-generated interactive HTML experiences | Google Gemini |
| Code Playground editor block | Multi-language “run this code” block inside Dynamic Page activities | Judge0 (see Code Execution) |
