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では動作しないようです。
関連の記事検索:Webデザイン
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 15000以上のいい感じの線形アイコン「Lineicons」
- CSSやTailwindでのCSSスニペットライブラリ「CSS Snippets Library」
- AIを使ってサイトマップが作れる「Octopus.do」
- ライブラリ依存のないモーダルオープンライブラリ「Blendy」
- 個性的な明朝フリーフォント「築豊初号明朝OFL」
- CSSで太陽が差し込むようなアニメーション実装
- 可愛くアニメーションする「beautifully crafted animated icons」
- アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
- ユニークなカタカナフォントtorisippo
- 美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」
- 過去のエントリ