牛顿第一定律交互教学动画 - 知达AI助教 | 教育人工智能案例

帮我用 HTML5+CSS3+JavaScript 写一个牛顿第一定律交互式教学动画，单文件独立运行。页面简约物理课件风格，包含斜面、小车、毛巾、棉布、木板三种接触面。实现同高度释放小车，依次演示三种表面滑行距离越来越远，再推演绝对光滑平面小车做匀速直线运动。加入开始、重置、分步播放按钮，全程带物理知识点文字标注和定律总结，动画流畅，适合初中物理课堂教学使用。
代码生成中...

知达任务回放中

牛顿第一定律交互教学动画

代码

预览

133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
            justify-content: center;
            gap: 15px;
            margin: 20px 0;
        }
        button {
            padding: 12px 24px;
            font-size: 16px;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        button.start { background: #2ecc71; color: white; }
        button.reset { background: #e74c3f; color: white; }
        button.step { background: #3498db; color: white; }
        button:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }
        button:disabled {
            background: #95a5a6;
            cursor: not-allowed;
            transform: none;
            box-shadow: none;
        }
        .info-panel {
            background:
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX