专业实习报告

等等，其实即使现在让我用书面语表示这些标签的具体作用，我恐怕也无法准确给出答案，但但当编写代码时，什么地方用什么标签，我还是很清楚的。这也是我学习方法的弊端，从一开始仅是跟着老师敲代码，而没有通过专业书籍去了解每个代码的具体含义，以至于代码能编出来，自己却不能好好解释。

在这之后我们有编写了“canvas”这个程序，这也是一个简单程序，该程序相比较之前的那些，多出了一个css文件，这也是我们刚开始对css的接触，css作为H5另一个基础基础程序，几乎是所有程序都需要的，他这要定义各种属性，完善html中的各种标签。他要通过“”>这条语句被调用进html文件中，在css中通过“.”或者“#”加上属性名来定义各种属性，属性包括width，height，position，background等等，根据需要使用的标签需要决定，定义好的属性只需要在html文件的标签里写上就能使用。

第二周开始我们进入了手机App程序的学习，在认识了html文件和css文件后，我们又相继学习了Js文件的用法，并了解了jquery-2.1.0.js文件，前者是现在大多数手机App程序中的核心程序，后者则是定义了用于鼠标监听的符号“$”。因为引入了Js文件，这之后的程序就复杂的多了，与css是负责属性定义不同，Js定义了程序中的各种复杂的运动过程，如页面切换，物体移动，以及页面监听等。

第三周我们进入了3D效果模块，相比于之前，这个模块就更复杂了，这个模块老师也只是大致讲解了一下，带着我们编写的程序是“three.js3D飞机”，程序代码数量远多于之前，毕竟要实现3D效果不是个简单事。最后一周我们还有更重要的任务，我们要以小组为单位编出自己的程序，虽然花了好几天，最终我们还是完成了自己的作品，给我们的三周实习交了一份满意的答卷。

实习期间我们编写了大量程序，除开已经提过的“边距”“定位”“过渡”“canvas” “three.js3D飞机”这几个程序，我们还编写了“addClass添加属性”“canvas粒子”“jquery了解”“动画”“画出我的女神”“会隐藏的女朋友”“女朋友墙”“球随鼠标动”“坦克大战”“汤姆猫”“微信场景页”“我爱的美女们”“我老婆”“小球移动”“音乐播放器”“幽灵”。现在看到这些名字，我都不禁想笑，一边感叹老师取名字的方式都是围绕他女朋友，一边也感叹老师对课堂氛围的把握，三周来的课程能在幽默的氛围中度过，原本枯燥的程序能让我们眼前一亮。这些名字也有一定的功劳。

前期程序中，比较有意思的时“女朋友墙”和“画出我的女神”，前者是图片的平面排列，通过程序将复数的图片显示在页面相应位置，并随着鼠标的移动作出相应的变化，如旋转，变大，淡化等，后者则是画布的运用，通过监听鼠标点击来在背景图片上画线，并控制线条的颜色及粗细，通过定义一个橡皮擦来抹去画得痕迹。

“坦克大战”和“汤姆猫”算是我们编的两个具有代表性的游戏程序，两个游戏都是我们之前就了解的，也曾玩过，虽然我们只是更着去敲，“坦克大战”这个程序我们花了两天时间去完善他，通过这个程序我们开始休息“$”的使用，我们多次用到了鼠标监听，程序也是我们接触的第一个比较复杂的程序，除开基础的html文件和css文件后，本代码还含有“bullet”“enemy” “player” “main”四个Js程序，前三个分别定义了游戏中用到的子弹，敌人，玩家，“main”则起到了综合他们的作用。与之相比，之后的“汤姆猫”虽然也复杂，但大多数东西都是直接从老师哪儿拷贝过来的。“汤姆猫”程序大量用到了图片，因为游戏中玩家控制汤姆猫做各种动作，如喝牛奶，放屁等，大量的图片有序播放形成动画，我也是第一次通过程序了解到了动画的制作，虽然前面的“动画”“cavcas粒子”两个程序也有动画效果，但都是但一目标的简单远动，与其说是动画，不如说是远动更确切。

