本研究开发了交互式HTML5光学数值仿真程序，探讨了其在光学教学领域中的应用. 通过设计仿真界面，学生能够直观和动态地观察到光学参数的改变对仿真结果的影响. 设置了包含随机参数的光学仿真习题，提升了光学教学的个性化水平. 仿真程序利用了HTML5技术的跨平台特性和高度的互动性，让学生随时随地都能开展光学学习和实践. 以几何光学成像、杨氏双缝干涉和菲涅耳圆孔衍射三个典型光学问题为例，展示了HTML5光学数值仿真教学工具的设计思路和应用价值.

This study develop an interactive HTML5 optical numerical simulation and explore its applications within optics teaching. The interface design allows students to visually observe the impact of changes in optical parameters on simulation outcomes. We introduce optical simulation exercises featuring random parameters to personalize learning experience. Utilizing the cross-platform capabilities and interactive features of HTML5, this program enables convenient learning and practical activities for students at any time and place. Through three classic optical cases—geometric optical imaging, Young's double-slit interference, and Fresnel circular aperture diffraction as examples, we demonstrate the design philosophy and application value of our HTML5-based optical numerical simulation teaching tool.