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

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

2007年12月04日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

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では動作しないようです。

関連の記事検索:Webデザイン
スポンサード リンク

By.KJ : 2007年12月04日 10:06 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)