Abstract: With mobile devices such as mobile phones replaced computers as the mainstream

way of surfing the internet，the Flash animation that is currently used in college physics online

learning，is required to be migrated to mobile devices in order to meet the needs of using mobile

devices for learning. HTML5( H5 for short) is currently the best substitution of Flash. Based

on the design and development practice of H5 animation in the new physics textbooks，in

this article，the design ideas and development steps of physics h5 animation is summarized，the

two steps of topic selection and physical modeling and interface and interactive function design in

detail with examples is described.

Key words: online learning, HTML5 animation, new form teaching materials, physical modeling