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 相关文章推荐
javascript操作JSON的要领总结
Dec 09 Javascript
js判断变量初始化的三种形式及推荐用的形式
Jul 22 Javascript
Javascript 读取操作Sql中的Xml字段
Oct 09 Javascript
js给网页加上背景音乐及选择音效的方法
Mar 03 Javascript
JS调用某段SQL语句的方法
Oct 20 Javascript
微信小程序 video组件详解
Oct 25 Javascript
JavaScript实现鼠标点击导航栏变色特效
Feb 08 Javascript
ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!
Mar 14 Javascript
JavaScript使用readAsDataUrl方法预览图片
May 10 Javascript
angularjs数组判断是否含有某个元素的实例
Feb 27 Javascript
如何为vue的项目添加单元测试
Dec 19 Javascript
Angular 多级路由实现登录页面跳转(小白教程)
Nov 19 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图片验证码代码
2008/03/27 PHP
PHP中__autoload和Smarty冲突的简单解决方法
2016/04/08 PHP
PHP中addslashes与mysql_escape_string的区别分析
2016/04/25 PHP
Javascript 获取字符串字节数的多种方法
2009/06/02 Javascript
js分解url参数(面向对象-极简主义法应用)
2012/08/09 Javascript
jquery中focus()函数实现当对象获得焦点后自动把光标移到内容最后
2013/09/29 Javascript
jQuery内置的AJAX功能和JSON的使用实例
2014/07/27 Javascript
使用jquery.qrcode.min.js实现中文转化二维码
2016/03/11 Javascript
Bootstrap图片轮播组件使用实例解析
2016/06/30 Javascript
javascript超过容器后显示省略号效果的方法(兼容一行或者多行)
2016/07/14 Javascript
jQuery自适应轮播图插件Swiper用法示例
2016/08/24 Javascript
js时间比较 js计算时间差的简单实现方法
2016/08/26 Javascript
bootstrap table小案例
2016/10/21 Javascript
react.js 获取真实的DOM节点实例(必看)
2017/04/17 Javascript
提升页面加载速度的插件InstantClick
2017/09/12 Javascript
详解处理bootstrap4不支持远程静态框问题
2018/07/20 Javascript
[02:42]决战东方!DOTA2亚洲邀请赛重启荣耀之争
2017/03/17 DOTA
[01:14]英雄,所敬略同——2018完美盛典宣传视频
2018/12/05 DOTA
教你如何将 Sublime 3 打造成 Python/Django IDE开发利器
2014/07/04 Python
Python 迭代器工具包【推荐】
2016/05/06 Python
Python使用matplotlib绘制多个图形单独显示的方法示例
2018/03/14 Python
Python爬虫框架Scrapy常用命令总结
2018/07/26 Python
pytorch 共享参数的示例
2019/08/17 Python
使用Python为中秋节绘制一块美味的月饼
2019/09/11 Python
Django使用Celery加redis执行异步任务的实例内容
2020/02/20 Python
keras 指定程序在某块卡上训练实例
2020/06/22 Python
使用CSS3的::selection改变选中文本颜色的方法
2015/09/29 HTML / CSS
深入剖析HTML5 内联框架iFrame
2016/05/04 HTML / CSS
党校培训自我鉴定范文
2014/03/20 职场文书
2014年党员评议表自我评价
2014/09/27 职场文书
大学生党员个人剖析材料
2014/10/08 职场文书
商务邀请函
2015/01/30 职场文书
公司开业致辞
2015/07/29 职场文书
《落花生》教学反思
2016/02/16 职场文书
pytorch训练神经网络爆内存的解决方案
2021/05/22 Python
Nginx动静分离配置实现与说明
2022/04/07 Servers