要素を虹色に光らせるjsライブラリ

library

要素を虹色に光らせる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