Skip to content

Instantly share code, notes, and snippets.

@runemadsen

runemadsen/bruce.js

Created November 23, 2016 20:01
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save runemadsen/ea9cda51e81b1398e6cde0e8d5ae89d7 to your computer and use it in GitHub Desktop.
Save runemadsen/ea9cda51e81b1398e6cde0e8d5ae89d7 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
bruce.js
var r = new Rune({
container: "#canvas",
width: 800,
height: 600
});
var bruce = new Rune.Pixels("bruce.jpg");
function drawRect(x, y, w, h)
{
var wRatio = bruce.width / r.width;
var hRatio = bruce.height / r.height;
var bruceX = Math.floor(x * wRatio);
var bruceY = Math.floor(y * hRatio);
var col = bruce.get(bruceX, bruceY);
// first draw a rectangle
r.rect(x, y, w, h)
.fill(col)
.stroke(false)
// then figure out if we need to draw another
var splitWidth = Rune.random(1) > 0.5;
var splitWhere = Rune.random(0.3, 0.8);
// if we're splitting the width
if(splitWidth && w > 50)
{
drawRect(x, y, w * splitWhere, h);
drawRect(x + (w * splitWhere), y, w * (1 - splitWhere), h);
}
// else if we're splitting the height
else if(h > 50)
{
drawRect(x, y, w, h * splitWhere);
drawRect(x, y + (h * splitWhere), w, h * (1 - splitWhere));
}
}
bruce.load(function() {
drawRect(0, 0, r.width, r.height);
r.draw();
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment