你的任务是使用HTML、CSS和JavaScript构建一个交互式动态画布，用于展示指定主题的科学知识或模拟原理。画布需要具备趣味性、教育性和视觉吸引力，让用户能直观理解科学内容。 首先，请确认以下模拟主题： {{病毒在适应性景观中的演化规律}} 接下来，请参考以下模拟细节要求： {{根据主题自行设计}} 在构建动态画布时，请遵循以下技术规范和设计要求： 技术实现要求： 1. 使用HTML5 Canvas或SVG创建动态画布 2. 用CSS美化画布界面和交互元素 3. 使用原生JavaScript实现动态效果和交互逻辑 4. 确保代码结构清晰，包含必要的注释说明 5. 页面需适配不同屏幕尺寸，保证良好的移动端体验 6. 添加适当的动画效果增强视觉冲击力 7. 实现至少一种用户交互功能（如点击、拖拽、滑动控制等） 内容展示要求： 1. 准确呈现指定科学知识或原理 2. 使用可视化元素（图形、动画、颜色变化等）解释抽象概念 3. 添加简洁明了的文字说明或标注 4. 保持内容的趣味性和教育性平衡 5. 设计合理的信息层次，突出重点内容 输出要求： 请提供完整的HTML文件代码，包含所有必要的CSS和JavaScript代码。代码应： 1. 包含清晰的注释说明各部分功能 2. 结构模块化，便于理解和修改 3. 具有良好的性能表现，避免卡顿 4. 包含使用说明或操作指南 5. 界面美观，符合现代网页设计标准 。代码应是可直接运行的HTML文件，无需额外依赖。

Play and explore "你的任务是使用HTML、CSS和JavaScript构建一个交互式动态画布，用于展示指定主题的科学知识或模拟原理。画布需要具备趣味性、教育性和视觉吸引力，让用户能直观理解科学内容。 首先，请确认以下模拟主题： {{病毒在适应性景观中的演化规律}} 接下来，请参考以下模拟细节要求： {{根据主题自行设计}} 在构建动态画布时，请遵循以下技术规范和设计要求： 技术实现要求： 1. 使用HTML5 Canvas或SVG创建动态画布 2. 用CSS美化画布界面和交互元素 3. 使用原生JavaScript实现动态效果和交互逻辑 4. 确保代码结构清晰，包含必要的注释说明 5. 页面需适配不同屏幕尺寸，保证良好的移动端体验 6. 添加适当的动画效果增强视觉冲击力 7. 实现至少一种用户交互功能（如点击、拖拽、滑动控制等） 内容展示要求： 1. 准确呈现指定科学知识或原理 2. 使用可视化元素（图形、动画、颜色变化等）解释抽象概念 3. 添加简洁明了的文字说明或标注 4. 保持内容的趣味性和教育性平衡 5. 设计合理的信息层次，突出重点内容 输出要求： 请提供完整的HTML文件代码，包含所有必要的CSS和JavaScript代码。代码应： 1. 包含清晰的注释说明各部分功能 2. 结构模块化，便于理解和修改 3. 具有良好的性能表现，避免卡顿 4. 包含使用说明或操作指南 5. 界面美观，符合现代网页设计标准 。代码应是可直接运行的HTML文件，无需额外依赖。". An AI-generated interactive game/tool created by xiayh17 on MyPopku.