基于 STEAM 教育理念的中职课程游戏化教学设计研究——以《网页制作与设计》课程为例

《网页制作与设计》是一门综合性和实践性很强的专 业核心课，但是大多数中职院校依旧停留于教师进行理论 讲解，演示操作流程，学生模仿教师的教学步骤完成作业 的教学方式。学生缺少对于课程的理解与思考，容易造成 知识点的遗忘，丧失学习兴趣。鉴于此，以《网页制作与 设计》这门课程为例，基于STEAM教育理念将其进行游戏化 教学设计，加入闯关、故事情节、激励、角色设计等游戏 化元素，在解决实际问题中调动学生的积极性。

STEAM教育即科学 （Science） 、技术 （Technology）、工程（Engineering）、美术（Art）和 数学（Mathematics）五类学科英文首字母的缩写，是由 STEM衍生出来的跨学科教育的典型形式。STEAM教育聚焦于 实际问题的解决，强调多学科知识整合。

可以玩经典游戏的游戏盒子在网页中如何践行游戏化设计？研习一下这7个案例吧

教案网页游戏设计案例研究

也许你使用了很长时间的 LinkedIn 都不会意识到它正在使用游戏化机制。但是LinkedIn确确实实借助游戏化的机制，鼓励你逐步完胜你的个人资料，它将你的每一个操作和任务都积分化，成就化，通过一个进度条隐性的督促你去不断完善，以达到100%。

Zurb 可能是这个列表当中距离游戏最远的一个网站了，你甚至可能很难察觉到游戏化设计的痕迹。你需要在阅读网页的时候，尽可能找到牛这个元素。当你找到之后，就可以将它搜集起来，有一个页面专门供你“放牛”。这是网站促进用户尽可能多地阅读网页内容的一种方法，简单，但是非常有效。每一个搜集癖、囤积控和强迫症患者都无法忍受无法完整搜集这件事情。

在诸多网站当中，Habitica是我看到最贴近游戏设计的网站。设计师直接将游戏设计的原理和机制应用到 Habitica 的设计当中，以至于它整个给人的感觉就是一个游戏。这个网站是借助游戏化的策略帮你养成良好的习惯，改掉坏习惯。

基于Unity3D的三维页游的设计与实现

图3(a)是开始界面，设有开始和帮助按钮，点击开始按钮进入游戏场景，点击帮助按钮会展示游戏规则和过关秘诀。图3(b)是恭喜过关界面，会显示获得宝藏数、所用时间和获得总分情况，并设有结束按钮和下一关按钮。系统还设有过关失败界面，只包括结束按钮，并显示获得宝藏数。界面的实现利用JS脚本进行编写，变量放在Update中，开始界面关键代码如下：

图形界面事关系统的友好度，在Unity3D中，用GUI类进行图形界面的设计，其提供了许多界面的高级控件，如Label，Button等。界面所用的图片由美工用PhotoShop制作完成。游戏界面如图3所示。

场景漫游过程中，为防止“穿墙而过”，需给每一个物体添加碰撞检测组件。碰撞体分为不同类型，迷宫场景添加Mesh Collider，赛车、轮胎添加Box Collider。例如图2（b），为防止赛车从地板掉落，需给地面和赛车添加碰撞体。

Unity3D引擎内置MonoDevelop编辑器，本系统所用语言是JavaScript和C#。为了实现控制赛车在场景中漫游的功能，需为赛车添加控制移动的JS脚本，并让照相机随赛车一起移动。控制移动的关键代码如下：

本系统共设有2个关卡，场景中有三维迷宫、赛车、宝藏、红旗等模型。用3DsMax对模型建模后，利用其导出fbx格式，注意将贴图一同导出。将导出的fbx文件放入Unity3D中的Assets目录下，找到资源文件后将其设置为Prefabs（预置体），预置体是可以重复使用的游戏对象，所有的预置实例都指向原始预置，修改预置后改动的内容可应用到相关实例上。最后，在Unity3D中搭建迷宫，并将其他模型放到游戏场景中的合适位置。

基于HTML5技术的Web游戏设计

在这个游戏中，有各种各样的地板，这些地板有一些共同的属性，比如它们都在不停地向上移动。为了实现这些共同的属性，先建立一个Floor类，作为所有地板的父类，这个父类里包含了所有地板的公共部分。Floor类的定义如下：

在本游戏制作中，可以将游戏层次划分为：进度条显示层、背景层、人物层、障碍层。进度条显示层用来显示图片读取时的进度，背景层用来显示不断卷动的背景图片，人物层用来显示游戏中的主角，障碍层用来显示不断出现的各种地板。

网页游戏的设计规则

分析游戏网页交互界面的设计

与一般的网络产品不同积木盒子上的游戏怎么玩，网页游戏会不断更新新的版本，增加新的功能，以适应不同玩家的不同需求，适应市场竞争。这也要求设计者在重新设计操作界面时，要留出一定的游戏功能开发空间，所谓的动态扩展空间。看起来很难，但在工作中需要与游戏策划人员多沟通，及时获得更新信息。

最后是游戏活动评价。教师要从几个方面来进行评价，如目标的设置是否符合幼儿目前的发展；内容与目标是否切合；活动形式、游戏的设置是否能激发幼儿的兴趣。最重要的是教师的评价要客观，不仅仅要有结果评价，也就是评价目标是否达到，还有过程性评价，教师要观察在活动中幼儿是否发生变化，是否有收获。对于幼儿来说，在活动中只要有收获，那么这个活动就是有意义的，所以教师在评价时也有避免仅对结果进行评价。

再次是游戏活动延伸。在此环节，教师要注意要延伸的领域或者主题，要有目的的去延伸，或是幼儿能力的提升，或是生活经验的增加，不要盲目的为了延伸而延伸。

其次是游戏活动实施，游戏活动实施要详细记录活动每一个环节的设计，尤其是教师的指导语，有很多老师有这样的误解，认为指导语在头脑中想象一下就可以。然而当指导语说出来的时候才感觉到有问题，所以教师在这个部分一定要把指导语详细地记录下来。尤其要注意一些游戏的规则，通常在教师实施活动时会出现游戏规则描述不清，而导致游戏组织的混乱，在游戏中幼儿不知道自己该做什么。因此建议教师在组织游戏时，为避免规则组织不清楚，可请幼儿来演示一下。

写好教案是顺利开展活动的依据，同时也是保证和提高教师教学质量的基本条件。每一位教师在活动之前都会进行认真的设计活动并写出详细的教案，但是活动之后还会发现有很多环节出现问题，这些问题当中，有些是很难避免，可有些是能够避免的。

网页游戏小游戏开发的心得

网页游戏小游戏的开发是一个不断学习和适应的过程。通过上述心得的实践，我逐渐提升了自己的开发技能，并在这个充满活力的领域取得了成就。对于那些热衷于进入这一行业的开发者来说，保持创新、专注于用户体验和不断学习是成功的关键。

线上课游戏设计有何技巧？文字版干货来了

天天乐学小班直播的白板上有一个标记涂鸦功能，里面有很多不同的颜色，适用的游戏类型包括：“Listen and Circle”“Circle and Say”“Match and Say”。比如，老师可以让学生用不用颜色的笔来勾画图片和对应的单词，PK方式可以是1V1，也可以是团队PK，然后老师用统一的颜色给学生做批改或者勾画出正确的连线。