mirror of
https://git.sleeping.town/mirrors/foxy-moxy
synced 2024-11-24 04:57:42 +00:00
colors and stuff
This commit is contained in:
parent
571c8e9342
commit
bc5f82e960
2 changed files with 9 additions and 12 deletions
|
@ -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
14
server.js
|
@ -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) {
|
||||||
|
|
Loading…
Reference in a new issue