HTML5 Canvas 視差滾動動畫

下面是用HTML5的<canvas>標籤寫的一個視差滾動動畫的示例。採用了製做動畫或者遊戲編程中經常使用的雙緩衝技術:獲取到頁面中的Canvas對象以後,建立了一個與頁面Canvas一樣大小的Canvas對象。繪圖時先將圖像繪製到緩衝Canvas中,等到每一楨的圖像繪製徹底後在把整個緩衝Canvas繪製到頁面Canvas中。前景、中景、遠景的視差經過控制移動速度來實現。整個動畫的繪製部分只使用了C
相關文章
相關標籤/搜索