HTML5對聯來了

2012-03-20 07:51 by 【當耐特磚家】, 446 visits,收藏,編輯

今天看到園子里的運動學基礎，里面介紹了一些基本的緩動效果，突發創意利用tween效果制作了HTML5對聯。

對聯

對聯，又稱楹聯或對子，是寫在紙、布上或刻在竹子、木頭、柱子上的對偶語句言簡意深，對仗工整，平仄協調，是一字一音的中文語言獨特的藝術形式。對聯相傳起于五代后蜀主孟昶。它是中華民族的文化瑰寶。

使用計算機制作對聯作用如下：

1.整合入游戲，使其參入中國風；

2.廣告視頻制作；

3.網站左右懸掛，比如春節過年、圣誕、情人節、程序員節（1024）等節日懸掛相應的問候對聯。

緩動

緩動的最大用處就是應用在設計的運動表現上，他可以結合物理，數學等原理真實地模擬顯示生活中的運動現象。緩動還用于各種開場動畫、游戲畫面切換等場景當中。

flash、XNA、silverlight、HTML5、C++等各語言平臺都有成熟的緩動庫。

緩動函數

利用緩動函數可將自定義數學公式應用于動畫。 例如，您可能希望某對象真實地彈跳或其行為如同在彈簧上一樣。 您可以使用關鍵幀動畫甚至To/wait/To/wait·····動畫來實現偽積分操作，大致模擬這些效果，但可能需要執行大量的工作，并且與使用數學公式相比動畫的精確性將降低。所以：

在沒有大量的粒子并且粒子之間沒有相互作用的情況之下，推薦使用緩動函數。

一般成熟緩動庫都包含下列這些緩動函數（同時開發開發者自定義緩動算法），方便開發者來創建常見效果。

BackEase：在某一動畫開始沿指示的路徑進行動畫處理前稍稍收回該動畫的移動。

BounceEase：創建彈跳效果。

CircleEase：創建使用循環函數加速和/或減速的動畫。

CubicEase：創建使用公式f(t) =t3 加速和/或減速的動畫。

ElasticEase：創建類似于彈簧在停止前來回振蕩的動畫。

ExponentialEase：創建使用指數公式加速和/或減速的動畫。

PowerEase：創建使用公式f(t) =tp（其中，p 等于 Power屬性）加速和/或減速的動畫。

QuadraticEase：創建使用公式f(t) =t2 加速和/或減速的動畫。

QuarticEase：創建使用公式f(t) =t4 加速和/或減速的動畫。

QuinticEase：創建使用公式f(t) =t5 加速和/或減速的動畫。

SineEase：創建使用正弦公式加速和/或減速的動畫。

Flash對聯

URL:http://sc.chinaz.com/FlashDemo.aspx?downloadID=1211421570040

完全使用flash制作，沒有緩動效果，遮照出現偏差。如下圖所示：

HTML5對聯在線演示

作者：張磊
出處：http://www.cnblogs.com/iamzhanglei
出處：IamZhangLei.com
本文版權歸【當耐特磚家】和博客園共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接，否則保留追究法律責任的權利。

分類:Javascript,HTML5

作者：Leo_wl
　　　　出處：http://www.cnblogs.com/Leo_wl/
　　　　本文版權歸作者和博客園共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接，否則保留追究法律責任的權利。
版權信息

總結

以上是生活随笔為你收集整理的HTML5对联在线演示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。