天天看點

《HTML5遊戲程式設計核心技術與實戰》一2.6 其他全局屬性

本節書摘來異步社群《html5遊戲程式設計核心技術與實戰》一書中的第2章,第2.6節,作者: 向峰 責編: 楊海玲,更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

html5遊戲程式設計核心技術與實戰

在context中還有一些常見的全局屬性,做一些了解。

globalalpha:透明度,這個值用來設定在畫布上繪制的透明度,值的範圍從0~1之間,使用這個屬性我們可以完成一些常見的效果,比如遊戲中常見的淡入淡出效果。

以下代碼展示了一張圖檔淡入,也就是逐漸顯示的效果。

《HTML5遊戲程式設計核心技術與實戰》一2.6 其他全局屬性

globalcompositeoperation:全局混合模式,這個屬性定義了如果在畫布上繪制多個圖像時,圖像進行疊加的方式,也稱為混合模式,類似于photoshop這種圖像處理軟體中圖層的疊加模式。表2-4列出了混合模式的可能值,表2-4中,正方形表示目标圖像,圓形表示源圖像。

《HTML5遊戲程式設計核心技術與實戰》一2.6 其他全局屬性

繼續閱讀