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 相关文章推荐
用document.documentElement取代document.body的原因分析
Nov 12 Javascript
javascript控制frame,iframe的src属性代码
Dec 31 Javascript
多种方式实现JS调用后台方法进行数据交互
Aug 20 Javascript
jquery的ajax简单结构示例代码
Feb 17 Javascript
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
Jan 19 Javascript
js实现常用排序算法
Aug 09 Javascript
浅谈angular2路由预加载策略
Oct 04 Javascript
微信小程序scroll-view组件实现滚动动画
Jan 31 Javascript
Angular开发实践之服务端渲染
Mar 29 Javascript
Chart.js 轻量级HTML5图表绘制工具库(知识整理)
May 22 Javascript
vue App.vue中的公共组件改变值触发其他组件或.vue页面监听
May 31 Javascript
vue3如何优雅的实现移动端登录注册模块
Mar 29 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
PHP 自定义错误处理函数的使用详解
2013/05/10 PHP
PHP的curl实现get,post和cookie(实例介绍)
2013/06/17 PHP
ThinkPHP模板替换与系统常量及应用实例教程
2014/08/22 PHP
phpMyAdmin无法登陆的解决方法
2017/04/27 PHP
thinkPHP3.2.3实现阿里大于短信验证的方法
2018/06/06 PHP
php JWT在web端中的使用方法教程
2018/09/06 PHP
JQuery 插件制作实践 xMarquee插件V1.0
2010/04/02 Javascript
JS Range HTML文档/文字内容选中、库及应用介绍
2011/05/12 Javascript
固定背景实现的背景滚动特效示例分享
2013/05/19 Javascript
JS实现网页右侧带动画效果的伸缩窗口代码
2015/10/29 Javascript
jQuery如何使用自动触发事件trigger
2015/11/29 Javascript
分享网页检测摇一摇实例代码
2016/01/14 Javascript
jquery 动态增加删除行的简单实例(推荐)
2016/10/12 Javascript
Angularjs手动解析表达式($parse)
2016/10/12 Javascript
JavaScript 限制文本框不可输入英文单双引号的方法
2016/12/20 Javascript
网页中的图片查看器viewjs使用方法
2017/07/11 Javascript
简单介绍react redux的中间件的使用
2018/04/06 Javascript
jQuery AJAX 方法success()后台传来的4种数据详解
2018/08/08 jQuery
vue项目前端错误收集之sentry教程详解
2019/05/27 Javascript
小程序实现上传视频功能
2020/08/18 Javascript
js实现搜索提示框效果
2020/09/05 Javascript
Js实现粘贴上传图片的原理及示例
2020/12/09 Javascript
vue项目中企业微信使用js-sdk时config和agentConfig配置方式详解
2020/12/15 Vue.js
Linux下使用python自动修改本机网关代码分享
2015/05/21 Python
Python实现的爬虫功能代码
2017/06/24 Python
python 在屏幕上逐字显示一行字的实例
2018/12/24 Python
pandas apply多线程实现代码
2020/08/17 Python
python实现scrapy爬虫每天定时抓取数据的示例代码
2021/01/27 Python
python 装饰器重要在哪
2021/02/14 Python
阿里巴巴的Oracle DBA笔试题答案-SQL tuning类
2016/04/03 面试题
汉语专业应届生求职信
2013/10/01 职场文书
校领导推荐信
2013/11/01 职场文书
技校个人求职信范文
2014/01/25 职场文书
授权委托书(完整版)
2014/09/10 职场文书
python实现求纯色彩图像的边框
2021/04/08 Python
Python可视化学习之seaborn调色盘
2022/02/24 Python