siriusfox/foxy-moxy
1
0
Fork 0
mirror of https://git.sleeping.town/mirrors/foxy-moxy synced 2025-11-03 18:12:17 -08:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #7 from Patreon/luke---style-changes

Browse source 
Shift the fox heads down a tad.
This commit is contained in:
Luke Davis 2016-12-16 11:51:57 -08:00 • committed by GitHub
commit 320babd04e
2 changed files with 12 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
js/fox.js
View file

@ -15,7 +15,7 @@ var Fox = function (IMG_WIDTH, IMG_HEIGHT, seed) {
// TODO: head headWidth and height // TODO: head headWidth and height
var headWidth = 0.6 * IMG_WIDTH; var headWidth = 0.6 * IMG_WIDTH;
var headHeight = 0.6 * IMG_HEIGHT; var headHeight = 0.6 * IMG_HEIGHT;
var origin = {x: IMG_WIDTH / 2 - headWidth / 2, y: IMG_HEIGHT / 2 - headHeight / 2}; var origin = {x: IMG_WIDTH / 2 - headWidth / 2, y: 0.5 * IMG_HEIGHT - headHeight / 2};
var kappa = chance.floating({min: 0.2, max: 0.45}) var kappa = chance.floating({min: 0.2, max: 0.45})
var hue = chance.integer({min: 5, max: 50}); var hue = chance.integer({min: 5, max: 50});

11
js/render-fox.js
View file

@ -10,8 +10,19 @@ var renderFox = function (canvas, opts) {
renderEyes(ctx, opts.eyes); renderEyes(ctx, opts.eyes);
renderNose(ctx, opts.nose); renderNose(ctx, opts.nose);
renderMouth(ctx, opts.mouth); renderMouth(ctx, opts.mouth);
shift_canvas(ctx, width, height, 0, 0.06 * height);
}; };
function shift_canvas(ctx, w, h, dx, dy) {
var topImage = ctx.getImageData(0, 0, w, h);
var bottomImage = ctx.getImageData(0, h - dy, w, h);
ctx.clearRect(0, 0, w, h);
ctx.putImageData(bottomImage, 0, 0);
ctx.putImageData(topImage, dx, dy);
}
function renderHead(ctx, opts) { function renderHead(ctx, opts) {
ctx.save(); ctx.save();
ctx.translate(ctx.canvas.width/2, ctx.canvas.height/2); ctx.translate(ctx.canvas.width/2, ctx.canvas.height/2);