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

介紹:

CreateJS爲CreateJS庫,能夠說是一款爲HTML5遊戲開發的引擎。打造 HTML5 遊戲!html

CreateJS 是一套能夠構建豐富交互體驗的 HTML5 遊戲的開源工具包,旨在下降 HTML5 項目的開發難度和成本,讓開發者以熟悉的方式打造更具現代感的網絡交互體驗。canvas

CreateJS 中包含五款工具:瀏覽器

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

TweenJS:一個簡單的用於製做相似 Flash 中「補間動畫」的引擎,可生成數字或非數字的連續變化效果。工具

SoundJS:一個音頻播放引擎,可以根據瀏覽器性能選擇音頻播放方式。將音頻文件做爲模塊,可隨時加載和卸載。性能

PrloadJS:幫助你簡化網站資源預加載工做,不管加載內容是圖形、視頻、聲音、JS、數據……學習


學習目的:

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


頁面結構:

<!DOCTYPE html>
<html>
<head lang="en">
    <title>一個能動的矩形</title>
    <meta charset="UTF-8">
    <meta name="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>
<body onload="init()" style="overflow: hidden">

<canvas id="game"></canvas>

<script src="../lib/easeljs-0.8.1.combined.js"></script>
<script>
    //do it
</script>
</body>
</html>
相關文章
相關標籤/搜索