前の記事 «:CSSで出来たシンプルに使える丸っこいデザインのボタンサンプル集
次の記事 »:ブラウザ上で3Dのパッケージ画像を作成できる「3D-box maker」

JavaScriptでド派手な電光掲示板を実装するためのライブラリ

2007年12月04日

スポンサード リンク

JavaScript LED Message Scrolling Display

JavaScriptでド派手な電光掲示板を実装するためのライブラリ。
街角にあるような、電光掲示板をウェブページにも組み込みたい、そんなニーズにお応えするのがこのライブラリ。

次のような文字が残像をのこしながらスクロールします。



ソースコードは次のように記述。

<div id="ledSet"><!--ここにLEDがはいる--></div>
<script>
// LEDのサイズ( 16, 32, 48, 64 or 128 pixels から選べる)
var ledSize = 16;
// LED間の距離
var ledPadding = 1;
// LEDのカラー設定
var ledColor = 'rainbow';
// スクロールの速度設定
var scrollDelay = 100;
// ぼかしレベルの設定
var blurLevel = 0.25;
// LED部分のサイズを指定
createLedMatrix(24,6);
// メッセージの設定
setMessage("This is sample message");
// スクロール実行
scroll();
</script>

 

面白いのは文字をドットで表現しているところ。文字ごとにテーブルを持っているようです。
日本語の実装は大変そうですね。

残念ながらIEでは動作しないようです。

スポンサード リンク

投稿者 KJ : 2007年12月04日 10:06 | ブックマークに追加する Subscribe with livedoor Reader
間違いの指摘をしていただける方はメールでお願いします


本を執筆しました。