gaga booon

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

my bookmarklet

@@ -6,6 +6,12 @@
  * @require 
  */
 
+var BGM = document.createElement('iframe'); 
+BGM.src = '//www.youtube.com/embed/61eOSH72R0U'; 
+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');
@@ -19,13 +25,17 @@
 
 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 moveX;
+var moveY;
 function MouseMoveFunc(e){
-console.log("move");
 mX = e.clientX;
 mY = e.clientY;
 }
@@ -35,9 +45,20 @@
 
 setTimeout(calc,200);
 function calc(){
-  toX = mX;
-  toY = mY;
+  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;
+    toY = y + moveY;
+  }else{
+    toX = x + moveX;
+    toY = y + moveY;
+  }
   setPosition();
+  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/61eOSH72R0U'; 
  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 moveX;
  var moveY;
  function MouseMoveFunc(e){
  mX = e.clientX;
  mY = e.clientY;
  }
  
  document.addEventListener("mousemove" , MouseMoveFunc);
  
  
  setTimeout(calc,200);
  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;
      toY = y + moveY;
    }else{
      toX = x + moveX;
      toY = y + moveY;
    }
    setPosition();
    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 です。