实习时间三周，除去休息日实际上课十二天，十二天的时间我从对H5几乎毫无了解到能通过合作写出自己的作品，虽然3D效果掌握的不是很好，但通过大量的代码练习我已经对H5有了一个初步的了解，今后的学习工作中，如果再有机会接触到相关内容，我相信我也能很快融入到工作中去。

五、实习体会

实习，就是把我们在学校所学的理论知识，运用到客观实际中去，是自己所学到的理论知识有用武之地，只学不实践，那么所学的就等于零。理论应该与时间相结合。另一方面，实践还可以为以后找工作打基础。通过这段时间的实习，学到一些在平时课堂里学不到的东西。因为环境不同，学习方法不同，接触的人与事不同，从中学到的东西自然就不一样。要学会从实践中学习，从学习中时间。而且中国的紧急飞速发展，在拥有越来越多的机会的同是，也有了更多的挑战。对于人才的要求就会越来越高，我们不只要学好学校所学到的知识，还要不断在生活中，实践中学其他知识，不断从各方面武装自己，才能在竞争中突出自己，表现自己。

短短三周的实习过程是我受益很大。不仅让我开阔了眼界，最主要的是懂得了如何更好的为人处事，如何走向社会。

第一是要学会主动出击：当你可以选择的时候，把主动权握在自己手中，在实习期间，我会主动的协同同学，主动的做些力所能及的事，并会积极的寻找合适的时间跟他们交流。谈生活学习以及未来的工作，通过这些我就同学们走的更近，当他们遇到难点而我能帮上时，我会主动去讲解指导，同样当我遇到难点时，我会主动去向他们请教，他们总是会热情的给予了我帮助，让我在实习期间既学到了知识，又加深了同学间的信赖，体会到了互帮互助的愉悦。

第二是感受到学校和社会的距离：在平时的课堂，只有学习的氛围，毕竟学校是学习的场所，每一个学生都在为取得更高的成绩而努力。而当实习时，我们不在是单纯的为了成绩单上的数字而学习，我们更多的是为了学到知识，技能以及社会的需求。实习时老师一有时间就给我们讲他们公司以及他自身的求职体会。这让我们认识到学校和社会存在差距，在外面每个人都会为了获得更多的报酬而努力，无论是学习还是工作，都存在着竞争，在竞争中就要不断学习别人先进的地方，也要不断学习别人怎么做人，怎样提高自己的能力。记得老师曾经说过大学是一个小社会，但我总觉得校园里总少不了那份纯真，那份真诚，在学校无论我们干啥，学生终归保持着学生的身份，而走进企业，接触各个的客户，同事，上司等等，关系复杂起来了，我们得去面对从未面对过的一切。在实际工作中，可能会遇到书本上没学到的，又可能是书本上的只是一点都用不上的情况。或许工作中运用到的只是很简单的问题，只要套公式是的就能完成一线任务。实际上，即使是实习中有时候我也会会埋怨，实际操作这么简单，但为什么书本上的知识让人学的这么吃力呢?这是社会与学校脱轨了吗?也许他说的是正确的，虽然大学生生活不像踏入社会，但总算是社会的一部分，这是不可佛人的事实。作为一个新世纪的大学生，应该懂得与社会上各方面的人交往，处理社会所发生的各方面的事情，这就意味着大学生要注意到社会实践，社会实践必不可少。毕竟，四年大学念完后，我已经不再是一名大学生，是社会中的一份子了。要与社会交流。为社会做贡献。只懂得纸上谈兵是远远不及的，以后的人生旅途是漫长的，为了锻炼自己成为一名合格，对社会有用的人才，多接触社会是很有必要的

