kirakira

by arikui 2010-05-24 [2010/05/24 02:52:03]

kirakira

• /*
   * @title kirakira
   * @description kirakira
   * @include http://*
   * @license MIT License
   * @require http://github.com/arikui/image_processing.js/raw/master/image_processing.js
   */
  
  (function(){
  var n = 7;
  setInterval(function(style, canvas){
    var ip = arguments.callee.ip;
  
    if(!ip){
      canvas.width = canvas.height = "15";
      ip = new ImageProcessing(canvas);
      arguments.callee.ip = ip;
  
      ip.lock().each(function(px, x, y, self){
        px = ImageProcessing.Color.fromHsv(Math.random() * 359, 255, 255);
        self.setPixel(x, y, px);
      }).unlock().update();
    }
  
    ip.lock().each(function(px, x, y, self){
      self.setPixel(x, y, ImageProcessing.Color.fromHsv(px.hsv()[0] + n + n * Math.random(), 255, 255));
    }).unlock().update();
  
    style.backgroundPosition = "repeat";
    style.backgroundImage = "url('" + ip.data() + "')";
    style.backgroundColor = ImageProcessing.Color.fromHsv(Math.random() * 359, 255, 255);
  }, 100,
     document.body.style,
     document.createElement("canvas"));
  
  document.addEventListener("keydown", function(e){
    switch(e.keyCode){
      case 37: n = (n - 1) || 1; break;
      case 39: n = (n + 1 > 100)? n : n + 1; break;
    }
  }, false);
  })();

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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