kirakira
by
arikui
2010-05-24 [2010/05/24 02:52:03]
kirakira
@@ -1,9 +1,8 @@
/*
- * @title bookmarklet
- * @description my bookmarklet
+ * @title kirakira
+ * @description kirakira
* @include http://*
* @license MIT License
- * @private
* @require http://github.com/arikui/image_processing.js/raw/master/image_processing.js
*/
@@ -11,24 +10,23 @@
var ip = arguments.callee.ip;
if(!ip){
- canvas.width = canvas.height = "2";
+ canvas.width = canvas.height = "10";
ip = new ImageProcessing(canvas);
arguments.callee.ip = ip;
ip.lock().each(function(px, x, y, self){
- px = ImageProcessing.Color.fromHex(Math.random() * 0xffffff);
+ px = ImageProcessing.Color.fromHsv(Math.random() * 359, 255, 255);
self.setPixel(x, y, px);
}).unlock().update();
}
ip.lock().each(function(px, x, y, self){
- px = px.hsv();
- self.setPixel(x, y, ImageProcessing.Color.fromHsv((px[0] - 1) % 359, px[1], px[2]));
+ self.setPixel(x, y, ImageProcessing.Color.fromHsv(px.hsv()[0] + 7, 255, 255));
}).unlock().update();
style.backgroundPosition = "repeat";
style.backgroundImage = "url('" + ip.data() + "')";
-}, 1000,
+}, 50,
document.body.style,
document.createElement("canvas"));
void(0);
/*
* @title kirakira
* @description kirakira
* @include http://*
* @license MIT License
* @require http://github.com/arikui/image_processing.js/raw/master/image_processing.js
*/
setInterval(function(style, canvas){
var ip = arguments.callee.ip;
if(!ip){
canvas.width = canvas.height = "10";
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] + 7, 255, 255));
}).unlock().update();
style.backgroundPosition = "repeat";
style.backgroundImage = "url('" + ip.data() + "')";
}, 50,
document.body.style,
document.createElement("canvas"));
void(0);
- Permalink
- このページへの個別リンクです。
- RAW
- 書かれたコードへの直接のリンクです。
- Packed
- 文字列が圧縮された書かれたコードへのリンクです。
- Userscript
- Greasemonkey 等で利用する場合の .user.js へのリンクです。
- Loader
- @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
- Metadata
- コード中にコメントで @xxx と書かれたメタデータの JSON です。