第三是意识到了自身能力的不足：同样是三周的实习，最终大家所学到的东西确是各不一样通过三周的学习，在最后一周，我们见到了各小组的学习成果，虽然我们小组尽力了，但当我们看到其他小组的作品，我们看到的是差距。这其中最让我们惊叹的是XX他们小组的作品，作为XX的室友，当看到他的作品时，让我重新认识到了这个每天和我通行的朋友，他每天都比我花更多的时间去学习，不知不觉间已经领先我一大步了，平时没有展现的舞台，我们并不能感受到这种差距，而一旦一起走上台面，就会被吓一跳。他们小组的作品是3D效果展示，短短几分钟的作品着实震撼了一下我们，虽然我也有学习3D效果，但要做到那种效果，确实很难。进入社会，差距都是在不经意间产生的，稍有疏忽便会落后时代的步伐。

第四也是最重要的，永远不要低估了团队的力量，一个人做不到的事，一个团队却可以做到，虽然我们组的作品不是最优秀的，但即使是这样，他也是我们一个团队才能完成的，单靠我们中的一个人是无法完成的，也许我们各自出的力并不平衡，但正是这种不平衡才能达成合作，每个人都有自己擅长的部分和欠缺的部分，通过团队的内部打磨，我们就能扬长避短，发挥各自的特色。当我们踏入社会，不可能面面俱到，总会有我们无法应对的难题，当我们融入一个团队，我们就可以规避风险，收获成功。

回顾实习生活，感触是很深，收获是丰硕的。在短暂的实习过程中，我深深的感觉到自己所学的知识的肤浅和在实践运用中知识的匮乏，刚开始的一段时间里，即使跟着老师敲代码，我依旧有很多东西不懂，这让我感到非常的难过。在学校总以为自己学的不错，一旦接触到实践，才发现自己知道的是多么少，动手能力是多么差，这是才真正领悟到学无止境的含义。

实习是每个大学生必须拥有的一段经历，他是我在实践中了解社会，让我学到了很多课堂上根本就学不到的知识，也开阔了视野，增长了见识，为我们走向社会打下了坚实的基础

实习笔记

时间：2016年5月9日

地点：计算机大楼523机房

主要内容：

今天是第一天实习，一天下来还是挺累的，不过还是有些收获。

实习从早上8点开始，早上下雨，来的稍晚了一点，将近8点才到教室，虽然还没有上课，但自我感觉还是不好，以后得在时间上多注意下。上午一开始，讲师给我们介绍了近三周的实习规划，大部分时间都是学习一些知识，同时用实验室的电脑现场跟着老师做。

主要要学两部分内容，HTML5和Java，后面几天在根据学习情况做几个项目。之后老师又用视频向我们介绍了当前的大学生就业形势以及人们设想的未来智能家居，通过老师的细心讲解加上视频的生动效果，向我们传达了“当前大学生就业难”以及“今后几年智能专业前景乐观”两条重要信息。之后我们分了小组，以小组为单位确立了实习期间的目标，同时也通过各组代表上台发言展示了我们的各组分工以及对未来薪资的期望，通过组内协商确定口号，决定领导者，细化分工，增加了我们的团队合作能力。

上午主要做了实习的准备工作，下午才开始正式上课，主要内容是HTML5，相关软件及基本使用方法已经在上午准备好了。 我们主要学习了通过Hbuilder软件制作一个照片墙，同时是其中的照片达到一定的效果。虽然一开始并不能理解各个代码的意思及作用，带随着时间的推移，我们一直紧跟讲师的节奏，慢慢的做出了应有的效果，即使并不能完全理解数量颇多的函数代码，但我们还是掌握了照片墙的基本制作方法。

因为是实习第一天，结束后感觉格外累，不过这也证明我们确实再认真听讲学习知识。有所收获后，即使累也是心安的！

时间：2016年5月10日

地点：计算机大楼523机房

主要内容：

今天是实习第二天，基本上已经进入了实习的节奏。

上午半天我们在讲师的讲解下，学习了做一个页面。这个页面包括三个图标，我们的任务是让这三个图标动起来，通过代码来确定图标在页面中的位置，并对颜色做相应的处理，颜色又分背景颜色和图标颜色；之后我们要让图标能够旋转，当鼠标点击时，图标发生180度的旋转，然后又转回来。

