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的Select选择框的华丽变身
Aug 23 Javascript
jquery实现商品拖动选择效果代码(自写)
May 28 Javascript
使用JavaScript获取电池状态的方法
May 03 Javascript
jQuery实现感应鼠标动画效果自动伸长的输入框实例
Feb 24 Javascript
AngularJS 中的指令实践开发指南(一)
Mar 20 Javascript
JavaScript 轮播图和自定义滚动条配合鼠标滚轮分享代码贴
Oct 28 Javascript
webpack常用配置项配置文件介绍
Nov 07 Javascript
Vue实现带进度条的文件拖动上传功能
Feb 23 Javascript
React 无状态组件(Stateless Component) 与高阶组件
Aug 14 Javascript
JS/HTML5游戏常用算法之路径搜索算法 随机迷宫算法详解【普里姆算法】
Dec 13 Javascript
Vuex的API文档说明详解
Feb 05 Javascript
解决vue prop传值default属性如何使用,为何不生效的问题
Sep 21 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设计模式 Visitor 访问者模式
2011/06/28 PHP
php遍历目录与文件夹的多种方法详解
2013/11/14 PHP
浅析PHP微信支付通知的处理方式
2014/05/25 PHP
PHP中使用strpos函数实现屏蔽敏感关键字功能
2014/08/21 PHP
PHP中字符与字节的区别及字符串与字节转换示例
2016/10/15 PHP
注释PHP和html混合代码的小技巧(分享)
2016/11/03 PHP
PHP封装cURL工具类与应用示例
2019/07/01 PHP
PHPExcel实现的读取多工作表操作示例
2020/04/14 PHP
toggle一个div显示或隐藏且可扩展成自定义下拉框
2013/09/12 Javascript
使用Jquery实现点击文字后变成文本框且可修改
2013/09/21 Javascript
在每个匹配元素的外部插入新元素的方法
2013/12/20 Javascript
js的2种继承方式详解
2014/03/04 Javascript
基于jQuery.Hz2Py.js插件实现的汉字转拼音特效
2015/05/07 Javascript
jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法(附demo源码下载)
2016/02/25 Javascript
使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)
2016/09/01 Javascript
Nodejs基于LRU算法实现的缓存处理操作示例
2017/03/17 NodeJs
JS倒计时实例_天时分秒
2017/08/22 Javascript
解决ie img标签内存泄漏的问题
2017/10/13 Javascript
浅谈JsonObject中的key-value数据解析排序问题
2017/12/06 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
2018/05/29 Javascript
vue配置font-awesome5的方法步骤
2019/01/27 Javascript
JavaScript实现五子棋小游戏
2020/10/26 Javascript
微信小程序轮播图swiper代码详解
2020/12/01 Javascript
[01:06:43]完美世界DOTA2联赛PWL S3 PXG vs GXR 第二场 12.19
2020/12/24 DOTA
python进阶教程之函数对象(函数也是对象)
2014/08/30 Python
Python中super的用法实例
2015/05/28 Python
详解Python多线程
2016/11/14 Python
解决keras使用cov1D函数的输入问题
2020/06/29 Python
Dr. Martens马汀博士官网:马丁靴始祖品牌
2016/10/15 全球购物
国外平面设计素材网站:The Hungry JPEG
2017/03/28 全球购物
大学生村官工作感言
2014/01/10 职场文书
酒店员工辞职信范文
2015/02/28 职场文书
自荐信模板大全
2015/03/27 职场文书
2016秋季小学开学寄语
2015/12/03 职场文书
windows系统安装配置nginx环境
2022/06/28 Servers
win10滚动条自动往上跑怎么办?win10滚动条自动往上跑的解决方法
2022/08/05 数码科技