记HTML5省技能大赛(html5交互融媒体内容设计与制做)(19.3.23)

此次比赛是在一个偶然的机会中报上了名,和我一块儿去比赛的有一个大三的师兄和一个好朋友以及两个带队的老师前往中山比赛。
咱们提早一天来到了赛场(中山火炬学院)附近的一个酒店入住,而且到学校报到,还拍了几张照片。
晚上我和好朋友一块儿去了附近的富民广场吃了一顿火锅。还买了答案奶茶,问他咱们明天比赛的成绩,可是他并无给出明确的答案,他说:web

在这里插入图片描述
早上,五点多就起来吃早餐而后上路去学校比赛。这天下着微微的雨,咱们穿着北测蓝色的马甲,状态还不错。
比赛以前一人干了一瓶红牛,觉得能提提神,没想到由于这个红牛 ,好朋友一进去就上厕所,总共上了五六次,连咱们都怀疑这个队友有问题。
本觉得此次比赛会很难,没想到是一个挺容易的题目。咱们是分红两个任务来作。任务一比较难是用平台上的应用作的,咱们是作任务二用代码实现。大概是作一个宣传志愿者及模拟注册的一个动画场景。他给了咱们所有的照片素材和一个完整做品的录屏。总共六个界面:svg

  • 第一个界面是一只鸽子和进度条动画,读条动画后面有百分比的进度显示。咱们利用了他的素材切了三张图放上去按顺序播放,当作一个进场动画。字体

  • 第二个界面是一个打字机,打字机我看过可是没接触过他的代码。一时也没想出来怎么实现,因此就用了最傻的办法 用定时器 定时给文本框换字,每次都加一个字 。就出现了打字机的效果。动画

  • 第三个界面是一个相似表单的,这也是咱们惟一一个没有作出来的界面,由于想留到最后作的没想到没时间了。code

  • 第四个界面是一个志愿者小女孩,能够给他戴帽子,穿马甲等等动画。咱们用切换图片的方式作了。xml

  • 第五个界面是一个礼花飘落以及字体缩放等的一个动画,这个用了简单的动画完成了。blog

  • 第六个界面是一个像购物清单同样的东西,一个一个从透明0到一显示出来,每个都比前一个延迟出现一秒差很少。图片

此次比赛可能由于是广东第一届题目很容易。可是咱们最后出现了个小插曲,差点就凉了。还好运气还不错。过了两天出了成绩 是二等奖,可是分数有点低。很奇怪,就差了一个表单和几个小的细节,其余基本上都实现了。it

没能完成的点:
                 		 1.图片没有进行预加载,第一次出现图片时偶尔会有小卡顿。
						 2.几个小细节的动画以及表单没有完成。
					     3.图片动画没有使用时间轴来完成。
					     4.没有控制好时间,致使最后提交很紧张。

总之此次比赛学到了不少东西,算是不枉此行。最后也谢谢个人两位队友和两位老师,最后附上颜值最高的队伍照片。在这里插入图片描述表单