下午继续在敲代码，我们在上午的基础上又学习了基本的动画制作。刚开始是建立了一个页面包含两个按钮“画一个圆”“画一条线”，点击按钮可以得到相应的效果；之后我们又做了一个小球跳动得简单动画，通过代码让小黑点位于页面左侧中间，再将时间平均划分为十个小段，通过确定每一小段内小黑点的坐标，颜色，大小，透明度等使小球向左移动，同时变换颜色及大小。最后讲师教我们如何随机生成点，并让他们作相应的运动，并通过代码使他们产生随机的颜色，虽然我听得很仔细，但是代码中还是有很多不明白的地方，不过庆幸的是在讲师的指导下我还是成功做出了这个简单动画。

虽然课堂上并没有完全理解所学内容，但我相信通过课后复习，一定能掌握所学知识。通过今天一天的学习，让我由衷认识到动画制作的辛苦，仅仅一个极其简单的小球运动动画都要花费大量时间，有代码堆积而成，可想那些我们生活中所见的动画包含了多少心血！

时间：2016年5月11日

地点：计算机大楼523机房

主要内容：

今天是实习第三天，只上了半天课，下午半天在休息。

上午半天主要学习了一个程序，讲师教我们在页面内制作若干个标签。分别为每个标签命名，给每个标签一个小块，小块有编号，通过代码控制小块的大小及颜色，并为每个小块顺序编号，依次排列在页面作则中部。

关于这个程序我们主要需要实现的功能是：当鼠标移动到相应标签块是，小块向左移动，显示隐藏在页面右侧的名字；当鼠标向下移动时，各个块依次向左移动，成阶梯状。

要实现各个块按顺序等间隔移动，需要在代码中加入关于“延时”的代码，同时不同于之前程序只用到了HTML和css，这个程序还有到了Js语言，相对于之前的代码更加复杂。

下午我们迎来了实习后的第一次小长假，讲师在课堂最后给我们布置了一个小任务，要求我们通过HTML，css，Js实现一个小球随鼠标移动的动画。很不幸的是我做了一个下午也并没有实现相应的效果，我仅仅能做出一个小球，并让它远动，但并不能让它和鼠标箭头同步，虽然知道这里面涉及到“延时”等等刚学过的知识，但实际运用起来还是很难，在此我也意识到自己并没有完全理解最近几天讲师所教授的内容，尚且他还需再接再厉。

时间：2016年5月12日

地点：计算机大楼523机房

主要内容：

今天是实习第四天，和昨天一样，今天只有半天课，但是半天所学到的东西却似毫不逊色之前的一天。

上午我们主要做了一个坦克移动的小程序，我们从讲师哪儿拷贝了一张坦克的小图片，作为我们实验的模型。然后开始正式编写程序，首先第一步是建立了一个web工程，命名为“坦克大战”，并将坦克的图片复制到img文件中；然后编写Html文件，并建立了一个css文件用于控制坦克的位置以及边框的大小，再建立了两个Js文件分别用于控制坦克移动的方向和坦克子弹的发射。

Css文件中主要有一个body标签用于设置页面宽高，又gameBox属性设置游戏盒子大小，player属性设置坦克的初始位置；Js文件分为player和bullet两个文件，player文件创建了player对象并定义了player类，由类来控制坦克移动速度及转向，由函数window.onload来监听键盘输入，通过将键盘的上下左右和空格转化为ASCII码值来让系统识别；bullet文件创建了一个子弹对象，由setFrame函数来定义子弹大小及位置，由代码实现，键入“空格”则子弹对象向前移动，给与一个控制子弹移动的计时器setIntervar在子弹移动后清除移动的痕迹。

“坦克大战” 设置了四个文件较之前的实验更加复杂，虽然我按讲师的节奏做出了相应的效果，但其中的细节部分仍有很多不明白的地方，课后还得加班加点才能融会贯通。

时间：2016年5月13日

地点：计算机大楼523机房

主要内容：

今天是实习第五天，也是本星期最后一天，一想到明天开始就要开始休息，心里就莫名的兴奋，以至于一天都精力充沛，学的很认真。

