HTML5+JS开发学习
来源:互联网 发布:软件评测中心招聘 编辑:程序博客网 时间:2024/06/06 02:52
楔子
最近完成了js和html5的理论基础学习,准备开始动手写点代码了。
搭建开发环境
今天搭建了下开发环境,总的来说XAMPP + JDK + Win7。本来想用Linux环境的,结果linux版本的XAMPP中不包含tomcat,只好又换回到windows环境。
编辑器的话,暂时还不知道什么好用,不行的话就用Eclipse了,不过还是想找个轻量级的,再说吧。
自己放了几个app到tomcat中,测试已经可以正常使用了,不错。
Canvas的Framework和Library
- paper.js
http://paperjs.org/
- kineticjs
http://www.kineticjs.com/
- EaselJS
http://www.createjs.com/#!/EaselJS
- raphael
http://raphaeljs.com/
- Processing.js
http://processingjs.org/
- CasualJS Framework
CasualJS Framework是根据ActionScript3.0的架构开发的一套适用于HTML5 Canvas的面向对象的开发框架。目的是让你无缝的从AS3开发过渡到HTML5 Canvas开发。虽然Canvas提供了强大的绘图功能,但满足不了高级开发的需要。利用CasualJS的显示对象架构及渲染机制,你可以轻松的在Canvas中操控各种位图、图形、影片剪辑等显示对象,就如同在用AS3开发一样愉快。Features:
- An AS3-like display object list implementation (类似AS3的显示对象列表结构封装)
- Frame-based display objects rendering mechanism (基于帧的显示对象渲染机制)
- Frame-based MovieClip implementation (基于帧的MovieClip动画片段实现)
- Simple event mode (内置简单的事件模型)
- Display objects collision implementation (显示对象碰撞检测)
https://code.google.com/p/casualjs/
- 其他
The HTML5 canvas element is becoming even more popular and, while reading some tutorials about it, I realized that there are many javascript frameworks that make it much easier to work with canvas.
So here goes the list. Feel free to suggest others that you've seen around.
Paper.js
Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.
Website - Demos
Processing.js
Processing.js is the sister project of the popular Processing visual programming language, designed for the web. Processing.js makes your data visualizations, digital art, interactive animations, educational graphs, video games, etc. work using web standards and without any plug-ins.
Website - Demos
jCanvaScript
jCanvaScript is a javasript library that provides you methods to manage with the content of a HTML5 canvas element easily. It runs on any platform (including iPhone, iPad, Android) that supports canvas and JavaScript.
Website
Fabric.js
Fabric.js is a framework that makes it easy to work with HTML5 canvas element. It is an interactive object model on top of canvas element. It is also an SVG-to-canvas parser.
Website - Demos
LibCanvas
LibCanvas is a free javascript library, based on AtomJS framework. This library gives the developer a lot of tools for creating web applications & games by expanding canvas-2d context existing methods and providing new ones.
Website - Demos
CanvasXpress
CanvasXpress is a javascript library based on the canvas tag implemented in HTML5. It supports bar graphs, line graphs, bar-line combination graphs, boxplots, dotplots, area graphs, stacked graphs, stacked-line combination graphs, percentage-stacked graphs, percentage-stacked-line combination graphs, correlation plots, Venn diagrams, heatmaps, newick trees, 2D-scatter plots, 2D-scatter bubble plots, 3D-scatter plots, pie charts, networks (or pathways), and a genome browser.
Website - Demos
guru
gury (pronounced "jury") is a JavaScript library designed to aid in the creation of HTML5/Canvas applications by providing an easy-to-use chain based interface. With gury you can create a canvas tag, resize and style it, add renderable objects, animate those objects, and place it anywhere on the page in a single chained expression.
Website
CAKE
CAKE is a JavaScript scene graph library for the HTML5 canvas tag. You could think of it as SVG sans the XML and not be too far off.
Website - Demos
bHive
Create rich user experinces, animations, games and applications with bHive, a HTML 5 canvas framework API built to make developing easier, so you can start creating straight away.
Website - Demos
xc.js
xc.js is a framework for HTML Canvas games in Javascript. It's simple and fun to use and you can even try it out right here in your browser. But that's not all. xc.js also runs on other platforms. You can write your games in Javascript and run them in all sorts of cool places (like on your phone!).
Website
游戏Demo等
- HTML5+JS开发学习
- js+html5学习网站
- html5学习开发指南
- 学习html5开发网页设计
- 何学习HTML5开发 蓝鸥零基础学习HTML5在线学习
- html5移动开发--js使用技巧
- 【html5-css3游戏开发】js框架选择
- html5+js+css开发贪吃蛇
- cocos-js开发html5游戏视频教程
- HTML5+JS,微信平台开发
- HTML5+JS游戏开发模块----按键模块
- ASP.net MVC4 + HTML5 + JS 学习贴
- HTML5 - Three.js 3D特效学习
- 【js学习笔记-115】----html5之地理位置
- js学习之HTML5 LocalStorage 本地存储
- JS学习15(HTML5脚本编程)
- HTML5+CSS3+JS学习笔记-1
- HTML5+CSS3+JS学习笔记-2
- #hdu4770# #2013杭州现场赛# A:Lights Against Dudely
- iOS开发教程:Storyboard全解析-第一部分
- linux grep命令
- NSMutableURLRequest实现Post访问
- Hbase简介
- HTML5+JS开发学习
- win7-64,vs2010带的vc10环境下用dos编译C++的步骤
- iOS开发教程:Storyboard全解析-第二部分
- P45-02
- Crystal Reports 2008设计器使用java bean数据源
- OCP-1Z0-053-V12.02-544题
- 航天类SCI收录期刊 截至2009年
- Android程序启动时的加载画面Demo
- QT设置图标