HTML5 Canvas KineticJS 学习笔记1
2023-09-14 08:57:15 时间
h2 span > 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,你可以在网上可以找出一千个理由为什么要使用它。)
快下班了,现到这吧
相关文章
- 翻译:HTML5与HTML4的区别
- HTML5表格简单应用案例之[招聘需求表]
- android 中 webview 怎么用 localStorage? 我在 android里面 使用html5的 localStorage 为什么存不进去也读不出来呀? 网上搜了好多都没效果
- 【HTML5】地理定位
- 让所有IE支持HTML5的解决方案
- 【COCOS2D-HTML5 开发之二】COCOS2D-HTML5项目定义成员,局部变量,函数笔记随笔
- 嵌入视频到 html5 页面
- [HTML5] a tag, rel="noopener"
- 一张图知道HTML5布局(图)
- SAP HTML5 Application Repository
- html5实现的复古软件winamp的播放效果
- HTML5 Canvas中9宫格的坑
- 怎样在Ubuntu手机平台中开发Cordova HTML5应用
- html5新标签转
- HTML5——周技能检测——菜单编辑——2022年11月22日(考完)
- HTML5响应式网页设计——核心技能考核示例(用于2022年11月H5考核)