今天还是接着昨天的进度继续做“坦克大战” ，在昨天的基础上又加入了两个Js文件，命名为“main”“enemy”，加上昨天的“player”“bullet”，一共有4个Js文件了，虽然我们觉得文件有点多，但讲师告诉我们随便一个网页之中用到的文件个数都要远多于这个数。player中开头的事件函数window.onload给注释掉了，加上enemy中的window.onload,一起移动到了main文件中，因此，main函数仅仅起到了一个连接player和enemy的作用。较为负责的是，今天加入了enemy文件，用于定义游戏中的“敌人”，首先定义了一个enemy类用于控制“enemy”的属性以及运动规律；这其中用到了一个setInterval（function（））函数用于控制“敌人”自动寻路，通过判断“enemy”距离盒子上边线，左边线的距离与“player”的大小关系，来控制“enemy”的远动方式。最后是编写子弹“bullet”相关的代码，如果“bullet”与“enemy”接触，则移除“enemy”反之，如果“enemy”与“player”接触，则移除“player”，并输出“game over”结束游戏。

这是我第一次编写游戏程序，虽然是一个很简单的游戏，但编写过程却不是一帆风顺，我早上运行程序时，出了一个小bug，当我的“player”向上发射子弹时，子弹却飞向了右边，我花了很长时间都没能找出bug在哪儿，直到下午我在检查“player”文件时才发现，我之前为了改变“player”的移动速度将所有控制速度的“1”全替换成了“3”，其结果造成程序中用来表示“向上”的“1”也被替换成了向右的“3”，致使原本向上的子弹飞向了右边。这次bug也让我意识到在编程序是绝对不要为了简单而编写马虎，否则出了bug就得不偿失了。

时间：2016年5月16日

地点：计算机大楼523机房

主要内容：

今天是实习第六天，经过两天的周末修整，今天状态很好，因此学得也很好。

周一是一周的开始，我们今天步入了新的阶段，老师开始教我们移动App代码程序的编写，和上周的web程序略有不同。程序界面不再是整个页面，而是只有手机大小的一块界面，因为是以在手机上运行为前提的。今天还只是开始，所以编写的程序也是较为简单的，我们命名为“画出我的女神”。

该程序含有一个html主程序，两个Js文件，分别为“app”“jpuer-2.1.0”，以及一个css文件，命名为“style”。主程序中以link调用css文件以script分别调用“jquery”和“app”文件，标签内定义了界面用到的图片以及按钮，按钮有五色的控制和橡皮擦的控制。css文件主要用于界面，图片以及按钮的属性控制，分别又width，height，background-color，position等定义宽高，背景色，以及位置的相对绝对，“jquery”用于定义用于鼠标监听的特殊字符“$”,“app”作为主要功能实现模块，由var定义各种所需量，由函数setAttr，drawMonitor等定义画笔和橡皮擦的详细功能以及切换方法。

因为是第一次接触app软件的编写，暂时还有很多不懂得地方，单我相信通过一周的学习，我一定会掌握。

时间：2016年5月17日

地点：计算机大楼523机房

主要内容：

今天是实习第七天，也是第二周的第二天，昨天第一次接触了app的编写，今天继续跟着老师的节奏编写。

今天的程序代码命名为“汤姆猫”，源于之前很火的手机游戏“汤姆猫”，我当时都有玩过，即使现在我老家的小孩子们已经还有玩这个游戏的。游戏中涉及很多复杂的代码，老师这次就没有让我们去触及，仅仅让我们以“汤姆猫”为模板去实现一些简单的功能。复杂的功能要么直接忽视，要么由老师直接提供代码。比如代码所要用到的各种图片图标都由老师同意拷贝给我们，我们只需要根据这些图片和按钮编写，我们主要要实现的功能是让猫动起来，通过点击各个按钮让猫做不同的动作，比如低级“放屁”，猫就会做出放屁的动作，虽然原来的游戏还有声音效果，但这里我们就直接跳过了，没有去实现。

