mirror of
https://git.sleeping.town/mirrors/foxy-moxy
synced 2025-06-29 02:30:48 -07:00
eye style smiley
This commit is contained in:
parent
928d123efd
commit
b4d13dccc4
2 changed files with 30 additions and 8 deletions
25
server.js
25
server.js
|
@ -84,8 +84,28 @@ function renderEars(ctx, opts) {
|
|||
}
|
||||
|
||||
function renderEyes(ctx, opts) {
|
||||
drawEllipseByCenter(ctx, opts.left.x, opts.left.y, opts.width, opts.height, "black", null, 0.5);
|
||||
drawEllipseByCenter(ctx, opts.right.x, opts.right.y, opts.width, opts.height, "black", null, 0.5);
|
||||
switch (opts.style) {
|
||||
case "ellipse":
|
||||
drawEllipseByCenter(ctx, opts.left.x, opts.left.y, opts.width, opts.height, "black", null, 0.5);
|
||||
drawEllipseByCenter(ctx, opts.right.x, opts.right.y, opts.width, opts.height, "black", null, 0.5);
|
||||
break;
|
||||
case "smiley":
|
||||
ctx.strokeStyle = "black";
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(opts.left.x - opts.width, opts.left.y + opts.height);
|
||||
ctx.bezierCurveTo(opts.left.x - opts.width, opts.left.y + opts.height, opts.left.x, opts.left.y, opts.left.x + opts.width, opts.left.y + opts.height);
|
||||
ctx.lineWidth = 2;
|
||||
ctx.stroke();
|
||||
ctx.closePath();
|
||||
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(opts.right.x - opts.width, opts.right.y + opts.height);
|
||||
ctx.bezierCurveTo(opts.right.x - opts.width, opts.right.y + opts.height, opts.right.x, opts.right.y, opts.right.x + opts.width, opts.right.y + opts.height);
|
||||
ctx.lineWidth = 2;
|
||||
ctx.stroke();
|
||||
ctx.closePath();
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
function renderNose(ctx, opts) {
|
||||
|
@ -97,6 +117,7 @@ function renderNose(ctx, opts) {
|
|||
ctx.bezierCurveTo(opts.x + opts.width/2, opts.y - opts.height/2, opts.x + opts.width/2, opts.y + opts.height/2, opts.x, opts.y + opts.height/2);
|
||||
ctx.bezierCurveTo(opts.x, opts.y + opts.height/2, opts.x - opts.width/2, opts.y + opts.height/2, opts.x - opts.width/2, opts.y - opts.height/2);
|
||||
// drawEllipseByCenter(ctx, opts.x, opts.y, opts.width, opts.height, "black", null, 0.5);
|
||||
ctx.fillStyle = "black";
|
||||
ctx.fill();
|
||||
//ctx.closePath(); // not used correctly, see comments (use to close off open path)
|
||||
ctx.stroke();
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue