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 过滤方法filter()选择具有特殊属性的元素
Jun 15 Javascript
JS简单随机数生成方法
Sep 05 Javascript
bootstrap 表单验证使用方法
Jan 11 Javascript
打造通用的匀速运动框架(实例讲解)
Oct 17 Javascript
JS处理数据四舍五入(tofixed与round的区别详解)
Oct 26 Javascript
vue中eventbus被多次触发以及踩过的坑
Dec 02 Javascript
JS实现导出Excel的五种方法详解【附源码下载】
Mar 15 Javascript
vue柱状进度条图像的完美实现方案
Aug 26 Javascript
微信小程序页面调用自定义组件内的事件详解
Sep 12 Javascript
Vue的全局过滤器和私有过滤器的实现
Apr 20 Javascript
js实现tab栏切换效果
Aug 02 Javascript
Vue如何清空对象
Mar 03 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
回首过去10年中最搞笑的10部动漫,哪一部让你节操尽碎?
2020/03/03 日漫
解决PHP4.0 和 PHP5.0类构造函数的兼容问题
2013/08/01 PHP
PHP中利用sleep函数实现定时执行功能实现代码
2016/08/25 PHP
php 使用fopen函数创建、打开文件详解及实例代码
2016/09/24 PHP
php usort 使用用户自定义的比较函数对二维数组中的值进行排序
2017/05/02 PHP
PHP实现的自定义图像居中裁剪函数示例【测试可用】
2017/08/11 PHP
让getElementsByName适应IE和firefox的方法
2007/09/24 Javascript
Jquery CheckBox全选方法代码附js checkbox全选反选代码
2010/06/09 Javascript
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
2013/01/16 Javascript
js有序数组的连接问题
2013/10/01 Javascript
Javascript表格翻页效果的具体实现
2013/10/05 Javascript
用jquery中插件dialog实现弹框效果实例代码
2013/11/15 Javascript
jQuery制作可自定义大小的拼图游戏
2015/03/30 Javascript
Node.js实现Excel转JSON
2015/04/24 Javascript
基于javascript实现单选及多选的向右和向左移动实例
2015/07/25 Javascript
JavaScript 身份证号有效验证详解及实例代码
2016/10/20 Javascript
nodejs连接mongodb数据库实现增删改查
2016/12/01 NodeJs
node.js实现登录注册页面
2017/04/08 Javascript
一个简单的node.js界面实现方法
2018/06/01 Javascript
jQuery AJAX 方法success()后台传来的4种数据详解
2018/08/08 jQuery
详解 微信小程序开发框架(MINA)
2019/05/17 Javascript
vue2.0实现列表数据增加和删除
2020/06/17 Javascript
python 实现一个贴吧图片爬虫的示例
2017/10/12 Python
Python sys模块常用方法解析
2020/02/20 Python
Python爬虫实现百度翻译功能过程详解
2020/05/29 Python
浅谈Python程序的错误:变量未定义
2020/06/02 Python
公认8个效率最高的爬虫框架
2020/07/28 Python
Java Unsafe类实现原理及测试代码
2020/09/15 Python
美国专业级皮肤病和spa品质护肤品的高级零售网站:SkinCareRx
2017/02/06 全球购物
Myprotein加拿大官网:欧洲第一的运动营养品牌
2018/01/06 全球购物
英国电信商店:BT Shop
2019/12/17 全球购物
九年级政治教学反思
2014/02/06 职场文书
合同协议书格式
2014/04/18 职场文书
环保倡议书50字
2014/05/15 职场文书
一文带你探究MySQL中的NULL
2021/11/11 MySQL
Python实现为PDF去除水印的示例代码
2022/04/03 Python