代码包括一个html主程序，一个Js文件，命名为“app”，一个css文件，命名为“style“，除此外还包括”img”“Button”“Animation三个文件，不过，这几个文件都有老师提供。与之前一样css用于设置各个按钮的基本属性，包括位置大小和颜色，“app“中window.onload函数用于监听鼠标点击并调用函数startAnimation，该函数用于动画的播放，即在一定的时间里将“Animation”中的相应图片切换出来。

时间：2016年5月18日

地点：计算机大楼523机房

主要内容：

今天是实习第八天，今天所做的程序命名为“微信场景页”

上午到达教室我遇到了一个严重问题，我试验所用的电脑出了问题，使我无法连上老师的教学界面，因此整个上午我都学得很被动，程序也有很多地方没能跟上老师的节奏，不过好在今天只有半天实习，我通过下午半天仔细勉强跟上了老师的节奏，尽管如此，我还是希望学校能在教学的硬件设施上多下功夫，不能总让我们在学习的过程中因为些客观原因受到耽误。

微信这款软件于几年前进入我们的事业，短短几年已经发展的和QQ不相上下，如今周伟摄很多同学已经不用QQ而只用微信来用于网上交流了。今天的程序是做一个页面，通过代码实现各个页面之间的切换，相应的每个页面在做独特的设计，因为只有半天，所以我们并没有完成所用功能，仅仅实现了一个页面的设计。

时间：2016年5月19日

地点：计算机大楼523机房

主要内容：

今天是实习第九天，和昨天一样只有上午半天有课，下午休息。

今天继续昨天的实验，我们进一步来完成“微信场景页”这个程序。程序依旧是移动App文件，代码包括一个html主程序，有个存放图片的img文件夹两个Js文件，分别命名为“jquery”和“TouchFunction”，除此之外还有两个css文件，分别命名为“style”和“animation”。 “style”文件用于定义各个图片以及图片中的文字的基本属性，与之前的代码不同，这次的“style”要复杂得多，因为要定义的页面有5个，每个页面都有其单独的代码控制，这里就不逐一细说，文件中以”.page1”~”.page5”定义五个页面的基本属性，由@keyframetoTop，toBottom，nextTop，prevBottom四个属性来定义翻页的基本动画。“animation”文件用于定义翻页以及每页中文字的的具体定义。“TouchFunction”文件由于鼠标监听，有“switch”来判断鼠标的命令，在作出相应的操作。

因为老师只交了我们一个页面的制作方法，之后的四个页面则让我们以小组为单位自行制作，然后由老师来检查，并评出优秀的组，虽然我们组的作品还不错，但由于我们掌握的并不是十分好，因此并没能得到第一名，不够小组的合作也是为之后实习结束时的小组作品环节做准备。

时间：2016年5月20日

地点：计算机大楼201机房

主要内容：

今天是实习的第十天，也是是第二周的最后一天，今天结束我们就结束了移动App的学习，另外值得庆幸的是应我们的要求，我们终于在今天换了教室，由原来的523机房换到了201一号机房，因为是第一次换教室，我并没有多留意教室的门牌号，因此有可能我记错了教室号。不过换教室还是有很多好处的，首先我们不用爬到五楼了，对于我们这些生娇体弱的程序员们，这的确是福音，早上听说还有人在泰宿前面晕倒了。新教室较之前的523大有改观，至少有网了，这样也方便了我们编程时有不懂的可以现场百度查阅。

今天所做的是有个音乐播放器，暂且命名为“音乐播放器”，就如同我们平时所用到的音乐播放软件一样，能够点击相应的音乐名播放，并能通过按钮控制上一曲下一曲和播放暂停，页面分为三大块，在主程序html中定义了header,footer为顶部和底部，分别用于显视软件名和存放操作按钮，中间大部分定义为一个“musicList”>标签，用于存放歌曲信息。img和music文件都是从老师哪儿拷贝的文件，css文件用于定义页面中的图片，按钮以及文字的基本属性。Js文件“app”则用来实现播放器的具体功能，依旧以$function来完成鼠标监听，以getMusic函数来获取存放在music中的音乐数据，createSubViews函数用来根据监听结果进行操作。

