基于HTML5动画工具的教育游戏设计与开发——以小学英语课程为例.pdf

PracticalCa 实践案例 75 鏊子 HTML5动画工具的 教育游戏设计与开发 以小学英语课程为例 任苗苗 ’ 马燕 (1。重庆师范大学 计算机与信息科学学院，重庆 401331： 2．重庆师范大学 研究生院，重庆 401331) 摘 要：教育游戏以其娱乐性和教育性，被视为改善枯燥学习的一种有益方式。教育游戏的开发对一线教育工作者提 出了更 高的要求。由于技术和时间问题 ，一线教师教育游戏开发效果并不理想。基于此 ，本研究将市场上HTML5工具与传统动画制 作工具进行对比，分析其对教师操作的支持，在此基础上以一款HTML5工具进行教育游戏设计与开发。实践表明，HTML5动 画工具无代码交互、多媒体集成、全平台支持等特点极大降低 了教育游戏开发入门条件，提升 了制作效率。 关键词 ：教育游戏；HTML5动画工具；动画；设计 ；开发 中图分类号：G434 文献标识码：A 文章编号：2096—0069(2017)01—0075—05 一 、 问题提 出 能实现多种功能。以往 HTML动画需要专业编程知 识，创建动画耗时烦琐 ，利用 HTML进行动画设计需 随着移动网络技术的发展，教育游戏逐渐成为广 要专业人员。但是，随着技术发展和市场需求，许多 大教育工作者关注的热点。教育游戏的教育功能、学习 HTML5动画制作工具应运而生。这些工具使用门槛更 机制为教育课程改革所提倡的教育理念的实现提供 了 一 低，无须编程语言基础，而且简化了动画制作过程。 种新的途径，将会对教育和学习方式的变革产生重大 的影响…。目前，教育游戏在一线教师中的使用并不理 本研究调研了市场上多款 HTML5动画工具，与传统 动画制作软件相比，HTML5动画制作工具特点如表 1 想。HTML5动画制作工具具有动画制作简单、交互实 所示。 现便捷、支持自媒体传播、跨平台等优点，在教育行业 中的应用开始受到关注。本研究从教师制作角度出发， 表 1 HTML5动画制作工具和传统动画制作工具对比 在教育游戏的制作中运用HTML5动画工具，以期为 一 线教师教育游戏的制作和开发提供可操作的思路。 二、HTML5动画工具在教育游戏制作中 可行性分析 (一 )与传统动画工具特征对比 HTML5是一种非常方便的时尚网站编程语言， 收稿 日期：2016—1O一12 基金项 目：重庆市研究生教育教学改革研究项 目(重大项 目) 重“庆市研究生创新创业实践教育研究” (Yjg151007) 重庆市研究生科研 创新项 目 基“于创客理念的中小学机器人教育学习系统开发” (cYS16145) 作者简介：任苗苗 (1992一 )，女，河南焦作人，硕士，研究方向为教育技术前沿理论研究及新媒体技术应用，马燕 (196O一 )，男， 云南昭通人，教授，博士，重庆师范大学研究生院院长，主要研究方向为人工智能、社会计算、现代教育技术等。 — — — — — — ～ - — — — — — — — — — — — — — — — — 76 数字教育IDIGrrALEDUCATION 续表 低操作难度，教师可轻松入门。 5．HTML5技术，全平台支持 自媒体 微信 支持 支持 HTML5动画制作工具 由HTML技术支持，对现 传播 微博 支持 支持 有移动设备支持性强，跨平台效果显著。制作产品可 在线设计