インターネットは、本当は技術というよりも信念の体系、すなわち信条

■ 08:52

<meta http-equiv="x-dns-prefetch-control" content="off" />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'>script>
<script src="https://github.com/downloads/processing-js/processing-js/processing-1.3.6.js"
type="text/javascript">script>
<script type='text/javascript'>
  $(document).ready(init);

  function init() {}
  var ProcessingInit = function () {
    function resizeWindow() {
      var ballsCanvas = Processing.getInstanceById('mycode');
      ballsCanvas.resize($(window).width(), $(window).height());
    }
    $(window).resize(resizeWindow);
    resizeWindow();
  }
script>
<script type="application/processing" data-processing-target="mycode">
  void setup() {
    size(500, 500);
    background(255);
    smooth();
    ProcessingInit();
  }

  float alfa = 0.0, razmak = 1, easing = 0.1;
  float x, y, vel;

  void draw() {
    x = easy(mouseX, x);
    y = easy(mouseY, y);
    vel = easy(abs(pmouseX - mouseX) + abs(pmouseY - mouseY), vel);
    if (vel <= 0) vel = 0.01;

    translate(x, y);
    rotate(alfa);

    fill(255, 255 - 2 * vel, 0, 255);
    stroke(0, 70);
    ellipse(-vel * razmak, -vel * razmak, vel * 2, vel * 2);

    fill(0, 80 + 2 * vel, 255, 255);
    stroke(0, 70);
    ellipse(vel * razmak, vel * razmak, vel * 2, vel * 2);

    stroke(0, 0 + vel * 3);
    noStroke();
    fill(0, 0 + vel * 3);
    ellipse(vel * 2, -vel * 2, 4, 4);
    ellipse(-vel * 2, vel * 2, 4, 4);

    stroke(0, 70);
    line(vel * 2, -vel * 2, -vel * 2, vel * 2);

    alfa += 0.2;
  }

  float easy(float target, float k) {
    float d = target - k;
    if (abs(d) > 1) {
      k += d * easing;
    }
    return k;
  }

  void mousePressed() {
    background(255);
  }

  void resize(float X, float Y) {
    size(X, Y);
  }
script>
<canvas id="mycode" style="opacity:1" ;>canvas>

<style type="text/css">
  * {
    margin: 0;
    padding: 0;
  }
style>
<script type="text/javascript" language="javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?5d8c7109fb7df738c360dda250b77257">script>

processing らしいです。

void setup() {
  size(500, 500);
  background(255);
  smooth();
  ProcessingInit();
}

float alfa = 0.0, razmak = 1, easing = 0.1;
float x, y, vel;

void draw() {
  x = easy(mouseX, x);
  y = easy(mouseY, y);
  vel = easy(abs(pmouseX - mouseX) + abs(pmouseY - mouseY), vel);
  if (vel <= 0) vel = 0.01;

  translate(x, y);
  rotate(alfa);

  fill(255, 255 - 2 * vel, 0, 255);
  stroke(0, 70);
  ellipse(-vel * razmak, -vel * razmak, vel * 2, vel * 2);

  fill(0, 80 + 2 * vel, 255, 255);
  stroke(0, 70);
  ellipse(vel * razmak, vel * razmak, vel * 2, vel * 2);

  stroke(0, 0 + vel * 3);
  noStroke();
  fill(0, 0 + vel * 3);
  ellipse(vel * 2, -vel * 2, 4, 4);
  ellipse(-vel * 2, vel * 2, 4, 4);

  stroke(0, 70);
  line(vel * 2, -vel * 2, -vel * 2, vel * 2);

  alfa += 0.2;
}

float easy(float target, float k) {
  float d = target - k;
  if (abs(d) > 1) {
    k += d * easing;
  }
  return k;
}

void mousePressed() {
  background(255);
}

void resize(float X, float Y) {
  size(X, Y);
}

■ はてな スーパーpre記法 08:57

/*
 * @title Run Hatena::Let
 * @description silent version. fork from http://let.hatelabo.jp/mafucode/let/gYC-y5XlrOu8fA
 * @include http://let.hatelabo.jp/*
 * @license MIT License
 */

//cf. Run Hatena::Let - Hatena::Let http://let.hatelabo.jp/mafucode/let/gYC-y5XlrOu8fA
//cf. addforklink - Hatena::Let http://let.hatelabo.jp/taizooo/let/gYC-ydPttrvedg

(function () {
  a = document.querySelector("a.edit-link[href*='let.fork']");
  if (!a) return;
  b = a.cloneNode();
  b.href = "javascript:void(0)";
  b.textContent = "|>RUN";
  b.style.backgroundColor="#6699FF";
  b.style.color="white";
  b.style.backgroundImage="url('http://let.hatelabo.jp/images/config-icon-advanced-on.png')";
  a.parentNode.insertBefore(b);
  
  b.addEventListener(
    'click', (function () {
    eval(document.getElementsByClassName('javascript')[0].textContent)
  }),
  false);
  
})()

このやりかただとコレ(rotate images - Hatena::Let)とか動かない。@require が無いから。実行するヤツは LOADER から引っ張ってこないとダメか。

修正:loader.js を引っ張ってくるように修正

/*
 * @title Run Hatena::Let
 * @description silent version. fork from http://let.hatelabo.jp/mafucode/let/gYC-y5XlrOu8fA
 * @include http://let.hatelabo.jp/*
 * @license MIT License
 */

//cf. Run Hatena::Let - Hatena::Let http://let.hatelabo.jp/mafucode/let/gYC-y5XlrOu8fA
//cf. addforklink - Hatena::Let http://let.hatelabo.jp/taizooo/let/gYC-ydPttrvedg

(function () {
  a = document.querySelector("a.edit-link[href*='let.fork']");
  if (!a) return;
  b = a.cloneNode();
  b.href = "javascript:void(0)";
  b.textContent = "|>RUN";
  b.style.backgroundColor = "#6699FF";
  b.style.color = "white";
  b.style.backgroundImage = "url('http://let.hatelabo.jp/images/config-icon-advanced-on.png')";
  a.parentNode.insertBefore(b);

  b.addEventListener('click', (function () {
    s = document.createElement("script");
    s.charset = "utf-8";
    s.src = location.href + ".loader.js";
    document.body.appendChild(s);
  }),
  false);

})()