gaga booon

  • /*
     * @title gaga booon
     * @description my bookmarklet
     * @include http://*
     * @license MIT License
     * @require 
     */
    
    var BGM = document.createElement('iframe'); 
    BGM.src = '//www.youtube.com/embed/1j7aRVkdYlg?autoplay=1'; 
    BGM.width = 0;
    BGM.height = 0;
    BGM.frameborder=0;
    
    var gaga = document.createElement('img');
    gaga.src =  "http://monpy.moo.jp/trash_img/gaga.png";
    var wrp = document.createElement('div');
    wrp.style.position = "absolute";
    wrp.style.top = '-1000px';
    wrp.style.left = '0px';
    wrp.appendChild(gaga);
    
    var position = -283;
    var flag = true;
    
    var objBody = document.getElementsByTagName("body").item(0);
    objBody.appendChild(wrp);
    objBody.appendChild(BGM);
    
    var mX = 0;
    var mY = 0;
    var toY = 0;
    var toX = 0;
    var x = 0;
    var y = 0;
    var r = 0;
    var moveX;
    var moveY;
    function MouseMoveFunc(e){
    mX = e.clientX;
    mY = e.clientY;
    }
    
    document.addEventListener("mousemove" , MouseMoveFunc);
    
    
    setTimeout(calc,2000);
    setTimeout(end,40000);
    function end(){
      flag = false;
      document.body.removeChild(wrp);
    }
    function calc(){
      x = wrp.offsetLeft ;
      y =  wrp.offsetTop;
      
      if( (mX - x)*(mX - x) + (mY - y) *  (mY - y) > 200*200 ){
        moveX = (mX - x)/10;
        moveY = (mY - y)/10;
        toX = x + moveX +Math.sin(r)*100;
        toY = y + moveY + Math.cos(r)*100;
      }else{
        toX = x + moveX * Math.sin(r);
        toY = y + moveY * Math.cos(r);
      }
      r += Math.random();
      setPosition();
      if(flag) requestAnimationFrame(calc);
    }
    function setPosition(){
    wrp.style.top = toY+'px';
    wrp.style.left = toX+'px';
    }
  • Permalink
    このページへの個別リンクです。
    RAW
    書かれたコードへの直接のリンクです。
    Packed
    文字列が圧縮された書かれたコードへのリンクです。
    Userscript
    Greasemonkey 等で利用する場合の .user.js へのリンクです。
    Loader
    @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
    Metadata
    コード中にコメントで @xxx と書かれたメタデータの JSON です。

History

  1. 2013/11/15 00:36:36 - 2013-11-15
  2. 2013/11/15 00:13:46 - 2013-11-15
  3. 2013/11/15 00:06:53 - 2013-11-15
  4. 2013/11/14 23:38:40 - 2013-11-14
  5. 2013/11/14 23:37:52 - 2013-11-14
  6. 2013/11/14 16:37:14 - 2013-11-14
  7. 2013/11/14 16:36:12 - 2013-11-14
  8. 2013/11/14 16:35:28 - 2013-11-14
  9. 2013/11/14 16:34:08 - 2013-11-14
  10. 2013/11/14 16:33:07 - 2013-11-14
  11. 2013/11/14 16:32:37 - 2013-11-14
  12. 2013/11/14 16:31:52 - 2013-11-14
  13. 2013/11/14 16:22:00 - 2013-11-14
  14. 2013/11/14 16:21:32 - 2013-11-14
  15. 2013/11/14 16:20:45 - 2013-11-14
  16. 2013/11/14 16:17:51 - 2013-11-14