妙味全日制班创意作品动效GIF图展示:3D图片秀

就在上周,妙味课堂 “0829届全日制班” 举办了一场创意作品展示秀。很多不在现场的同学纷纷表示看不到那些作品的演示效果,非常遗憾,希望能看到线上地址。但目前这个班仅仅只学到妙味 JS 课程的一半儿,因此他们分享的作品并不完整,还有很多细节需要调整,所以无法将作品上线。不过为了让大家有一个直观的感受,我们干脆把演示过程做成了 GIF 动效图片,供大家先睹为快!

这是当天的活动现场:

同学们都兴致勃勃的聆听现场讲解:

正在现场演示作品的同学:

这一组学员想要把所学的 canvas 和创建 dom 元素等知识点结合起来,再运用一些三角函数和数学公式,制作一款 “3D绚酷动画” 作品,因此他们就花费了一些时间完成了这样一套作品,以下是作品的GIF图片演示(图片较大,请加载完以后观看):

图片以各种立体形状呈现,在星空背景下缓缓运动,用户可以用鼠标放大缩小或者拖动这些立方体:

当切换显示模式时,图片以碎片形式拼接成一个立体圆筒形状:

鼠标双击这个立体圆筒,图片再次裂变成碎片并拼接成一张整图:

图片以展开形式呈现时,双击图片任意部位,可碎开以后再拼接成下一张图片:

这一组学员的演示完成以后,获得现场热烈掌声。在本次分享活动过后,他们仍将继续学习后面的 JS 课程,等整个课程结束后,他们会把这件作品继续完善、并增加一些更为实用的功能,最终将作品完整的呈现在大家面前。

课程咨询QQ:3349734318、3315116152
课程咨询电话:010-57269690
客服在线时间:周一至周五 9:30-18:00 周六至周日 10:00-17:00
地址:北京海淀区西二旗辉煌国际大厦(西6号楼)319室

妙味网友
请登录后留言,请登录注册