Embed this model in a webpage:

<iframe width="100%" height="750" src="'.$fields["SIMU_EMBED"].'" frameborder="0"></iframe>

Master Prompt for Interactive Volcano Eruption Simulation

volcanoClaude37/ volcano_html5_content_20250430_082241.zip using https://moeptt.vercel.app/#menuD

Project Overview

Create an interactive educational simulation that visualizes different types of volcanic eruptions. The simulation should allow users to select from various eruption types via a dropdown menu and observe how each type differs in terms of lava flow, ash cloud, and overall behavior. The simulation should be scientifically accurate while remaining visually engaging and suitable for geography education at various levels.

Core Requirements

Visual Components

1. Base Volcano Structure:
   • Cross-sectional view of a volcano showing internal structure
   • Clearly defined crater, magma chamber, and conduit
   • Realistic coloring and proportions
2. Animation Elements:
   • Dynamic lava flow with appropriate viscosity representation
   • Animated ash and gas clouds with variable sizes
   • Ejected lava particles that vary in quantity and trajectory
   • All animations should respond to the selected eruption type
3. Labeling System:
   • Clear labels for all major volcano components
   • Title that updates based on selected eruption type
   • Legend explaining visual elements

Interactive Features

1. Eruption Type Selector:
   • Dropdown menu with at least 4 different eruption types:
     • Strombolian (moderate eruptions with lava fountains)
     • Plinian (extremely explosive with massive ash columns)
     • Hawaiian (fluid lava flows with minimal explosivity)
     • Vulcanian (short, violent eruptions with thick lava)
2. Animation Controls:
   • Play/pause button to control animation
   • Visual indication of current animation state
3. Information Display:
   • Description panel explaining the selected eruption type
   • Characteristics display showing:
     • Lava intensity (low/moderate/high)
     • Ash cloud size (minimal/small/moderate/massive)
     • Danger level (low/moderate/high/extreme)
     • Magma viscosity (low/medium/high)

Technical Specifications

Eruption Type Parameters

For each eruption type, implement the following variable parameters:

1. Strombolian Eruption:
   • Moderate lava intensity (8 particles)
   • Small ash cloud (70px radius)
   • Moderate danger level
   • Medium magma viscosity (orange-red color, medium flow rate)
2. Plinian Eruption:
   • Low lava intensity (4 particles)
   • Massive ash cloud (150px radius, extends high)
   • Extreme danger level
   • High magma viscosity (dark red color, slow flow rate)
3. Hawaiian Eruption:
   • High lava intensity (12 particles)
   • Minimal ash cloud (40px radius)
   • Low danger level
   • Low magma viscosity (bright orange color, fast flow rate)
4. Vulcanian Eruption:
   • Moderate lava intensity (8 particles)
   • Moderate ash cloud (100px radius)
   • High danger level
   • High magma viscosity (dark red color, slow flow rate)

Animation Parameters

Adjust these parameters based on eruption type:

1. Ash Cloud:
   • Size (rx, ry values for ellipses)
   • Height above crater
   • Opacity and color density
2. Lava Flow:
   • Width of flow
   • Height/extent of ejection
   • Color based on viscosity
   • Animation speed modified by duration factor
3. Lava Particles:
   • Number of particles generated
   • Trajectory height and spread
   • Animation duration and delay
4. Magma Chamber and Conduit:
   • Color changes based on viscosity
   • Animation speed adjustments
   • Size adjustments based on eruption intensity

Educational Content Requirements

1. Scientific Accuracy:
   • All visualizations should accurately represent the physical properties and behaviors of different eruption types
   • Descriptions should use correct geological terminology
   • Visual scale should reasonably approximate real-world phenomena
2. Educational Context:
   • Provide clear explanations of how magma properties affect eruption style
   • Include information about real-world examples of each eruption type
   • Highlight the relationship between viscosity, gas content, and eruption explosivity
3. User Experience:
   • Interface should be intuitive for students and teachers
   • Visual changes between eruption types should be distinct and observable
   • Text should be readable and appropriate for educational settings

Implementation Notes

1. Responsive Design:
   • Simulation should scale appropriately on different screen sizes
   • Consider mobile usability for classroom tablet use
2. Performance:
   • Animations should run smoothly across modern browsers
   • Consider fallbacks for browsers with limited SVG animation support
3. Accessibility:
   • Include appropriate alt text for educational context
   • Ensure controls are keyboard accessible
   • Consider color contrast for readability. make words black on light background for example
4. Future Expansion:
   • Design with potential for adding more eruption types
   • Consider framework for adding more interactive controls (temperature, pressure, etc.)
   • Allow for integration with larger educational modules