前言 ：   

 KineticJS是HTML5 canvas游戏开发的一个框架。其实和EaselJS有点像，说错了不是有点像，是很像。只要熟悉其中一种就够了，或者你可以自己开发一个类似的框架也行。废话不多说，开始今天的第一课吧：绘制一个Rectangle，顾名思义就是一个矩形。

开始：

首先先到KineticJS官网下载好源代码，并将其置于Rect目录下，你可选择下载一个打包好了的kinetic-v4.7.4.min.js(经过js压缩的，这里有各种奇葩解压缩工具http://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，你可以在网上可以找出一千个理由为什么要使用它。)

快下班了，现到这吧