1. 程式人生 > 其它 >CreateJs系列教程-1-開始出發

CreateJs系列教程-1-開始出發

2019獨角獸企業重金招聘Python工程師標準>>> hot3.png

介紹:

CreateJS為CreateJS庫,可以說是一款為HTML5遊戲開發的引擎。打造 HTML5 遊戲!

CreateJS 是一套可以構建豐富互動體驗的 HTML5 遊戲的開源工具包,旨在降低 HTML5 專案的開發難度和成本,讓開發者以熟悉的方式打造更具現代感的網路互動體驗。

CreateJS 中包含五款工具:

EaselJS:用於 Sprites、動畫、向量和點陣圖的繪製,建立 HTML5 Canvas 上的互動體驗(包含多點觸控),同時提供 Flash 中的“顯示列表”功能。

TweenJS:一個簡單的用於製作類似 Flash 中“補間動畫”的引擎,可生成數字或非數字的連續變化效果。

SoundJS:一個音訊播放引擎,能夠根據瀏覽器效能選擇音訊播放方式。將音訊檔案作為模組,可隨時載入和解除安裝。

PrloadJS:幫助你簡化網站資源預載入工作,無論載入內容是圖形、視訊、聲音、JS、資料……


學習目的:

為了更好的實現公司業務需求,完成更好的H5場景動畫,提升技術知識!


頁面結構:

<!DOCTYPEhtml>
<html>
<headlang="en">
<title>一個能動的矩形</title>
<metacharset="UTF-8">
<metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
<style>
*{
margin:0;
padding:0;
}
</style>
</head>
<bodyonload="init()"style="overflow:hidden">

<canvasid="game"></canvas>

<scriptsrc="../lib/easeljs-0.8.1.combined.js"></script>
<script>
//doit
</script>
</body>
</html>



轉載於:https://my.oschina.net/leipeng/blog/528982