5 cool javascript apps

 更新时间:2007年03月24日 00:00:00   作者:  

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/

相关文章

  • JS选中checkbox后获取table内一行TD所有数据的方法

    JS选中checkbox后获取table内一行TD所有数据的方法

    这篇文章主要介绍了JS选中checkbox后获取table内一行TD所有数据的方法,涉及javascript针对table元素遍历与获取的技巧,需要的朋友可以参考下
    2015-07-07
  • JavaScript常见JSON操作实例分析

    JavaScript常见JSON操作实例分析

    这篇文章主要介绍了JavaScript常见JSON操作,简单描述了json的概念、常见json类型,并结合实例形式分析了json的序列化、转换、格式化、解析等相关操作技巧,需要的朋友可以参考下
    2018-08-08
  • 教你用Js写一个简单的五子棋小游戏

    教你用Js写一个简单的五子棋小游戏

    听说这是一道腾讯的面试题,可能网上已经有不少答案了,晚上没事看到这道题就自己做了下,下面这篇文章主要给大家介绍了关于如何用Js写一个简单的五子棋小游戏的相关资料,需要的朋友可以参考下
    2022-07-07
  • ES6实现图片切换特效代码

    ES6实现图片切换特效代码

    这篇文章主要介绍了ES6实现图片切换特效代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-01-01
  • 概述如何实现一个简单的浏览器端js模块加载器

    概述如何实现一个简单的浏览器端js模块加载器

    本文主要对实现一个简单的js加载器的步骤进行介绍--主要可以分为解析路径、下载模块、解析模块依赖、解析模块四个步骤。需要的朋友来看下吧
    2016-12-12
  • JS文件中加载jquery.js的实例代码

    JS文件中加载jquery.js的实例代码

    这篇文章主要介绍了JS文件中加载jquery.js的方法,JS文件添加其他JS的实例代码,感兴趣的小伙伴们可以参考一下,具体如下
    2018-05-05
  • layui表格设计以及数据初始化详解

    layui表格设计以及数据初始化详解

    今天小编就为大家分享一篇layui表格设计以及数据初始化详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • php 修改密码实现代码

    php 修改密码实现代码

    这篇文章主要介绍了php 修改密码实现代码的相关资料,需要的朋友可以参考下
    2017-05-05
  • 你不知道的高性能JAVASCRIPT

    你不知道的高性能JAVASCRIPT

    想必大家都知道,JavaScrip是全栈开发语言,浏览器,手机,服务器端都可以看到JS的身影。 本文会分享一些高效的JavaScript的最佳实践,提高大家对JS的底层和实现原理的理解,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • js 两数组去除重复数值的实例

    js 两数组去除重复数值的实例

    下面小编就为大家分享一篇js 两数组去除重复数值的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2017-12-12

最新评论