基于HTML5的物理课件开发
- HTML5的课件制作入门感谢任宁同学的贡献！大家下载文件后，解压，用Chrome等浏览器打开main文件即可学习！
实验目的
- 学习掌握用HTML5开发教学仿真软件的基础
- 设计、完成一个基于HTML5 的物理类虚拟仿真实验
两次实验的教学安排
- 预习：掌握HTML5开发教学仿真软件的基础
- 第一次实验：完成虚拟仿真实验第一版的初步开发；
- 第二次实验：讨论、交流之后，完成虚拟仿真实验的改进；
- 可以在学期初就设计5次内容的选做实验，需要预先确定选题及每一周的进度计划；
课题考核
- 两次实验：提交实验记录——包含方案设计、实现过程（如主要计算步骤的实现）、初步结果展示等；
- 后三次实验：期末口头汇报。
讨论区
往年教学安排
2022年春季学期疫情防控阶段的选做课题登记与进度更新
- 说明：这里的分组登记，可以与必做实验分组不同。
周三选课同学
| 组别 | 学生1 | 学生2 | 课题内容 | 第四周学习内容 | 第五周学习内容 | 第六周学习内容 | 第七周学习内容 | 备注 | ||
|---|---|---|---|---|---|---|---|---|---|---|
| 1 | 吕盎然 | 马若般 | 蔡氏电路可视化 | html5入门语法学习+决定课题方向 | 探索尝试了一种在JavaScript中求解常微分方程组的方法马若般_吕盎然_第五周.zip | 实现了蔡氏电路相图的展示 马若般_吕盎然_第六周进展_已汇报_.zip | 马若般_ilab.zip 第8周：马若般_吕盎然_第8周进展html.zip | |||
| 2 | 舒畅 | 王海洋 | 1.星周盘的热力学模拟;2.量子芝诺效应仿真实验 | 初步完成了网页设计，正在设计可视化 | 阅读量子芝诺效应文献，可视化算法正在编写中quantum_zeno.zip | 完成了量子芝诺效应的h5仿真quantum_zeno_new.zip | ||||
| 3 | 邵一陆 | 郭家祺 | 电子云可视化 | 进行虚拟实验，学习HTML5使用18307130023邵一陆-虚拟仿真实验.pdf18307110017郭家祺-虚拟仿真实验.pdf | 确定课题，初步设计网页郭-邵-第五周.zip | |||||
| 4 | 于鑫阳 | 演示波函数的含时演化 | ||||||||
| 5 | 冉锡霖 | 黄荣郅 | 一维有限深方势阱波函数 | h5基本语法学习 | 已经完成理论部分，同时初步搭建好网页，正在编写求解超越方程的JS程序冉锡霖19307110330_黄荣郅19307110346_第五周进度.rar | 已完成波函数可视化以及可输入参数调控一维有限深方势阱波函数_冉锡霖_黄荣郅.rar | 第七周黄荣郅_19307110346_ilab-x实验报告.pdf | |||
| 6 | 陈艳艳 | 任兴宇 | 虚拟仿真实验+学习HTML5 | 虚拟仿真实验-陈艳艳18307110449.pdf | ||||||
| 7 | 王越希 | 于瀚清 | 夫琅禾费衍射虚拟仿真 | 学习h5、css、js，确定课题 | ilab虚拟实验 | 编写单缝夫郎禾费衍射的模拟程序 | 编写光栅衍射的模拟程序于瀚清组_html程序.zip | |||
| 8 | ||||||||||
| 9 | 何卓航 | 李小田 | 生命游戏模拟 | H5入门&确定选题 | 初步完成核心程序，并开始研究网页的搭建 | |||||
| 10 | 卜璟轩 | 何天深 | 单量子比特门可视化 | h5初步学习 | js实现复数运算类 初步实现bloch sphere三维转动模拟19307110019何天深.zip19307110161卜璟轩.zip | |||||
| 11 | 宋可欣 | 管欣怡 | 弹球游戏 | HTML5与JavaScript基本语法学习并确定选题 | 实现二维小球弹性碰撞的可视化模拟 使用matter.js库初步实现可操控的仿真碰撞模拟 | |||||
| 12 | 陈龙 | 弹球模型理想气体演示 | 学习HTML5 | 完成基本框架 | 对模型进行一些优化 | ideal_gas.zip | ||||
| 13 | 叶方舟 | 双缝干射的虚拟仿真 | html基本语法学习 | 固定参数的虚拟仿真设计 | 变参数的虚拟仿真设计 | |||||
| 14 | 王思源 | 带电粒子在正交电磁场中的运动虚拟仿真 | ||||||||
周四选课同学
| 组别 | 学生1 | 学生2 | 课题内容 | 第四周学习内容 | 第五周学习内容 | 第六周学习内容 | 第七周学习内容 | 备注 | |
|---|---|---|---|---|---|---|---|---|---|
| 1 | 沈宗奇 | 吴渝骞 | 拓扑边界态与输运性质演示 | HTML5基本语法学习 | 构建网络框架，严格对角化算法实现 | 添加参数可调模块，加强可视化 | 拓扑边界态与输运性质的演示.rar | ||
| 2 | 黄健康 | 黄紫潇 | 点电荷对的电场线、等势线的绘制以及偶极震荡、加速电子辐射的能流角分布 | 学习HTML5基本语法 | 绘制电场线 | 绘制等势线、辐射能流角分布、交互界面的设计 | 偶极子电场线以及偶极震荡.pptx | ||
| 3 | 刘嘉琪 | 周贝茜 | 平面摆的动力学仿真及混沌行为探究 | 虚拟仿真实验+HTML5及JavaScript初步学习 | 完成了单摆的动力学仿真single-pendulum.zip | 完成了双摆的动力学仿真以及数据可视化chaospendulum.zip | 摆的动力学模拟.pptx | ||
| 4 | 陈畅 | 樊士强 | 用html5进行粒子模拟 | HTML5基本语法学习，确定课题 | 初步模拟了金属电子在正弦电场下运动html.zip | 模拟了2d麦克斯韦玻尔兹曼分布；实现界面功能，实现电流测量 | 完善编程，查阅相关资料，修正物理模型 库伦散射.zip | drude模型.zip樊士强第五周 | |
| 5 | 谷峰 | 徐昌豪 | 弹球小游戏 | HTML5基础语法的学习以及课题的确定 | 编写了滑块可调的摩擦系数下的弹球游戏程序 | 谷峰_徐昌豪_弹球游戏.rar | |||
| 6 | 张言韬 | 王子鸣 | 经典混沌过程 | 学习H5基础语法；确定课题 | 学习基本混沌理论；实现Logistic方程迭代可视化，建立网站基本架构，初步编写Henon映射程序开发记录ver1.0_张言韬.pdf说明文档ver1.0_张言韬.pdflogistic_ver1.0_张言韬.zip | 优化Logistic迭代信息显示，增加倍周期分岔图动画，完成Henon映射部分工作开发记录ver2.0.pdf | |||
| 7 | 段沣洋 | 袁哲 | 气体运动模拟 | 学习HTML5及Js基本语法；确定课题 | |||||
| 8 | 丁靖喆 | 江群峰 | 受迫振动模拟与演示 | HTML5语法学习，进行虚拟实验在线虚拟仿真实验报告_丁靖喆_19307110163.pdf江群峰_拉曼光谱及宝石检测仿真实验_19307110208.pdf江群峰_超冷原子量子振荡跃迁虚拟仿真实验_19307110208.pdf | 确定课题，学习JavaScript等相关语法，进行基本环境搭建 | 学习使用COMSOL模拟石墨烯场效应管comsol模拟结果.zip | 完成受迫振动模拟及教学课件初步设计受迫振动课件初稿_含ppt_.rar | ||
| 9 | 孔祥涛 | 沈振昌 | 弹性模量实验模拟 | 学习H5、JS的基础语法并确定课题 | 设计初步的杨氏模量实验界面 | 进行iLAB虚拟实验 | H5网页界面优化、加入详细数据 | ||
| 10 | 蔡浩舟 | 蔡致远 | 蔡氏电路模拟演示 | 学习H5基础语法；确定课题 | 编写求解微分方程组的程序，并在取定的参数下在网页画出结果 | 增加交互性;画出伏安特性曲线的工作段、分岔图蔡氏电路模拟演示第三次.png | 增加可调参数，进行C调制，探究初始条件敏感性蔡氏电路第四次-chz_czy.png | 完成了频谱分析，三维画图蔡氏电路模拟演示第5次-蔡浩舟_蔡致远.zip | |
| 11 | 尹宇阳 | 蔡铭豪 | 学习H5基础语法 | 确定课题，进行初步的网页设计 | 完成网页，模拟二维伊辛模型二维伊辛模型.rar二维伊辛模型.pdf | ||||
| 12 | 丁雨可 | 邓诗涵 | 使用HTML5进行路径积分的可视化 | 学习HTML5基本语法 | 确定课题，初步设计网页 | 明确物理图像和想要可视化的内容，以及对可视化的设计 | 搭建好了路径积分可视化的网页 pathintegrals.zip | ||
| 13 | 程阳 | 宋祖童 | 一维有限深方势阱波函数的含时演化 | 学习HTML5基本语法 | 学习算法，设计网页 | 基本完成无限深无限深.zip | |||
| 14 | 刘志轩 | 李彬 | 磁场中粒子运动演示 | 学习HTML5基本语法，确定课题 | 初步设计课题网页，完成Ilab仿真实验托卡马克实验.pdf辉光放电实验.pdf | 完成均匀磁场下的运动模拟均匀磁场模拟.rar | 制作磁瓶的运动仿真 | ||
| 15 | 刘家旗 | MOSFET输运性质相关模拟 | 学习HTML5+CSS基本语法,学习MOSFET相关知识 | 学习Java Script基本语法 | |||||
| 16 | 陈澄 | 成建君 | 塞曼能级分裂 | 初步设计网页，尝试用js实现功能 | 框架搭建完成，下一步完善并拓展，详见Manualchencheng_19307110371.zip | 实现跃迁谱线演示split_spectrum.zip | 实现精细结构和强弱场对比zeeman_final.rar | ||
| 17 | 姚泓旭 | 侯锦涛 | dcSQUID和RCSJ方程模拟演示 | 确定课题；学习H5基本语法 | |||||
| 18 | 孙楚博 | 王尧艺 | 晶体模拟 | 学习H5、js基本语法 | 学习three.js框架和lil-gui用法，分析实例 | 初步实现对部分晶体结构的三维展示晶体模拟v1.0.rar | |||
| 19 | 王沥霄 | 刘祎涛 | 三体问题运动模拟 | 学习H5基本语法 | 确定课题、学习js语法以及如何编写程序过程 | 实现页面三体问题动画化 | 最后程序 三体模型.zip | ||
| 20 | 万臻哲 | 陈宫煜 | 蔡氏电路混沌模拟 | 学习H5基本语法 | 确定课题及实现计划，初步设计网页 | 实现RK4算法的计算以及初步实现绘制图像，研究讨论改进方向 | |||
| 21 | 陈伊颖 | ilab虚拟仿真实验 | 学习h5基本语法 | 学习javascript基本语法 | 想不出做什么课题 | ||||
| 22 | 沈舒阳 | html基本语法 | javascript基本语法，设计初步前端网页 | ||||||
| 23 | 陈佳帆 | 粒子物理引擎 | HTML5以及javascript基本语法，确定课题 | 学习javascript动画原理，进行物理演算，进行代码程序架构搭建 粒子物理引擎_by_cjf代码框架.docx，进行初步的编程 | 完善编程，进行debug：包括不限于异常弹性、能量、动量不守恒、穿模等等 |
说明
- 选此课题的同学，请参考上述“HTML5的课件制作入门”，选择一个自己感兴趣的课题，开发成教学课件。
- 预习实验时，请学习H5软件开发的基础；第一次课上和老师讨论确定你开发的课题。
- 选题思路可以参考2020年春季学期选课同学完成的课题2020年春季学期第一个自选课题登记、2020年春季学期第二个自选课题登记，建议选不同的内容；如果选相似的课题，请提前规划：准备改进什么？
- 选此课题的同学，请提前和指导老师讨论自己的选题和方案。
- 若选课学生完成了高质量的作品，我们将上传到服务器上.