summaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
authorJules <jules@asdf.us>2014-02-07 23:41:08 -0500
committerJules <jules@asdf.us>2014-02-07 23:41:08 -0500
commit2edafcdf77c83743c9835474c3e865cd7f570ac0 (patch)
treeee1675975aaf2d17de385ced0d39b8c6edf172d0 /index.html
parentf0696c86543e09d2795afc18d62134f5e234c405 (diff)
cq.resizePixel background
Diffstat (limited to 'index.html')
-rw-r--r--index.html10
1 files changed, 5 insertions, 5 deletions
diff --git a/index.html b/index.html
index f36193a..5fb7c30 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,7 @@ html,body{width:100%;height:100%;margin:0;padding:0;}
#palette,#colors div { cursor: pointer; }
#dice { font-size: 4em; line-height: 0.8em; position: relative; top: -30px; left: 10px; cursor: pointer; box-shadow: 0 0 4px #b8d6fb,0 0 4px #b8d6fb,0 0 4px #b8d6fb;}
#dice {outline:0; }
-
+h1 { font-size: 26px; font-weight: normal }
</style>
</head>
<body>
@@ -39,14 +39,13 @@ html,body{width:100%;height:100%;margin:0;padding:0;}
<!--<a target="_blank" href="shader-localstorage.html"><button>shader-localstorage</button></a>-->
<a target="_blank" href="shader-api.html"><button>shader-api</button></a>
-
<h1>photoblaster</h1>
<a target="_blank" href="/im/"><button>photoblaster</button></a>
<a target="_blank" href="/imgradient/"><button>im-gradient</button></a>
<a target="_blank" href="/imgrid/"><button>im-grid</button></a>
<a target="_blank" href="/imbreak/"><button>im-break</button></a>
-<br><br>
+<h1>etc..</h1>
<a target="_blank" href="/gif-recorder/"><button>gif-recorder</button></a>
<a target="_blank" href="/neighbor/"><button>neighbor</button></a>
...
@@ -59,6 +58,7 @@ html,body{width:100%;height:100%;margin:0;padding:0;}
<script type="text/javascript" src="js/vendor/canvasquery.js"></script>
<script type="text/javascript" src="js/vendor/jquery/jquery.min.js"></script>
+<script type="text/javascript" src="http://asdf.us/neighbor/neighbor.js"></script>
<script type="text/javascript">
//
@@ -225,7 +225,7 @@ function load(){
swatch.onclick = function(){
color = $(this).data("color");
p = cq(paletteImg);
- patternURI = pattern.clone().blend( color.toString(), "screen", 1.0 ).canvas.toDataURL("image/png");
+ patternURI = pattern.clone().blend( color.toString(), "screen", 1.0 ).resizePixel(1 << randint(6)).canvas.toDataURL("image/png");
document.body.style.backgroundImage = 'url(' + patternURI + ')';
}
}
@@ -235,7 +235,7 @@ function load(){
p.x = randint(palette.canvas.width-20)+20
p.y = randint(palette.canvas.height)
pick(p)
- swatches[choice(["red","green","cyan","peru","yellow"])].onclick()
+ swatches[choice(["red","yellow"])].onclick()
}
$("#dice").click(dice)
dice()