Javascript | 酷壳 - CoolShell

Kick Ass小游戏

2010年10月08日陈皓评论 19 条评论 10,276 人阅读

还记得以前那个在IE的已打开的网页上的网址里输入一段javascript的代码后，你会发现这个页面里所有的图片元素都动了起来：（只能在IE浏览器里，Chrome和Firefox无效）

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position=’absolute’; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval(‘A()’,5); void(0);

很类似一个叫Erik Rothoff Andersson的人又搞了Kick Ass的游戏，代码如下：（用了一个js文件，所以就显得没有那么复杂了，但只能在Chrome和Firefox下有用）

javascript:var s=document.createElement(‘script’); s.type=’text/javascript’;document.body.appendChild(s); s.src=’http://erkie.github.com/asteroids.min.js’;void(0);

在已打开的网页上输入这段代码，你会发现网页的左上角上出现了一个三角形，然后，你可以开始使用

“左右方向键控制方向”，
“上方向键控制前进”，
“空格射击”，
“B键查看有什么东西可以被射击”，
“Esc键退出”，

于是就出现好玩的东西了。

为了方便你试验，你可以点击上面的这个链接，

Kiss Ass

你可以把这个链接加入收藏夹，当你需要删除某些网页上的广告或是很让你不爽的东西时，打开这个网址，就可以开始了。

（全文完）

(17 人打了分，平均分： 4.00 )

以前本站发布过很多和Javascript相关的东西，如：《又一个Javascript试验田》、《一个Windows 3.1的Web网站》、《哥是玩程序的》。今天要介绍另外一组，先看下面的这个Javascript特效（在IE下无法正常工作），你可以用Chrome查看，很炫。不过最炫的是其源码，非常的简单，不超过1K。如果你要知道这个效果的原理，这里有一个教程。这里有个网站：JS1K Demo，这个站上主要收集一些Javascript不大于1K的程序。

下面是其源码：
…

阅读全文 Read More

(12 人打了分，平均分： 2.50 )

在Javascript里写Python

2010年07月21日陈皓评论 14 条评论 14,568 人阅读

以前，本站介绍过去一种写HTML和CSS的新方法，以一种杂交式的代码，昨天给大家介绍了.NET代码和Python及Ruby代码的互相转换工具，但是这个世界可能比我们想像的还疯狂。IronPython 是一个在.NET平台上运行Python的东西，就像那些在JVM上运行其它语言的东东一样。当然，IronPython最邪恶的事情并不是在.NET上运行Python，而是在Javascript里写Python的语法。这个畸形混血儿的网址在这里（请注意翻墙）。

使用这个玩意很简单，下面，让我们看看这个混血儿长啥样？

首先，你需要链接一个js文件：

<script src="http://gestalt.ironpython.net/dlr-latest.js" type="text/javascript"></script>

然后，让我们看看如何写一个按钮事件：

<input id="button" type="button" value="Say, Hello!" />
<script type="text/python">
  def button_onclick(s, e):
      window.Alert("Hello from Python!")
  document.button.events.onclick += button_onclick
</script>

你对此事怎么看？欢迎留下你的看法。

(10 人打了分，平均分： 3.20 )

Web版的VNC

2010年07月11日陈皓评论 12 条评论 17,241 人阅读

想在Web上远程控制远端的电脑吗？Guacamole开源项目提供了这样的解决方案，其主要使用了HTML5和Ajax。下面是一个载图。如果你能够访问Youtube的话，你可以看看这个视频。

是啊，HTML5强大了，什么都能干了，连Flash也要取代了。现如今，什么事都在往Web上移植了，Chrome也OS了。可以预见在HTML5出来后，未来这样的事情会越来越多，以后的一些移动和掌上设备真的只需要一个Web Browsers.

(8 人打了分，平均分： 2.50 )

几个Web的资源

2010年06月24日陈皓评论 7 条评论 7,126 人阅读

首先一个先给大家介绍一个HTML5的资源网站：http://www.html5rocks.com/ ，在这个网站上，有三个子站：

HTML5的幻灯片：http://slides.html5rocks.com/，虽然是英文的，但相信我，这个幻灯片做得很好，你应该能看得懂。
HTML5的操练场：http://playground.html5rocks.com/，这个页面上有很多HTML5的源码，你可以就直接在上面修改，并查看修改结果。
HTML5的教程：http://www.html5rocks.com/tutorials/，这个页上有一些Steps by Steps的教程，很不错。

第二个，给大家推荐一个Javascript库，叫——DragDealer。这个JS主要是处理Web上的各种拖动效果，脚本很小，在没有压缩的情况下也只有12K，而且没有任何的dependence，使用起来也比较方便。

第三个，是Apple的Showcase，我们都知道，iPhone不支持flash，但支持HTML5，大家可以点下面这些链接看看Apple公司自己做的HTML5的一些效果。当然，有一些需要safari浏览器。

…

阅读全文 Read More

(7 人打了分，平均分： 3.14 )

把Flash转成Javascript/HTML5

2010年06月03日陈皓评论 15 条评论 13,023 人阅读

SmokeScreen是这样一个开源软件，它可以把Flash的swf文件转成Javascript/HTML5，它的口号是：Flash without plugin。为什么要这样做呢？它说主要是因主Apple的iPhone/iPod/iPad不支持flash，而且看似Steve Jobs也不愿意在以后支持flash。所以，他们搞了这样一个玩意。目前，这个开源软件还在开发阶段，在其主页上，你可以看到一些Demo，在Chrome上看上去很不错，虽然还有一些小问题，不过已经很不错了。

