我尝试了本地测试，遇到的问题大部分如下：
- 全屏时，有时会发生转义栏覆盖内容，导致无法与之交互。
- 有时，“运行构件”不会立即出现，但当您将鼠标悬停在帖子图标上时会出现（似乎是这样）。
- 我只遇到过一次没有显示结果的情况。我能看到指示符，然后什么也没发生。
总的来说，它运行得非常好。
以下是一些演示。
制作一个好的演示并不容易。一如既往，提示越详细越好。
有时需要额外的精确度。它并不总是包含所有资源，没有响应性，或者需要代码来等待页面加载。此外，使用外部库会增加失败的几率。
我太喜欢这个功能了。
提示（模拟抛射体运动）
创建一个页面来模拟抛射体运动。该页面应：
- 允许用户输入抛射体的初始速度、角度和高度。
- 显示抛射体轨迹的实时动画。
- 包括飞行时间、最大高度和射程的计算值。
- 使用滑块实时调整输入参数。
- 包括一个“重置”按钮以重新开始。
视频
提示（表情雨游戏）
创建一个页面，用户可以在其中选择自己的情绪，然后表情符号开始从屏幕顶部落下。该页面应：
- 提供情绪选项，如“开心”、“暴躁”或“披萨”。
- 让表情符号如 ,
, 或 
无休止地从屏幕顶部落下。 - 允许用户通过点击表情符号来“收集”它们，并伴有有趣的音效。
- 包括一个有趣的计数器，如“收集的披萨片数：27”。
- 使用 HTML、CSS 和 JavaScript 实现动画乐趣。
视频
提示（简单的太阳系可视化工具）
创建一个页面来可视化太阳系。该页面应：
- 显示一个按比例缩小、动画化、详细的太阳系，显示行星轨道。
- 允许用户点击行星以查看大小、与太阳的距离和轨道周期等信息。
- 允许用户放大和缩小。
- 包括一个滑块来加快或减慢轨道运动。
- 使用 HTML、CSS 和 JavaScript 实现交互性和动画。
- 确保容器使用 100% 的宽度和高度。
视频
提示（CSS 动画游乐场）
创建一个页面，用户可以在其中试验 CSS 动画和过渡。该页面应：
- 显示各种元素（例如，按钮、div），用户可以使用 CSS 为其设置动画。
- 允许用户从一系列动画属性（例如，transform、opacity、translate、rotate）中进行选择。
- 提供滑块来调整动画的持续时间、时间函数和延迟。
- 让用户实时预览动画，并了解更改如何影响动画。
- 使用 JavaScript 动态更新 CSS 属性，并使用 HTML/CSS 进行样式设置。
视频
提示（交互式数据仪表板）
创建一个页面，使用交互式图表可视化数据仪表板。该页面应：
- 显示多个图表，例如条形图、折线图和饼图，每个图表代表不同的数据集（例如，销售、人口、天气数据）。
- 允许用户使用下拉菜单或滑块按时间范围、类别或位置过滤数据。
- 在用户与过滤器交互时实时更新图表。
- 显示所选数据的描述性统计信息（例如，平均值、中位数、众数）。
- 使用 Chart.js 或 D3.js 进行图表渲染，并使用 JavaScript 处理数据过滤和统计计算。