第二十八章、集合啦! 动画技术同好会

简介

在系列文的前几篇中,我们有提到 动画 12 法则是如何运作的,不过在科技日新月异下,我们不仅仅是可以在纸上、萤幕上看到动画,而是能与创作者创作出来的作品有更多的互动。那麽这些互动行为,真的能算是 动画 吗?

今天就让我们来讨论看看这个问题吧~

传统动画与多媒体差异

最初期,人们在岩壁上绘制一张张的图片来呈现现实生活中的动态,接着渐渐将这些图片透过线条、颜色等绘画技巧串连再一起,而 动画 这个名词的明确定义是由加拿大动画艺术大师 诺曼 ‧ 麦克拉伦(Norman McLaren) 所提出,动画不仅仅是「会动的画」,而是要表现「画面之间的动作」的一种艺术。

可以看得出来随着时代的演进,动画创作的媒材已经越来越多元,诸如:偶动画、马赛克动画、皮影戏等让每一帧画面串接做出来的动画。而当时代进入多媒体时代後,我们更可以透过文字、声音、五感等方式呈现更多元的互动式艺术创作,例如:宝可梦手游利用的 扩增实境(AR)、各家科技厂商抢攻的市场 虚拟实境(VR),也因为这样,动画的定义如今已渐渐被模糊。

网页动画与事件操作

网页动画可以说是动画与电脑多媒体科技产物所结合出来的产物,随着电脑性能高速发展下,我们可以将网页动画大致分为几种:

播放型网页动画

即是我们最直观认知的网页动画类型,我们透过各种技术,最後将动画渲染的我们指定的画面上,更极端一点,我们直接用非程序制作动画後引入该多媒体连结,做成一个静态动画网页。

参考网站

互动型网页动画

相信大家都知道,在网页程序设计中,我们可以透过很多种 even 操作来触发动画元素,如下面范例网站,我们透过滑鼠点击某区块,触发动画播放:


参考网站

更甚至可以做成如游戏般的互动式动画,例如让观众透过关卡选项来触发不同结局:

参考网站

网页游戏

而在程序设计中,我们也可以透过键盘来操作互动元素,且由於他加入了游戏引擎,让整个动画元素有诸如 碰撞 重力 等行为,因此像这样的网站我们可以归纳为网页游戏,最有名的 google 小恐龙:

议题探讨

经过上述几种范例後,不知道大家对於 动画介面互动游戏 之前的差异有什麽样的看法呢?

以播放型网页动画为例,若我们可直接引入外部多媒体连结,那麽工程师还有「写程序做动画」的必要性吗?

像这样的议题,真的是非常玄学的问题,认真探讨的起来的话大概就跟毕业论文一样吧。


不知道大家对於今天的议题有没有兴趣呢?若是有兴趣或是新的观点的话,欢迎随时来交流一下想法呦~ 感觉是非常有趣的议题呢。


参考资料


<<:  Python - pandas (vi) dataframe资料框之相关指令

>>:  【I Love Vue 】 Day 30 赛後心得与检讨

Day26 React Router useLocation

useLocation 函数是当 URL 网址改变时useState()会返回一个新的包含有关目前U...

如何下载高质量的 Twitter 影片

Twitter 上最受欢迎的功能就是「趋势」功能了。通过该功能,人们可以轻松了解世界各地的热点新闻,...

django入门(七) — 简单范例(5)-Django ORM操作

Django ORM介绍 一般而言,我们要存取资料库需要透过SQL语法,但在django则是使用OR...

[DAY15]组图(2)

Imagemap message Imagemap messages are messages co...

LeetCode 双刀流: 90. Subsets II

90. Subsets II 今天挑选了「90. Subsets II」的题目,这是一道类似「排列...