roach

by mattn 2017-09-25 [2017/09/25 17:44:44]

my bookmarklet

/*
 * @title roach
 * @description my bookmarklet
 * @include http://*
 * @license MIT License
 * @require 
 */


class Roach {
  constructor() {
    this.imgs = [
      'http://jsrun.it/assets/k/Z/u/X/kZuXk.gif',
      'http://jsrun.it/assets/M/f/M/z/MfMzs.gif',
      'http://jsrun.it/assets/4/j/u/H/4juHK.gif',
      'http://jsrun.it/assets/G/e/T/a/GeTaI.gif',
      'http://jsrun.it/assets/A/i/o/Q/AioQG.gif',
      'http://jsrun.it/assets/k/q/T/f/kqTfH.gif',
      'http://jsrun.it/assets/k/T/E/G/kTEGu.gif',
      'http://jsrun.it/assets/i/Y/T/i/iYTiH.gif'
    ];
    this.pw = document.body.clientWidth - 16;
    this.ph = Math.max.apply(null, [document.body.clientHeight, document.body.scrollHeight, document.documentElement.scrollHeight, document.documentElement.clientHeight]) - 16;
    this.x = Number(this.pw * Math.random());
    this.y = Number(this.ph * Math.random());
    this.r = Number(360 * Math.random());
    this.node = document.createElement('img');
    this.node.style.position = 'fixed';
    document.body.appendChild(this.node);
  }

  get file() {
    return this.imgs[Number(Math.floor((Number(this.r + 22.5) % 360) / 45))];
  }

  update() {
    this.r = (this.r + 360 + Number(10 * Math.random() - 5)) % 360;
    this.x += Math.cos(this.r * Math.PI / 180) * 8;
    this.y -= Math.sin(this.r * Math.PI / 180) * 8;
    if (this.x < -16) this.x = this.pw;
    if (this.x > this.pw) this.x = -16;
    if (this.y < -16) this.y = this.ph;
    if (this.y > this.ph) this.y = -16;

    this.node.style.left = this.x + 'px';
    this.node.style.top = this.y + 'px';
    this.node.src = this.file;
    setTimeout(this.update.bind(this), 10);
  }
};

for (var n = 0; n < 10; n++)
  new Roach().update();

Permalink RAW Packed Userscript LOADER Metadata ?

Permalink

このページへの個別リンクです。

RAW

書かれたコードへの直接のリンクです。

Packed

文字列が圧縮された書かれたコードへのリンクです。

Userscript

Greasemonkey 等で利用する場合の .user.js へのリンクです。

Loader

@require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

Metadata

コード中にコメントで @xxx と書かれたメタデータの JSON です。

History

2017/09/25 17:44:44 - 2017-09-25