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控件autocomplete 0.11演示及下载 1月5日已更新
Jan 09 Javascript
js onkeypress与onkeydown 事件区别详细说明
Dec 13 Javascript
JS和Jquery获取和修改label的值的示例代码
Jan 15 Javascript
jquery 实现两级导航菜单附效果图
Mar 07 Javascript
javascript模拟post提交隐藏地址栏的参数
Sep 03 Javascript
Javascript基础教程之if条件语句
Jan 18 Javascript
jquery对象访问是什么及使用方法介绍
May 03 Javascript
js自定义select下拉框美化特效
May 12 Javascript
vue 粒子特效的示例代码
Sep 19 Javascript
js事件on动态绑定数据,绑定多个事件的方法
Sep 15 Javascript
JavaScript HTML DOM元素 节点操作汇总
Jul 29 Javascript
前端性能优化建议
Sep 17 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
Breeze 文章管理系统 v1.0.0正式发布
2006/12/14 PHP
php 设计模式之 工厂模式
2008/12/19 PHP
深入array multisort排序原理的详解
2013/06/18 PHP
php获得刚插入数据的id 的几种方法总结
2018/05/31 PHP
laravel解决迁移文件一次删除创建字段报错的问题
2019/10/24 PHP
JQuery Ajax 跨域访问的解决方案
2010/03/12 Javascript
精通Javascript系列之数据类型 字符串
2011/06/08 Javascript
完美解决AJAX跨域问题
2013/11/01 Javascript
js根据日期判断星座的示例代码
2014/01/23 Javascript
JS实现仿百度输入框自动匹配功能的示例代码
2014/02/19 Javascript
jQuery EasyUI菜单与按钮详解
2016/07/13 Javascript
求js数组的最大值和最小值的四种方法
2017/03/03 Javascript
jquery点赞功能实现代码 点个赞吧!
2020/05/29 jQuery
js实现鼠标拖拽多选功能示例
2017/08/01 Javascript
原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果
2018/05/03 Javascript
微信小程序实现页面分享onShareAppMessage
2019/08/12 Javascript
如何在Vue中抽离接口配置文件
2019/10/31 Javascript
5分钟快速看懂ES6中的反射与代理
2019/12/19 Javascript
解决vue页面刷新,数据丢失的问题
2020/11/24 Vue.js
DataFrame 将某列数据转为数组的方法
2018/04/13 Python
tensorflow 获取变量&打印权值的实例讲解
2018/06/14 Python
Python之csv文件从MySQL数据库导入导出的方法
2018/06/21 Python
python操作日志的封装方法(两种方法)
2019/05/23 Python
使用 Supervisor 监控 Python3 进程方式
2019/12/05 Python
pycharm + django跨域无提示的解决方法
2020/12/06 Python
Python 无限级分类树状结构生成算法的实现
2021/01/21 Python
Canvas图片分割效果的实现
2019/07/29 HTML / CSS
周年庆典答谢词
2015/01/20 职场文书
大学生国家助学金感谢信
2015/01/23 职场文书
2015年幼儿园保育员工作总结
2015/04/23 职场文书
涨价通知
2015/04/23 职场文书
外出学习心得体会范文
2016/01/18 职场文书
小型企业的绩效考核制度模板
2019/11/21 职场文书
golang日志包logger的用法详解
2021/05/05 Golang
PostgreSQL通过oracle_fdw访问Oracle数据的实现步骤
2021/05/21 PostgreSQL
Vue3实现简易音乐播放器组件
2022/08/14 Vue.js