標籤彙整：HTML5

Phaser 官方有一系列的範例，我會一一的針對這些範例來帶各位看看 Phaser 這遊戲框架能做到怎樣的效果。首先來看第一個範例，從範例中可以學到使用 Phaser 的基本用法跟如何預載圖片。

it's black , it's white, whoo~，之前有分享過一篇 用 jQuery 幫圖片加上黑白效果的文章，不過因為是使用 Canvas 的關係，所以在舊版瀏覽器上就無法支援。

不過現在 BlackAndWhite 會判斷若舊版 IE 瀏覽器的話，就改用濾鏡的方式來達到同樣的功能，同時透過設定還能產生不同的彩色變黑白或是黑白變彩色的效果咧！

Piecon 一樣是利用 HTML5 的 Canvas 來動態產生一個圓餅圖圖示，同時將它指定成 Shortcut icon，並當進度執行完後再還原成網站預設的圖示。

Skycons 利用 HTML5 的 Canvas 的方式來產生常見的 10 種天氣圖示，甚至還能讓天氣動起來呢！接下來，只要搭配像是 Forecast API，就能在網頁中加上天氣效果囉！

有時候填寫某些落落長的表單時，當遇到瀏覽器或是電腦當機的話，整個可能又要重新輸入了。所以 Sisyphus.js 利用了 HTML5 的 localStorage 功能來每隔 N 秒暫存目前所輸入的欄位資料，當瀏覽器未送出前重整或重新開啟都能把資料載回來呢！