暇つぶし

線が描かれるだけ

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);

})();

  • Xで共有
  • Facebookで共有
  • はてなブックマークでブックマーク

作者を応援しよう!

ハートをクリックで、簡単に応援の気持ちを伝えられます。(ログインが必要です)

応援したユーザー

応援すると応援コメントも書けます

新規登録で充実の読書を

マイページ
読書の状況から作品を自動で分類して簡単に管理できる
小説の未読話数がひと目でわかり前回の続きから読める
フォローしたユーザーの活動を追える
通知
小説の更新や作者の新作の情報を受け取れる
閲覧履歴
以前読んだ小説が一覧で見つけやすい
新規ユーザー登録無料

アカウントをお持ちの方はログイン

カクヨムで可能な読書体験をくわしく知る