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 相关文章推荐
js url传值中文乱码之解决之道
Nov 20 Javascript
ASP.NET jQuery 实例10 动态修改hyperlink的URL值
Feb 03 Javascript
javascript弹出层输入框(示例代码)
Dec 11 Javascript
BootStrap组件之进度条的基本用法
Jan 19 Javascript
集合Bootstrap自定义confirm提示效果
Sep 19 Javascript
React之PureComponent的使用作用
Jul 10 Javascript
layui点击按钮添加可编辑的一行方法
Aug 15 Javascript
浅谈vux之x-input使用以及源码解读
Nov 04 Javascript
vuex存值与取值的实例
Nov 06 Javascript
记一次用ts+vuecli4重构项目的实现
May 21 Javascript
vue 动态设置img的src地址无效,npm run build 后找不到文件的解决
Jul 26 Javascript
vue项目在线上服务器访问失败原因分析
Aug 14 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 EOT定界符的使用详解
2008/09/30 PHP
php实现文件下载功能的几个代码分享
2014/05/10 PHP
php实现插入排序
2015/03/29 PHP
基于PHP实现短信验证码接口(容联运通讯)
2016/09/06 PHP
理解JAVASCRIPT中hasOwnProperty()的作用
2013/06/05 Javascript
JS获取图片实际宽高及根据图片大小进行自适应
2013/08/11 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
2013/12/05 Javascript
jquery单行文字向上滚动效果示例
2014/03/06 Javascript
超炫的jquery仿flash导航栏特效
2014/11/11 Javascript
jquery中JSON的解析方式
2015/03/16 Javascript
js实现从左向右滑动式轮播图效果
2017/07/07 Javascript
Js判断H5上下滑动方向及滑动到顶部和底部判断的示例代码
2017/11/15 Javascript
zTree 树插件实现全国五级地区点击后加载的示例
2018/02/05 Javascript
vue实现的组件兄弟间通信功能示例
2018/12/04 Javascript
js中实例与对象的区别讲解
2019/01/21 Javascript
vue在自定义组件中使用v-model进行数据绑定的方法
2019/03/25 Javascript
angular组件间通讯的实现方法示例
2020/05/07 Javascript
javascript this指向相关问题及改变方法
2020/11/19 Javascript
[02:45]DOTA2英雄敌法师基础教程
2013/11/25 DOTA
python使用datetime模块计算各种时间间隔的方法
2015/03/24 Python
python函数装饰器用法实例详解
2015/06/04 Python
Saltstack快速入门简单汇总
2016/03/01 Python
Python实现的个人所得税计算器示例
2018/06/01 Python
Python3自动签到 定时任务 判断节假日的实例
2018/11/13 Python
python绘制漏斗图步骤详解
2019/03/04 Python
纽约服装和生活方式品牌:Saturdays NYC
2017/08/13 全球购物
为奢侈时尚带来了慈善元素:Olivela
2018/09/29 全球购物
Fresh馥蕾诗英国官网:法国LVMH集团旗下高端天然护肤品牌
2018/11/01 全球购物
安全检查与奖惩制度
2014/01/23 职场文书
八年级数学教学反思
2014/01/31 职场文书
公司爱心捐款倡议书
2014/05/14 职场文书
大学生撤销处分思想汇报
2014/09/12 职场文书
紧急迫降观后感
2015/06/15 职场文书
2016年小学生迎国庆广播稿
2015/12/18 职场文书
原生CSS实现文字无限轮播的通用方法
2021/03/30 HTML / CSS
python 判断字符串当中是否包含字符(str.contain)
2022/06/01 Python