Every happy kid needs a playdate, let's hope this one finds a friend in the browser!
Javascript Code
// Title: Happy Kiddo
// Creating a 512x512 canvas and a 2D context
// Painting the background blue, because why not?
ctx.fillStyle = '#87CEEB';
ctx.fillRect(0, 0, 512, 512);
// Drawing a happy kid
// Let's start with the head
ctx.fillStyle = '#FFDAB9'; // Peachy skin tone, because happy kids are full of life!
ctx.beginPath();
ctx.arc(256, 200, 80, 0, Math.PI * 2, true);
ctx.closePath();
ctx.fill();
// Now, let's add some hair
ctx.fillStyle = '#A52A2A'; // Brown hair seems nice
ctx.beginPath();
ctx.arc(256, 150, 80, 0, Math.PI, false); // A nice, rounded haircut
ctx.fill();
// Eyes time! Let's make them sparkle
ctx.fillStyle = '#FFFFFF'; // White part of the eye
ctx.beginPath();
ctx.ellipse(230, 190, 20, 30, 0, 0, Math.PI * 2); // Left eye
ctx.ellipse(282, 190, 20, 30, 0, 0, Math.PI * 2); // Right eye
ctx.fill();
// The iris - let's make them blue
ctx.fillStyle = '#0000FF'; // Because BLUE eyes are cool
ctx.beginPath();
ctx.arc(230, 190, 10, 0, Math.PI * 2, true); // Left iris
ctx.arc(282, 190, 10, 0, Math.PI * 2, true); // Right iris
ctx.fill();
// And the pupils, for that focused look
ctx.fillStyle = '#000000'; // Black as the night
ctx.beginPath();
ctx.arc(230, 190, 5, 0, Math.PI * 2, true); // Left pupil
ctx.arc(282, 190, 5, 0, Math.PI * 2, true); // Right pupil
ctx.fill();
// Can't forget the smile, our kid's happiest feature
ctx.fillStyle = '#FF69B4'; // A happy pink smile!
ctx.beginPath();
ctx.arc(256, 230, 50, 0, Math.PI, false); // Just a nice, big smile
ctx.fill();
// And finally, the body - let's make him wear a green shirt
ctx.fillStyle = '#008000'; // A green shirt symbolizes growth and harmony
ctx.fillRect(206, 280, 100, 150); // A simple rectangle for the body
ctx.beginPath();
ctx.arc(256, 280, 50, Math.PI, 0, false);
ctx.fill();
// Adding some hands on hips action
ctx.fillStyle = '#FFDAB9';
ctx.fillRect(156, 280, 50, 100); // Left arm
ctx.fillRect(306, 280, 50, 100); // Right arm
ctx.beginPath();
ctx.arc(181, 280, 25, Math.PI * 0.5, Math.PI * 1.5, true); // Left hand
ctx.arc(331, 280, 25, Math.PI * 1.5, Math.PI * 0.5, true); // Right hand
ctx.fill();
// Let's add some pants
ctx.fillStyle = '#000080'; // Navy blue for the pants
ctx.fillRect(206, 430, 100, 50); // Good ol' fashioned jeans
// And finally, some brown shoes to complete the look
ctx.fillStyle = '#8B4513'; // Brown shoes, sturdy for adventures!
ctx.fillRect(206, 480, 45, 32); // Left shoe
ctx.fillRect(261, 480, 45, 32); // Right shoe
// Adding our canvas to the body of our HTML
// Every happy kid needs a playdate, let's hope this one finds a friend in the browser!
AI
Model: gpt-4-1106-preview
Time: 72 seconds
Prompt Tokens: 430
Completion Tokens: 901
Total Token Cost: 1331
accurate bicycle
balloon party
beautiful beach
cute puppy dog
happy cat
house
new business logo