HTML5几乎颠覆了原来的HTML，其可以让你用HTML不单单只是做网页布局，而且还让你可以开发更强的东西，比如：WebSockets，使用这项技术，已经有人在搞Web版的Quake 2了（http://code.google.com/p/quake2-gwt-port/），还有Google的3D Javascript API，所以，把swf完美地转成Javscript/HTML5可能也只是一个时间问题。

虽然，HTML5还在draft阶段，而且很多东西都和flash重复了。所以，加上iPhone的推波助澜，发生这样的事情也不奇怪，不知道adobe会怎么想？也许adobe目前对其AIR或是Actionscript还抱有希望，虽然有这样一篇文章力挺Flash，但未来真的不好说，adobe会使用HTML5/Javascript来作为其flash的引擎吗？如果不这样的话，我相信总有一天，会有人开发出HTML5/Javascript的IDE。而且，有理由相信，一旦在未来所有的浏览全面支持HTML5，那么我们可以想像，这个世界可能几乎所有的桌面应用都会被Web所取代，这个进程可能会越来越快。让我们拭目以待。

(11 人打了分，平均分： 3.45 )

WTF Javascript

2010年06月02日陈皓评论 4 条评论 6,949 人阅读

请先看一下下面的这段Javascript程序以及其结果。

[javascript]
1 + + 1 // => 2
1 + – + 1 // => 0
1 + – + – + 1 // => 2
1 + – + – + – + 1 // => 0
1 + – + + + – + 1 // => 2
1 + / + + + / + 1 // => 1/ + + + /1
[/javascript]

提示一下，1++1等价于1 + (+1)，也就是1加上一个正数1，如果你能搞懂其它的表达式的话，请看看下面的这段程序，你能说出其结果吗？

[javascript]
1 + / + / + / + 1 // => ?
[/javascript]

如果不知道的话，你可以到这个网页上去讨论讨论。当然，如果你不懂也没有什么关系，因为Javascript本身就是一个很怪异的语言，再加上浏览器的种种不是，所以，Javascript程序员也是很郁闷的。在以前的“最为奇怪的程序语言的特性”中也说过一些。Javascript最怪异的特性导致了wtfjs.com这样的一个网站，还有一个WTF JS的开源站点。呵呵。

(8 人打了分，平均分： 3.25 )

又一个Javascript试验田

2010年03月31日陈皓评论 10 条评论 12,868 人阅读

以前本站发布过一篇《哥是玩程序的》文章向大家展示了用Javascript干的些怪异的事。看来，这样的人并不在少数，这不，我又发现了一个，这回这个好像更有技术含量一些，下面是其试验程序的列表：

http://www.andrew-hoyer.com/experiments

Simple Sudoku Solver 这是一个“数独游戏”，其在你游戏的过程中可以在空格处提示你可能的数字。

February 2010

Cloth Simulation 这是一个极端的布料仿真程序。使用鼠标拖曳，按着g键拖曳可以把布悬挂起来。

August 2009

…

阅读全文 Read More

(7 人打了分，平均分： 3.29 )

BT工作原理演示

2010年03月16日陈皓评论 11 条评论 12,099 人阅读

下面这个网站使用Javascript编写了一个BT工作原理演示动画程序。当然，你可能需要使用Chrome浏览器打开，因为他真的很耗CPU。在我的双核（2GHz）T60电脑上用Chrome打开CPU一下就被耗了50%左右。

http://mg8.org/processing/bt.html

下面是我截的一个图，每个圆代表一个结点，其会通过其它结点下载需要的文件段。结点中间的那个Bar有点类似于eDonkey中的下载进度条。至于为什么要用像彩虹一样的颜色，主要是为了让你看到不同的段是从不同的结点下载的。

你可以按热键S来加入一个下载完了的结点，用P来加入一下空结点，按R来删除一个结点（有点慢，要等10秒左右吧）。

关于其它Javascript的一些小玩意，你可以看看这篇文章。

(7 人打了分，平均分： 2.71 )

一个Windows 3.1的Web网站

2010年01月25日陈皓评论 13 条评论 13,556 人阅读

啥也不说了，请大家围观下面这个网站吧。

http://www.michaelv.org/

打开这个网站，你会看到N年前DOS时代的Windows 3.1的界面，居然还可以扫雷，呵呵。真应了那句话——“只要是可以被Javascript实现的应用或程序，最终都会被Javascript所实现”。另，关于其它Web上更为疯狂的程序，可以查看本站的这篇文章。还有这个在线的IDE。下面是win3.1的截图：

(11 人打了分，平均分： 3.36 )

酷壳 – CoolShell

享受编程和技术所带来的快乐 – Coding Your Ambition

Browsed by
标签： Javascript

Kick Ass小游戏

2010年10月08日陈皓评论 19 条评论 10,276 人阅读

JS1K 演示

2010年08月09日陈皓评论 15 条评论 12,943 人阅读

在Javascript里写Python

2010年07月21日陈皓评论 14 条评论 14,568 人阅读

Web版的VNC

2010年07月11日陈皓评论 12 条评论 17,241 人阅读

几个Web的资源

2010年06月24日陈皓评论 7 条评论 7,126 人阅读

把Flash转成Javascript/HTML5

2010年06月03日陈皓评论 15 条评论 13,023 人阅读

WTF Javascript

2010年06月02日陈皓评论 4 条评论 6,949 人阅读

又一个Javascript试验田

2010年03月31日陈皓评论 10 条评论 12,868 人阅读

BT工作原理演示

2010年03月16日陈皓评论 11 条评论 12,099 人阅读

一个Windows 3.1的Web网站

2010年01月25日陈皓评论 13 条评论 13,556 人阅读