要素を虹色に光らせるjsライブラリ「gaming.js」を作ったので紹介します
最近流行りのゲーミングをweb上に実装します
実装例
ダウンロード
インポート
gaming.js をロードします
<script src="js/gaming.js" type="text/javascript"></script>jQuery をでロードします(任意)
jQuery と互換性があります
ロードしなくても動きます
<script src="js/jquery-3.4.1.min.js" type="text/javascript"></script>使い方
第 1 引数に関数もしくは jQuery の object
第 2 引数に速度(任意)
第 3 引数に 1 フレームの表示時間 ms(任意)
引数には R G B の 3 つが与えられます
いずれも int 型の 0-254 までです
var instance = new gaming(function (R, G, B) {}, 1, 10);jQueryを使用した例
以下の場合指定した要素の background-color がゲーミング仕様になります
var instance = new gaming($("*"), 1, 10);動かす
instance.start();一時停止
instance.stop();現在の色を取得もしくは変更
console.log(instance.color);
instance.color = [100, 100, 100];ライセンス
MITライセンスによって保護されています
gaming.js is under MIT License