交于之前的程序，这篇程序明显复杂的多，但因为已经编了好几个程序了，稍微复杂一点的程序我们也能理解了。

时间：2016年5月23日

地点：计算机大楼201机房

主要内容：

今天是是实习第十一天，本周是实习的第三周，也是最后一周，我们的H5实习将在本周结束，我们也将以小组为单位完成各自的作品。、

最后一周的实习内容是3D，我们将编写出3D的效果，第一个程序名为“3D飞机”，这是一个web程序，主要是编写一个3D的场景，设计一个飞机模型作为玩家，我们通过程序控制飞机在场景内移动，并设置一定的障碍物，通过操控躲避障碍，当飞机与障碍相撞，给出失败的画面并显示游戏结束。

游戏程序我们已不陌生，之前右边的“坦克大战”“汤姆猫”等都是一些简单的游戏程序，但这次的程序融入了3D效果，为了实现这种效果，程序要复杂得多。还是和之前一样，必须有一个html主程序作为载体，调用js和css文件。html文件在这只起到了调用其他文件以及定义游戏盒子的作用，就不细说，主要功能实现是在一个名为“main.js”的文件中，在该文件中我们要设置相关变量，如场景摄像机，视野，纵横比，近平面，远平面，渲染器等。由函数createcense来创建场景，包括场景中的雾，摄像机相关变量；由函数createLight来创建灯光和阴影，再由createAirplane来创建玩家控制的飞机。

相比之前的程序，3D程序因为要控制的量很多，所以程序要复杂的多，光一个”飞机”的设置就是极其复杂的，既要设置基本模型，还要设置阴影以及桨片旋转等。

时间：2016年5月24日

地点：计算机大楼201机房

主要内容：

今天是实习的第十二天，上午还是在照常上课，我们继续昨天的任务，完善我们的“3D飞机”，下午开始我们的课程基本结束，进入我们的小组作业阶段。

因为机房电脑显卡有问题，我们编写的“3D飞机”无法在电脑上运行，虽然老师要我们带自己的电脑来运行，可惜的是我是台式电脑，并不能带过来上课，作为实习的最后一讲，我未能在课堂是实现想要的效果，略显遗憾，不过好在课后回到寝室我还能再电脑上运行，虽然没有老师在一边直接指导，出了很多问题，遭遇了很多麻烦，换了很长时间，但最终还是成功运行出来了。

下午我们小组成员一起开了一个小会，就我们的小组作品进行了商榷，我们小组一共有8个人，小组名称叫“TK8”，意思是“the key 8”，虽然我是很想吐槽一下这个名字，单因为我也没别的好名字，也就暂时认可了。小组组长是杜悦，成员有蔡维雪，杨春军，陈磊，程幸福，许为武，雷擂和我，小组会议最终决定了我们的作品将是一个小游戏，我之前很火的游戏“2048”，我们将参考这个游戏，用我们所学的H5知识来编写他。而我分配的任务是负责编写游戏外部的框架，包括背景，游戏开始控制的相关按钮。之后我们就结束了今天的课程，回到各自寝室，去做相应的准备。

时间：2016年5月25日

地点：计算机大楼201机房

主要内容：

今天是实习第十三天，因为是周三，只有半天课，上午半天我们就开始完成各自的任务。

我负责做个外部框架，别的同学则负责游戏程序的编写以及ppt等的制作，我以开始以为只做个框架很简单，然而当我们正式开始后，我才发现自己动手编写程序远没有想的那么简单，就结果而言，我花了整整一个上午的时间也没有做出完全的框架。

我首先建了项目，在html文件中定义了一个游戏所需要的矩形框架，然后将其分为三部分，并引入一张图片作为背景。然后新建了一个css文件，并在html中引入，我将css文件命名为“style”，在该文件中，首先由body属性来控制框架在页面的位置，当初跟着老师敲程序时，这些简单的都是一笔带过的，当我自己来写时，总是出各种问题，如一开始我的背景图片撑破了框架，后面通过看之前编写的程序才得以改正。当将框架完成后。我开始编写顶部部分按钮的功能，这里用到两个按钮，一个是实时跟踪游戏过程，显示当前分数，另一个是保存历史最高分数，并及时更新。刚开始我都无从下手，后来经同学提醒才想起来可以通过鼠标点击监听来时时更新分数。

