暇つぶし
線が描かれるだけ
color = のところを変えるといろいろな色が設定できます。
詳しくは「javascript 配列」で検索してみてください。
if (q === のところでは、書く線の本数を指定しています。
o = では、線の描かれる幅(?)を指定しています。
適当に変えてみてください。
setAttributeのところでは解像度を設定しています。
お好みで変更してください。
以下コピペ↓
javascript:
(function(){
var f = document.createElement('canvas');
f.id = "ab";
f.style.width = "100%";
f.style.height = "100%";
document.querySelector("body").appendChild(f);
var q = 0;
var o = 3000;
var j = document.getElementById("ab").getContext('2d');
document.getElementById("ab").setAttribute("width", 3000);
document.getElementById("ab").setAttribute("height", 3000);
var color = ["#ff0000", "#00ff00", "#0000ff", "#000000"];
var d = setInterval(function(){
j.strokeStyle = color[Math.floor(Math.random() * color.length)];
q++;
j.beginPath();
j.moveTo(Math.floor(Math.random() * o), Math.floor(Math.random() * o));
j.lineTo(Math.floor(Math.random() * o), Math.floor(Math.random() * o));
j.stroke();
if (q == 500){
clearInterval(d);
}
}, 20);
})();
新規登録で充実の読書を
- マイページ
- 読書の状況から作品を自動で分類して簡単に管理できる
- 小説の未読話数がひと目でわかり前回の続きから読める
- フォローしたユーザーの活動を追える
- 通知
- 小説の更新や作者の新作の情報を受け取れる
- 閲覧履歴
- 以前読んだ小説が一覧で見つけやすい
アカウントをお持ちの方はログイン
ビューワー設定
文字サイズ
背景色
フォント
組み方向
機能をオンにすると、画面の下部をタップする度に自動的にスクロールして読み進められます。
応援すると応援コメントも書けます