5 cool javascript apps


Posted in Javascript onMarch 24, 2007

By Justin Silverton

The following are 5 javascript apps that I thought would never be possible.  They are all written using the canvas HTML element.

The canvas element is a third party extension to the that allows for dynamic rendering of scriptable bitmap images.

It was initially introduced by Apple or use inside their own Mac OS X Webkit component, powering applications like Dashboard widgets and the Safari browser. Later, it was adopted by Gecko browsers (notably Mozilla and Firefox) and standardized by the WHATWG on new proposed specifications for next generation web technologies. Support is also present in the Opera 9.0 browser. Novell manufactures an XForms processor plugin for Internet Explorer, which also provides support for the canvas element. Independent efforts to support the canvas feature on Internet Explorer do not require plugins and are based solely on VML and Google has also begun a project to add canvas abilities to Internet Explorer using the same techniques.

Canvas consists of a drawable region defined in HTML code with height and width attributes. JavaScript code may access the area through a full set of drawing functions similar to other common 2D APIs, thus allowing for dynamically generated graphics. Some anticipated uses of the canvas include building graphs, animations, and image composition. Source

Note: Most of these examples are *not* compatible with Internet Explorer 

1) Canvascape

A proof of concept of a 3D FPS.  There is a textured and non-textured version available.

2) MSX Emulator

This project shows us the true power of javascript and the canvas element.  It is an MSX emulator, which includes the ability to load and play game roms.

3) Unreal Soccer

A soccer game.

4) Plasma Demo

This is a port of an RGB C plasma demo

5) An Arkanoid clone

A clone of the game Arakanoid.

 

转自: http://www.whenpenguinsattack.com/2007/01/10/5-cool-javascript-apps/

Javascript 相关文章推荐
JQuery 应用 JQuery.groupTable.js
Dec 15 Javascript
JS子父窗口互相操作取值赋值的方法介绍
May 11 Javascript
JQuery插件开发示例代码
Nov 06 Javascript
js解决弹窗问题实现班级跳转DIV示例
Jan 06 Javascript
详谈javascript中DOM的基本属性
Feb 26 Javascript
jquery实现的简单二级菜单效果代码
Sep 22 Javascript
VUE元素的隐藏和显示(v-show指令)
Jun 23 Javascript
JS原型继承四步曲及原型继承图一览
Nov 28 Javascript
详解angularjs 学习之 scope作用域
Jan 15 Javascript
vue axios 简单封装以及思考
Oct 09 Javascript
node.js中module模块的功能理解与用法实例分析
Feb 14 Javascript
深入解析微信小程序开发中遇到的几个小问题
Jul 11 Javascript
用JQuery 实现的自定义对话框
Mar 24 #Javascript
JQuery 简便实现页面元素数据验证功能
Mar 24 #Javascript
AutoSave/自动存储功能实现
Mar 24 #Javascript
用 javascript 实现的点击复制代码
Mar 24 #Javascript
基于逻辑运算的简单权限系统(实现) JS 版
Mar 24 #Javascript
用js实现的仿sohu博客更换页面风格(简单版)
Mar 22 #Javascript
漂亮的提示信息(带箭头)
Mar 21 #Javascript
You might like
php在页面中调用fckeditor编辑器的方法
2011/06/10 PHP
PHP getDocNamespaces()函数讲解
2019/02/03 PHP
juqery 学习之六 CSS--css、位置、宽高
2011/02/11 Javascript
ejs v9 javascript模板系统
2012/03/21 Javascript
JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)
2013/12/17 Javascript
优化javascript的执行效率一些方法总结
2013/12/25 Javascript
JavaScript中for循环的使用详解
2015/06/03 Javascript
javascript显示倒计时控制按钮的简单实现
2016/06/07 Javascript
郁闷!ionic中获取ng-model绑定的值为undefined如何解决
2016/08/27 Javascript
jQuery双向列表选择器DIV模拟版
2016/11/01 Javascript
Bootstrap CSS组件之面包屑导航(breadcrumb)
2016/12/17 Javascript
JavaScript提高加载和执行效率的方法
2017/02/03 Javascript
JavaScript评论点赞功能的实现方法
2017/03/13 Javascript
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
2018/07/25 jQuery
原来JS还可以这样拆箱转换详解
2019/02/01 Javascript
JS实现的自定义map方法示例
2019/05/17 Javascript
vue实现日历备忘录功能
2020/09/24 Javascript
vue-cli创建的项目中的gitHooks原理解析
2020/02/14 Javascript
安装多版本Vue-CLI的实现方法
2020/03/24 Javascript
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
2020/04/04 jQuery
element-ui和vue表单(对话框)验证提示语(残留)清除操作
2020/09/11 Javascript
js制作提示框插件
2020/12/24 Javascript
使用Python编写简单网络爬虫抓取视频下载资源
2014/11/04 Python
利用Python抓取行政区划码的方法
2016/11/28 Python
python机器学习案例教程——K最近邻算法的实现
2017/12/28 Python
Python函数定义及传参方式详解(4种)
2019/03/18 Python
Python Selenium XPath根据文本内容查找元素的方法
2020/12/07 Python
奥斯汀独木舟和皮划艇:Austin Canoe & Kayak
2018/05/22 全球购物
华为c/c++笔试题
2016/01/25 面试题
基层党员公开承诺书
2014/05/29 职场文书
2014年食堂工作总结
2014/11/20 职场文书
2015年组织部工作总结
2015/04/03 职场文书
Spring Bean的实例化之属性注入源码剖析过程
2021/06/13 Java/Android
vite+vue3.0+ts+element-plus快速搭建项目的实现
2021/06/24 Vue.js
基于Redis结合SpringBoot的秒杀案例详解
2021/10/05 Redis
一篇文章看懂MySQL主从复制与读写分离
2021/11/07 MySQL