<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>胳肢窝 &#187; javascript</title>
	<atom:link href="http://www.gazhiwo.cn/blog/tag/javascript/feed" rel="self" type="application/rss+xml" />
	<link>http://www.gazhiwo.cn</link>
	<description>咱们ITer怎么着也得整个blog啊</description>
	<lastBuildDate>Wed, 16 Jun 2010 08:42:13 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.3</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>JavaScript开发游戏</title>
		<link>http://www.gazhiwo.cn/blog/2008-year-of-awesome-javascript.html</link>
		<comments>http://www.gazhiwo.cn/blog/2008-year-of-awesome-javascript.html#comments</comments>
		<pubDate>Fri, 13 Mar 2009 15:20:52 +0000</pubDate>
		<dc:creator>Wayne</dc:creator>
				<category><![CDATA[推荐&共享]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.gazhiwo.cn/?p=114</guid>
		<description><![CDATA[
转自：nihilogic
“2008年真是太棒了，不仅仅是因为很多厉害的人物在使用JavaScript和新的canvans元素，浏览器厂商也在竞争，试图超越对方在JavaScript方面的表现，这都证明了JavaScript的重要性。以下是我的总结：
Games
对于JavaScript游戏来说这一年很伟大。使用DHTML和基于Canvas的游戏似乎有能力来接管Flash的一些领域。许多经典的游戏都被重新的设计：Super Mario , Pac-Man （YUI pacman：很酷的YUI JavaScript库游戏）, Breakout , Space Invaders , Bomberman 和 T&#38;C Surf Designs 。

还有很多在经典的旧游戏上加入了他们的新思想：Matt Hackett创作的 Spacius , Mark Wilcox 创作的 Invaders from Mars , VertigoProject创作的  RedLine Racing 和 Tetris game 。

我们甚至还看到了一些角色扮演的游戏：Andrew Wooldridge创造的Tombs of Asciiroth 和 CanvasQuest ，Pierre Chassaing创造的ProtoRPG。 虽然他们大多数都只是试用版或演示，但是我相信有一天他们会变的相当的酷。

2008年还出现了一些有趣的JavaScript / DHTML游戏库，最突出的就是GameJs （GameJS：超酷的Canvas游戏库）和GameQuery ，后者为jQuery库的扩展。

最后这个很特别， DEFENDER of the favicon，它将旧游戏Defender压缩到了只有16×16的空间。

Demos
越来越多的浏览器开始支持canvas元素，也就是说，在绘制动态图形方面我们又多了一种选择。有人制作出了一个小型简单的演示 ，用于展示Canavs的能力，但是有些人在这个基础上又向前迈了一步，就像 Matt Westcott制作的Antisocial [...]]]></description>
			<content:encoded><![CDATA[<p><small></small></p>
<p><!-- Insert Large Rectangle Ad code 336x280 here --><span style="color: #993300;">转自</span><span>：<a href="http://blog.nihilogic.dk/2009/01/2008-year-of-awesome-javascript.html" target="_blank">nihilogic</a></span><br />
“2008年真是太棒了，不仅仅是因为很多厉害的人物在使用JavaScript和新的canvans元素，浏览器厂商也在竞争，试图超越对方在JavaScript方面的表现，这都证明了JavaScript的重要性。以下是我的总结：<span id="more-114"></span></p>
<p><strong>Games</strong></p>
<p>对于JavaScript游戏来说这一年很伟大。使用DHTML和基于Canvas的游戏似乎有能力来接管Flash的一些领域。许多经典的游戏都被重新的设计：<a href="http://jsmario.com.ar/" target="_blank">Super Mario </a>, <a href="http://www.harryguillermo.com/" target="_blank">Pac-Man</a> （<a href="http://www.javaeye.com/news/3470-yui-pacman-cool-game-yui-javascript-library">YUI pacman：很酷的YUI JavaScript库游戏</a>）, <a href="http://billmill.org/static/canvastutorial/" target="_blank">Breakout</a> , <a href="http://matthaynes.net/blog/2008/08/03/javascript-space-invaders/" target="_blank">Space Invaders</a> , <a href="http://www.e-forum.ro:8080/dynagame/index" target="_blank">Bomberman </a>和 <a href="http://jonraasch.com/blog/jquery-video-game-remake-tc-surf-designs" target="_blank">T&amp;C Surf Designs </a>。</p>
<div style="text-align: center;"><img src="http://2.bp.blogspot.com/_OjchJpvqFiw/SV5-93IC2eI/AAAAAAAAAXM/xiFFcsW-5zQ/s200/invaders_screenshot.png" alt="" /></div>
<p>还有很多在经典的旧游戏上加入了他们的新思想：Matt Hackett创作的 <a href="http://scriptnode.com/lab/spacius/" target="_blank">Spacius</a> , Mark Wilcox 创作的 <a href="http://www.rebelideas.co.uk/proto/test/" target="_blank">Invaders from Mars</a> , VertigoProject创作的 <a href="http://www.vertigo-project.com/projects/redline-game" target="_blank"> RedLine Racing</a> 和 <a href="http://www.reenigne.org/tet4/" target="_blank">Tetris game</a> 。</p>
<div style="text-align: center;"><img src="http://4.bp.blogspot.com/_OjchJpvqFiw/SV5_Mqv5ZHI/AAAAAAAAAYU/8mEUts5KqBw/s200/spacius.png" alt="" /></div>
<p>我们甚至还看到了一些角色扮演的游戏：Andrew Wooldridge创造的<a href="http://www.icculus.org/asciiroth/" target="_blank">Tombs of Asciiroth </a>和 <a href="http://www.andrewwooldridge.com/canvas/canvasquest/canvasquest.html" target="_blank">CanvasQuest</a> ，Pierre Chassaing创造的<a href="http://www.protorpg.com/" target="_blank">ProtoRPG</a>。 虽然他们大多数都只是试用版或演示，但是我相信有一天他们会变的相当的酷。</p>
<div style="text-align: center;"><img src="http://3.bp.blogspot.com/_OjchJpvqFiw/SV5_HnQk0DI/AAAAAAAAAYM/EgWy7kHORQ4/s200/protorpg.png" alt="" /></div>
<p>2008年还出现了一些有趣的JavaScript / DHTML游戏库，最突出的就是<a href="http://www.tommysmind.com/gamejs/" target="_blank">GameJs </a>（<a title="GameJS：超酷的Canvas游戏库" href="http://www.javaeye.com/news/3968-gamejs-cool-game-canvas-library">GameJS：超酷的Canvas游戏库</a>）和<a href="http://gamequery.onaluf.org/" target="_blank">GameQuery </a>，后者为jQuery库的扩展。</p>
<div style="text-align: center;"><img src="http://3.bp.blogspot.com/_OjchJpvqFiw/SV5-ouywLBI/AAAAAAAAAW0/Xuv75UZv9yo/s200/gamejs-jetris.png" alt="" /></div>
<p>最后这个很特别， <a href="http://www.p01.org/releases/DHTML_contests/files/DEFENDER_of_the_favicon/" target="_blank">DEFENDER of the favicon</a>，它将旧游戏Defender压缩到了只有16×16的空间。</p>
<div style="text-align: center;"><img src="http://4.bp.blogspot.com/_OjchJpvqFiw/SV5-nkFReBI/AAAAAAAAAWs/RSuRftyixmc/s200/defender-of-the-favicon.png" alt="" /></div>
<p><strong>Demos</strong></p>
<p>越来越多的浏览器开始支持canvas元素，也就是说，在绘制动态图形方面我们又多了一种选择。有人制作出了一个<a href="http://a1k0n.net/code/flag.html" target="_blank">小型简单的演示</a> ，用于展示Canavs的能力，但是有些人在这个基础上又向前迈了一步，就像 Matt Westcott制作的<a href="http://antisocial.demozoo.org/" target="_blank">Antisocial demo </a>。</p>
<div style="text-align: center;"><img src="http://3.bp.blogspot.com/_OjchJpvqFiw/SV5-hzQzHsI/AAAAAAAAAWU/pg4evuP2XyI/s200/antisocial.png" alt="" /></div>
<p>今年的大忙人Mathieu ‘p01′ Henri制作了很多小应用，使用一行代码就能做相当酷的事：<a href="http://www.p01.org/releases/Demoscene/files/rubber_256b_javascript.htm" target="_blank">Rubber effect</a> ，<a href="http://www.p01.org/releases/Demoscene/files/tunnex_256b_javascript.htm" target="_blank">Tunnex </a>，<a href="http://www.p01.org/releases/Demoscene/files/mars_canvas_256b.htm" target="_blank">Mars </a>，他们都在256个字节以内！</p>
<div style="text-align: center;"><img src="http://4.bp.blogspot.com/_OjchJpvqFiw/SV5_DUX66jI/AAAAAAAAAX0/yXpr_LTxYUA/s200/mars.png" alt="" /></div>
<p><a href="http://www.ozoneasylum.com/" target="_blank">Mathieu Henri</a> 利用canvas元素，在20 lines 比赛 中创造出了惊人的效果： <a href="http://www.p01.org/releases/DHTML_contests/files/20lines_dynamic_hypnoglow/" target="_blank">Dynamic Hypnoglow</a> ，<a href="http://www.p01.org/releases/DHTML_contests/files/20lines_twinkle/" target="_blank">Twinkle</a> 和 <a href="http://www.p01.org/releases/DHTML_contests/files/20lines_hypno_trip_down_the_fractal_rug/" target="_blank">Hypno Trip Down the Fractal Rug </a>。这次比赛的优秀作品还有：<a href="http://www.kaarellumi.com/asylum/html/dyn4.htm" target="_blank">colliding balls </a>，<a href="http://www.kaarellumi.com/asylum/html/dyn10.htm" target="_blank">3D cube effect </a> 和 <a href="http://www.kaarellumi.com/asylum/html/dyn8.htm" target="_blank">dynamically generated BMP flames </a>。</p>
<div style="text-align: center;"><img src="http://4.bp.blogspot.com/_OjchJpvqFiw/SV5-rl6lgMI/AAAAAAAAAXE/XVIszKUMwqU/s200/hypno-trip.png" alt="" /></div>
<p>Asylum inmates在20-line games的比赛中创建了：<a href="http://weibell.de/javascript/20lines/lunar-lander/" target="_blank">Lunar Lander </a>，<a href="http://magnetiq.com/bd20/" target="_blank">a Boulderdash clone</a> ，<a href="http://www.p01.org/releases/DHTML_contests/files/20lines_castle_wolfenstein/" target="_blank">Wolfenstein 3D</a> 。</p>
<div style="text-align: center;"><img src="http://1.bp.blogspot.com/_OjchJpvqFiw/SV5-jIdkGZI/AAAAAAAAAWc/Im5GqiZM4R0/s200/boulderdash.png" alt="" /></div>
<p><strong>3D</strong></p>
<p>canvas元素只支持2D图像，但是这并不代表他不能制作出3D的效果：<a href="http://www.pascarello.com/canvas/KeyBoard3DCube.html" target="_blank">basic 3D cubes</a> , <a href="http://acko.net/blog/projective-texturing-with-canvas" target="_blank">texturing experiments</a> ， <a href="http://lbi.lostboys.nl/blog/artikelen/canvas-in-full-3d/" target="_blank">JavaScript/Canvas 3D engines</a>（<a title="很酷的 3D Canvas 演示" href="http://www.javaeye.com/news/4230-3d-canvas-demo">很酷的 3D Canvas 演示</a>）。还有许多3D的东西在<a href="http://blog.nihilogic.dk/search/label/3d" target="_blank">Nihilogic</a>上。</p>
<div style="text-align: center;"><img src="http://3.bp.blogspot.com/_OjchJpvqFiw/SV5_GHCWGJI/AAAAAAAAAYE/Vb0cpZMQakE/s200/projective-transform.png" alt="" /></div>
<p><strong>Emulation</strong></p>
<p>Matt Westcott创造的<a href="http://matt.west.co.tt/spectrum/jsspeccy/" target="_blank">JSSpeccy the ZX Spectrum emulator</a> 。<br />
James Urquhart 创造的<a href="http://www.cuppadev.co.uk/oldbrew/scumm-in-javascript/" target="_blank">SCUMM interpreter </a>。</p>
<div style="text-align: center;"><img src="http://3.bp.blogspot.com/_OjchJpvqFiw/SV5_CCOSTvI/AAAAAAAAAXs/VbW3WLmHJNQ/s200/jsspeccy.png" alt="" /></div>
<p>我个人最喜欢的是<a href="http://blog.nihilogic.dk/2008/06/sierra-agi-interpreter-in-javascript.html" target="_blank">JavaScript AGI interpreter</a>。</p>
<div style="text-align: center;"><img src="http://2.bp.blogspot.com/_OjchJpvqFiw/SV5--0xibpI/AAAAAAAAAXU/1mAZrbuRLfk/s200/javascript-agi-interpreter.png" alt="" /></div>
<p><strong>Graphics</strong></p>
<p>最令人印象深刻的是John Resig将Processing语言加入JavaScript-<a href="http://dev.jquery.com/%7Ejohn/processing.js/" target="_blank">Processing.js</a> ，Aza Raskin创建了<a href="http://azarask.in/projects/algorithm-ink/" target="_blank">Algorithm Ink</a>。Eitan Suez将Turtle，字符串图像变成工具转换成JavaScript版，<a href="http://u2d.com/turtle_js/index.html" target="_blank">TurtleJS</a> 。</p>
<div style="text-align: center;"><img src="http://2.bp.blogspot.com/_OjchJpvqFiw/SV5_E5uC9-I/AAAAAAAAAX8/tY-yr--hO-A/s200/processing.png" alt="" /></div>
<p><strong>Audio</strong></p>
<p>Cameron Adams 创建了一个有趣的JavaScript实例：<a href="http://www.themaninblue.com/writing/perspective/2008/11/17/" target="_blank">JS-909</a> （<a title="JS-909：一个不使用Flash的有趣打鼓机器" href="http://www.javaeye.com/news/4220-js-909-an-interesting-use-of-flash-drum-machines">JS-909：一个不使用Flash的有趣打鼓机器</a>），这是一个打鼓机器，能够演奏声音而不使用Flash，也不使用任何库，声音由标签引入。<br />
sk89q 创造的<a href="http://sk89q.therisenrealm.com/2008/11/dynamically-generating-a-wav-in-javascript/" target="_blank">sine waveform generator </a>，动态生成和播放WAV文件。</p>
<div style="text-align: center;"><img src="http://4.bp.blogspot.com/_OjchJpvqFiw/SV5_A4f4-cI/AAAAAAAAAXc/_N7gJrgl1T0/s200/javascript-drum-machine.png" alt="" /></div>
<p><strong>其他</strong></p>
<p>你能使用CSS做些什么了？是不是只是为了您的文字样式？显然不是，Román Cortés证明了这一点，他创造一个 <a href="http://www.romancortes.com/blog/homer-css/" target="_blank">Simpson的形象 </a>，但这需要你拥有足够的CSS技巧。另外，Ernest Delgado 提供了一个<a href="http://ernestdelgado.com/public-tests/canvas-gpsmap/" target="_blank">汽车导航</a>的演示 （<a href="http://www.javaeye.com/news/4293-canvas-navigation-drive" target="_blank">canvas：驾驶导航</a>）。</p>
<div style="text-align: center;"><img src="http://2.bp.blogspot.com/_OjchJpvqFiw/SV5-p7OeOII/AAAAAAAAAW8/JJtHf_m2nEs/s200/homer-css.png" alt="" /></div>
<p>最后一个类似于我们小时候玩的积木，<a href="http://www.themaninblue.com/experiment/Cubescape/new.php" target="_blank">Cubescape</a> ，可选择不同的颜色。</p>
<div style="text-align: center;"><img src="http://1.bp.blogspot.com/_OjchJpvqFiw/SV5-mtVOWrI/AAAAAAAAAWk/YRNl1gbaQ-k/s200/cubescape.png" alt="" /></div>
<p>我在此许愿，希望2009年的javaScript能更酷！”</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gazhiwo.cn/blog/2008-year-of-awesome-javascript.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
