HTML5案例觀摩 (四)各式近期HTML5案例選

  本篇將會將小樽第一堂課的課程中,針對目前HTML5可以做到哪些效果的案例,將剩下的案例一次寫完,不再獨篇介紹,如果往後有其他補充小樽再另開新文章。

RA RA RIOT—網址在此,這個作品一開始會要輸入一個名字,可以隨便打,按下Enter以後他會隨著音樂的播放,讓你可以控制滑鼠並展現出華麗的筆刷效果,同時他也是個小遊戲,吃畫面上的藍點會加分並且累積一些視覺效果,吃到紅色的則反,最後會結算你的成績~而要你輸入的名字也就是讓你登錄分數可用,附帶補充以前有一個小樽介紹過的效果很類似的Flash,提供比較參考。

(image)

BallDroppings網址在此,這個效果在以前的JavaScript也可以做到只是現在有canvas標籤就可以很容易的發布在網頁上,使用方法是你可以在螢幕上畫線,左方掉落出來的點就會因為你畫的線而產生反彈,依照不同的線所敲擊出來的聲音也不一樣,並可在畫面下方改變球的掉落速率和重力參數。 Read more »