代码能力代码高难
太阳系模拟器
太阳系模拟器
提示词正文
复制后可直接粘贴到模型或内部评测工具。
请生成一个独立的HTML文件，其中包含一个可交互的太阳系模拟器。
所有代码应包含在 <html> 文件内，不要引用外部库或文件。
该模拟器应具备以下功能：
视觉与场景
- 背景：深色背景，模拟宇宙空间。
- 恒星：中心应有一个发光的大型黄色球体代表太阳。
- 行星：围绕太阳绘制八颗主要的行星（水星、金星、地球、火星、木星、土星、天王星、海王星），每颗行星的颜色和相对大小应有视觉区分度。土星应有环。
- 轨道：为每颗行星绘制椭圆（或圆形）轨道，以同心圆或接近同心圆的形式环绕太阳，清晰地显示它们的运动路径。
- 标题：页面顶部中央显示“Solar System Simulation”标题。
模拟功能
- 行星运动：
- 所有行星应以各自的速度沿其轨道围绕太阳公转。
- 行星的公转速度应与其实际太阳系中的相对速度成比例，越靠近太阳的行星移动越快。
- 初始状态：加载时，行星应处于其预设的初始位置，并可能处于暂停状态或以默认速度开始运行。
交互与控制面板
- 控制面板：在模拟区域下方有一个水平布局的控制面板，包含以下交互元素：
- “Start”按钮：点击后开始或恢复模拟。
- “Pause”按钮：点击后暂停模拟。
- “Reset”按钮：点击后将所有行星重置到其初始位置和默认速度。
- “Speed”滑块：一个滑块控件，允许用户调整模拟的速度，范围从慢速到快速（例如，从1倍速到5倍速，并显示当前的倍数）。
技术考量
- 使用HTML作为基本结构。
- 使用CSS进行基本布局、背景、按钮和行星的样式设置。
- 核心模拟功能必须使用JavaScript实现，包括：
- 绘制太阳、行星和轨道（推荐使用
<canvas>元素进行绘制）。 - 计算行星的实时位置以模拟公转。
- 处理“Start”、“Pause”、“Reset”按钮的点击事件。
- 根据“Speed”滑块的值调整模拟的帧率或步长。
- 绘制太阳、行星和轨道（推荐使用
- 确保动画流畅，行星运动轨迹平滑。
使用场景
编程
参考输出
暂无标准答案，建议按评分维度人工评审。
评分维度
重点评估可执行性、事实准确性、边界控制和结构完整度。
用户评分
0 个评分-
你的评分
登录后评分
评论
0登录后评论
相关提示词
代码代码能力
HTML PPT 工作室设计师
一个专业的静态 HTML 演示文稿生成器，支持 36 种主题、15 套完整模板、31 种页面布局和 47 种动画效果，具备纯静态、离线运行、键盘导航和演讲者模式等功能。
HTML演示文稿静态网页演讲者模式
代码代码能力
Jetpack Compose 架构审查助手
该提示用于指导高级 Android 工程师对 Jetpack Compose 代码进行架构级审查，涵盖状态管理、重组性能、副作用处理、Flow 建模、可访问性及代码规范等关键维度，并提供 BAD/GOOD 示例对比与优先级修复建议。
Jetpack ComposeAndroid 架构状态管理