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编码的几个方法详细介绍
Jan 06 Javascript
window.returnValue使用方法示例介绍
Jul 03 Javascript
使用JavaScript获取地址栏参数的方法
Dec 19 Javascript
基于jQuery实现返回顶部实例代码
Jan 01 Javascript
jQuery插件开发精品教程让你的jQuery提升一个台阶
Jan 27 Javascript
javascript html5 canvas实现可拖动省份的中国地图
Mar 11 Javascript
原生js仿jquery一些常用方法(必看篇)
Sep 20 Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
Sep 21 Javascript
AngulaJS路由 ui-router 传参实例
Apr 28 Javascript
深入浅析Node环境和浏览器的区别
Aug 14 Javascript
微信小程序实现一个简单swiper代码实例
Dec 30 Javascript
vue+vant实现购物车全选和反选功能
Nov 17 Vue.js
用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
文件上传程序的全部源码
2006/10/09 PHP
中国站长站 For Dede4.0 采集规则
2007/05/27 PHP
php设置session值和cookies的学习示例
2014/03/21 PHP
ThinkPHP2.x防范XSS跨站攻击的方法
2015/09/25 PHP
PHP常用的小程序代码段
2015/11/14 PHP
thinkPHP5.0框架独立配置与动态配置方法
2017/03/17 PHP
PHP实现在windows下配置sendmail并通过mail()函数发送邮件的方法
2017/06/20 PHP
PHP架构及原理知识点详解
2019/12/22 PHP
javascript 鼠标拖动图标技术
2010/02/07 Javascript
jquery 关键字“拖曳搜索”之“拖曳”以及 图片“提示自适应放大”效果 的实现
2010/04/18 Javascript
jQuery数组处理方法汇总
2011/06/20 Javascript
javascript实现的弹出层背景置灰-模拟(easyui dialog)
2013/12/27 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
2015/06/25 Javascript
JavaScript中removeChild 方法开发示例代码
2016/08/15 Javascript
JS验证图片格式和大小并预览的简单实例
2016/10/11 Javascript
在漏洞利用Python代码真的很爽
2007/08/26 Python
基于python 字符编码的理解
2017/09/02 Python
python如何生成各种随机分布图
2018/08/27 Python
opencv3/Python 稠密光流calcOpticalFlowFarneback详解
2019/12/11 Python
python 命名规范知识点汇总
2020/02/14 Python
Python使用itcaht库实现微信自动收发消息功能
2020/07/13 Python
Python中猜拳游戏与猜筛子游戏的实现方法
2020/09/04 Python
python文件路径操作方法总结
2020/12/21 Python
Html5 APP中监听返回事件处理的方法示例
2018/03/15 HTML / CSS
美国正宗设计师眼镜在线零售商:EYEZZ
2019/03/23 全球购物
C语言编程练习
2012/04/02 面试题
strlen的几种不同实现方法
2013/05/31 面试题
安全员岗位职责
2013/11/11 职场文书
央视元宵晚会主持串词
2014/03/25 职场文书
人事任命书范文
2014/06/04 职场文书
领导干部学习“三严三实”思想汇报
2014/09/15 职场文书
学校查摆问题整改措施
2014/09/28 职场文书
银行稽核岗位职责
2015/04/13 职场文书
幼儿园辞职信
2015/05/13 职场文书
幼儿园新学期开学寄语
2015/05/27 职场文书
Keras在mnist上的CNN实践,并且自定义loss函数曲线图操作
2021/05/25 Python