HTML5 Canvas KineticJS 学习笔记1
来源:互联网 发布:天猫淘宝买手机靠谱吗 编辑:程序博客网 时间:2024/05/17 11:58
前言 :
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,你可以在网上可以找出一千个理由为什么要使用它。)
快下班了,现到这吧
0 0
- HTML5 Canvas KineticJS 学习笔记1
- html5 canvas 学习笔记
- html5学习笔记 -- canvas
- HTML5学习笔记------Canvas
- html5 canvas 学习笔记
- 推荐一个html5 canvas的插件kineticjs
- html5知识:Canvas的KineticJS事件委托!
- HTML5又一个点:Canvas KineticJS文本教程!
- HTML5心得:Canvas KineticJS正多边形教程
- HTML5--canvas笔记(1)
- HTML5 Canvas笔记 -- 1
- HTML5 Canvas知识点学习笔记
- HTML5学习笔记-canvas 标签
- HTML5----Canvas 学习笔记一
- 【HTML5学习笔记】画布Canvas
- 初学html5 <canvas>学习笔记
- HTML5学习笔记之canvas
- HTML5 Canvas 学习(1)
- ffmpeg init_opts()解析
- Oracle常用查看表结构命令
- PowerDesigner反向生成物理数据模型
- 常遇见的警告、错误以及相关解决方法
- 3层路由器与交换机的转发原理
- HTML5 Canvas KineticJS 学习笔记1
- jquery中关于阻止冒泡..
- FastJSON应用前测试
- tips for subscript operator
- linux下载:wget命令
- Class<T>在BaseDao<T>作用
- html
- 使用 spring aop 在DispatchAction中遇到的问题
- Apache负载均衡+Tomcat集群