HTML5 Canvas KineticJS 學習筆記1

前言：

KineticJS是HTML5 canvas遊戲開發的一個框架。其實和EaselJS有點像，說錯了不是有點像，是很像。隻要熟悉其中一種就夠了，或者你可以自己開發一個類似的框架也行。廢話不多說，開始今天的第一課吧：繪製一個Rectangle，顧名思義就是一個矩形。

首先先到KineticJS官網下載好源代碼，並將其置於Rect目錄下，你可選擇下載一個打包好了的kinetic-v4.7.4.min.js(經過js壓縮的，這裏有各種奇葩解壓縮工具https://www.juerry.com/tools/，你可以嚐試一下），這是目前最新的版本。

你也可以在官網的GitHub倉庫中下載其開發原始文件夾，適合測試和研究用，如果你想寫出自己的框架，這是一個不錯的資源。

或者直接在index.html中遠程連接至源代碼庫（但是如果測試時的話，那就比較悲催了）。準備如下以下幾個目錄：

Rect/index.html
        /main.css
        /main.js
        /kinetic-v4.7.4.min.js

好的，先看看index.html中的內容吧：（ps:官方教程推薦使用notpad這個文本編輯器進行開發，但是我個人推薦使用Sublime Text，你可以在網上可以找出一千個理由為什麼要使用它。)

快下班了，現到這吧

最後更新：2017-04-03 12:54:00