下午我们小组再次开了小会，最后因为游戏内部的很多程序太复杂，凭我们目前所掌握的知识无法实现，而决定放弃这个游戏，重新编写一个程序。之后的程序名为“暴走方块”，由杨春军和许为武主要编写，我负责实时支援，两个女生负责对程序的检测。

时间：2016年5月26日

地点：计算机大楼201机房

主要内容：

今天是实习第十四天，也是倒数第二天，我们小组的程序预计在今天完成，以为最后一天我们要上交程序并接受老师点评。

经过上午半天的编写，程序已经有了基本雏形，程序名为“暴走模块”，我们的目标是做这样一个简单的游戏，游戏一共有四个界面，游戏开始界面，该界面包含游戏名称以及两行文字“即将进入沙哈拉沙漠的魔鬼黑块之行，依次准确踏入黑块，否则将败落！游戏结束”，在下面是一个按钮“进入游戏”。背景是一个3D效果的动态移动的方块。点击“进入游戏”后是第二个界面，该界面主要是一个倒计时界面，伴随着音乐特效开始“3，2，1，0，Ready go！”，之后是游戏的主界面，也就是玩游戏的界面，这个游戏是一个点击移动方块的游戏，游戏开始后，会有一个个矩形方块从界面上面滑下，玩家要用鼠标去点击这些方块，如果点击了空白部分，或者漏掉了方块，则游戏结束。结束后则进入结束界面，该界面有两个按钮“继续”“退出”，点击后则有相应的效果。

游戏程序中，为每一个界面都编写了相应的代码，代码主体部分由杨春军和许为武负责，具体来说有他们来构思，我们几个来给出建议并提供协助，编号的代码有女生们来检查错误并更改。我在小组具体任务是在网上查找需要的图标，背景图片，游戏音效，背景音乐并添加进代码。

时间：2016年5月23日

地点：计算机大楼201机房

主要内容：

今天是实习最后一天，我们小组为了以来美满结局做出了很多努力，上午开始我们对各自的作品做最后修改，十点后开始由各组代表带着各自的作品上台作介绍并展示。

通过三周的学习，在今天，我们见到了各自的成果，虽然我们小组尽力了，但当我们看到其他小组的作品，我们依旧看到了差距。最让我们惊叹的是学霸小组展示的作品，组内主力是班上学霸XX以及之前就自学过H5的XXX，除此外还有今个富有热情的同学，他们所展示的作品是一个3D图像的变化效果，包括成排的方块的变化过程以及一个贴有组内成员照片的立方体的大小变化和旋转变化，总的来说，技术方面要高于我们的作品。因为我们这周才学3D效果，而且只是略写了一下，虽然我们组也有将3D效果融入到我们的作品中，但相对于他们组，我们的3D效果要差很多。除开这组作品，另一个受瞩目的作品是2班一个小组的作品，作品是一个动漫游戏，他们将最近很受欢迎的动漫“为世界献上美好祝福”融入到作品中，做了一个带有少许剧情画面的弹幕类游戏，游戏中玩家可以操控动漫角色在2D平面类自由移动，同时发射各色弹幕并躲避敌人的各色弹幕，因为我很喜欢动漫以及动漫类游戏，所以感觉他们组的作品应该是参考了“东方project”系列的弹幕游戏。作为一个学程序的学生，我很佩服他们，能将自己喜欢的动漫以及游戏通过程序表达出来。

通过几个小时的展示，我们见识了各种作品，有的小组单凭技术就让我们眼前一亮，有的小组靠创意让我们叹服。短短几个小时让我意识到原来我身边的人都在默默努力，只要一个舞台，他们就会展翅飞翔，我如果想在他们面前站稳脚跟，尚且还需努力！