あなたのウェブサイトにも,雪の降るページを

京都コンピュータ学院のウェブサイトに雪を降らせるコードを実装しました。
ページの右上の検索ボックスの横にある小さい雪だるまの絵をクリックすると雪が降り始めます。もう一度押すと雪が止みます。

これは,JavaScriptでかかれています。●の文字をいろんな大きさで色々な場所に配置して,ちょっとずつ下に移動させています。(●は画像や円を描いているわけではなく,●の文字そのものです。)

自由にお使い下さい。

といっても,これは京都コンピュータ学院のウェブサイト用に最適化されていますので,こちらに,再利用しやすくしたバージョンをおいておきました。
こちらは雪が●と*が混ざったバージョンに変更されています。
実行例:雪のサンプルページ(雪が●と*の両方)。

最低限のHTMLの場合:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="kcg-snow.js"></script>
</head>
<body onload="onload_snow()" bgcolor="#000000" text="#ffffff">
<div style="height:100%">

</div>
</body>
</html>

とりあえず使うことが出来ます。
これで あなたのウェブサイトにも,雪の降るページを。

カスタマイズの例:
kcg-snow.js
の中の
count = 30;
は同時に出る雪の個数です。40とか80とかにすれば,雪の量を増やすことが出来ます。
‘●’ とか ‘*’ は雪の形です。ただの文字なので,好きな文字に書き換えれば,その文字が降ってきます。これは,HTMLなので,'<img src="snow.gif" alt="">’ とかにして画像を入れることも出来ます。

私は,雪を降らすプログラムがとても好きです。
子供のころによく書いたプログラムも雪を降らせるプログラムでした。
その時 使っていたコンピュータは父親のCASIO FP-1100。言語はC82-BASICでした。(電源入れると,C82-BASICの入力画面になった。)
CとはカシオのCで,82は1982年のことだったと思う。
すさまじく遅かったので,雪のようにゆったり動くプログラムとかは最適でした。その時も,雪は画像ではなくて,文字でした。雪を表している文字は*を使用していました。
この手のプログラムを作るのは,当時も楽しかったですし,今でも楽しいです。

CASIO FP-1100は,現在,京都コンピュータ学院京都駅前校の1階に展示されていますね。

comments

スーパー キーとハイパー キー

Windowsのコンピュータのキーボードには,Windowsキーがあります。
Macには,Appleキーがあります。Optionキーもあります。

昔は,もっとすごいキーがありました。

そのキーは スーパー と ハイパーです。

ええ?ほんまかいな?って感じですが,

Space-cadet keyboard (Wikipedia 英語)
の画像
http://upload.wikimedia.org/wikipedia/commons/4/47/Space-cadet.jpg
を見ると,確かに 一番左下と一番右下にそれぞれに「HYPER」と「SUPER」が並んでいます。
その隣には,「META」キーもあります。
良く見ると,見たことがないキーがたくさんあって非常に興味深い。
手の絵で指差ししているものや,λとか・・・。

MITのLisp マシンで使われていたそうです。
変わった文字を入力できるみたいです。
(参照:Space-cadet keyboard (Wikipedia 英語)

参照(日本語の解説 宇宙飛行士養成キーボード ):http://d.hatena.ne.jp/masatoi/20051202/1133537070

現在も, スーパーキー を積極的に使うソフトがあります。
compiz-fusion です。LinuxのX-Windowで動く 3D デスクトップ環境です。
http://blog.kcg.ne.jp/s2node/?p=323
とか
http://blog.kcg.ne.jp/s2node/?p=302
ができるソフトです。

そういった3Dウインドウや3Dデスクトップを出すのにスーパーキーを押しながら操作しているのがいくつかあります。

でも,今のコンピュータに スーパーキーはありません。
どうやって,スーパーキーを押すのかというと,WindowsキーやAppleキーを押します。これらのキーがスーパーキーとして機能します。( WindowsキーやAppleキーがスーパーキーとして割り当てられています。)

つまり,Linuxを使っているのにWindowsキーやAppleキーをよく使います。なんか変な感じです。

スーパーキーについて Wikipedia(英語):
http://en.wikipedia.org/wiki/Super_key_(keyboard_button)

あと,「META」キーは Alt で代用できます。
じゃあ,「HYPER」キーは なにで代用するんでしょうか?(私は知らないです・・・。)

comments