mirrors/foxy-moxy
2
0
Fork 0
mirror of https://git.sleeping.town/mirrors/foxy-moxy synced 2024-11-15 00:27:43 +00:00
Code Issues Projects Releases Packages Wiki Activity

colors and stuff

Browse source
This commit is contained in:
Jeffrey Sun 2016-12-15 16:30:59 -08:00
parent 571c8e9342
commit bc5f82e960
2 changed files with 9 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
js/fox.js
View file

@ -75,7 +75,12 @@ var Fox = function (IMG_WIDTH, IMG_HEIGHT) {
return { return {
canvas: { canvas: {
height: IMG_HEIGHT, height: IMG_HEIGHT,
width: IMG_WIDTH width: IMG_WIDTH,
color: hsl(
chance.integer({min:120, max:320}),
chance.integer({min:50, max:60}),
chance.integer({min:30, max:50})
)
}, },
head: { head: {
origin: origin, origin: origin,

14
server.js
View file

@ -57,18 +57,10 @@ 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);
ctx.rotate(Math.PI / 4); ctx.rotate(Math.PI / 4);
var tempCanvas = new Canvas(ctx.canvas.width, ctx.canvas.height); drawEllipseByCenter(ctx, 0, 0, opts.width, opts.height, opts.color, null, opts.kappa);
var tempCtx = tempCanvas.getContext('2d');
tempCtx.save();
tempCtx.translate(ctx.canvas.width/2, ctx.canvas.height/2);
tempCtx.rotate(Math.PI / 4);
tempCtx.fillStyle = opts.color;
tempCtx.fillRect(0, 0, ctx.canvas.width, ctx.canvas.height);
tempCtx.fill();
drawEllipseByCenter(tempCtx, ctx.canvas.width / 2, ctx.canvas.height, 0.1 * ctx.canvas.width, 0 * ctx.canvas.height, '#fff', null, 0.5);
var pattern = ctx.createPattern(tempCanvas);
drawEllipseByCenter(ctx, 0, 0, opts.width, opts.height, opts.color, pattern, opts.kappa);
ctx.restore(); ctx.restore();
ctx.clip();
drawEllipseByCenter(ctx, ctx.canvas.width / 2, ctx.canvas.height, ctx.canvas.width, 0.9 * ctx.canvas.height, '#fff', '#fff', 0.5);
} }
function renderEars(ctx, opts) { function renderEars(ctx, opts) {