gaga booon

by monpy4696 2013-11-15 [2013/11/15 00:36:36]

my bookmarklet

@@ -7,7 +7,7 @@
  */
 
 var BGM = document.createElement('iframe'); 
-BGM.src = '//www.youtube.com/embed/SxlmO1BCSvE'; 
+BGM.src = '//www.youtube.com/embed/1j7aRVkdYlg?autoplay=1'; 
 BGM.width = 0;
 BGM.height = 0;
 BGM.frameborder=0;
@@ -33,6 +33,7 @@
 var toX = 0;
 var x = 0;
 var y = 0;
+var r = 0;
 var moveX;
 var moveY;
 function MouseMoveFunc(e){
@@ -43,7 +44,12 @@
 document.addEventListener("mousemove" , MouseMoveFunc);
 
 
-setTimeout(calc,200);
+setTimeout(calc,2000);
+setTimeout(end,40000);
+function end(){
+  flag = false;
+  document.body.removeChild(wrp);
+}
 function calc(){
   x = wrp.offsetLeft ;
   y =  wrp.offsetTop;
@@ -51,14 +57,15 @@
   if( (mX - x)*(mX - x) + (mY - y) *  (mY - y) > 200*200 ){
     moveX = (mX - x)/10;
     moveY = (mY - y)/10;
-    toX = x + moveX;
-    toY = y + moveY;
+    toX = x + moveX +Math.sin(r)*100;
+    toY = y + moveY + Math.cos(r)*100;
   }else{
-    toX = x + moveX;
-    toY = y + moveY;
+    toX = x + moveX * Math.sin(r);
+    toY = y + moveY * Math.cos(r);
   }
+  r += Math.random();
   setPosition();
-  requestAnimationFrame(calc);
+  if(flag) requestAnimationFrame(calc);
 }
 function setPosition(){
 wrp.style.top = toY+'px';

• /*
   * @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 LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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