// Canvas Portrait of Jett

// Capturing the essence of experimentation



ctx.fillStyle = '#FFFFFF'; // Setting background color

ctx.fillRect(0, 0, 512, 512); // Creating canvas



// Drawing Jett's face

ctx.beginPath();

ctx.arc(256, 256, 200, 0, Math.PI * 2); // Drawing a circle for face

ctx.fillStyle = '#FFD700'; // Setting Jett's golden complexion

ctx.fill();



// Drawing Jett's eyes

ctx.beginPath();

ctx.arc(196, 230, 40, 0, Math.PI * 2); // Drawing left eye

ctx.arc(316, 230, 40, 0, Math.PI * 2); // Drawing right eye

ctx.fillStyle = '#000000'; // Setting eyes color to black

ctx.fill();



// Drawing Jett's nose

ctx.beginPath();

ctx.moveTo(256, 250); // Starting point for the nose

ctx.lineTo(220, 320); // Drawing left side of the nose

ctx.lineTo(292, 320); // Drawing right side of the nose

ctx.closePath();

ctx.fillStyle = '#FFD700'; // Setting nose color to match Jett's complexion

ctx.fill();



// Drawing Jett's mouth

ctx.beginPath();

ctx.arc(256, 320, 60, 0, Math.PI); // Drawing Jett's smiling mouth

ctx.fillStyle = '#FFD700'; // Setting mouth color to match Jett's complexion

ctx.fill();



// Adding Jett's iconic hairstyle

ctx.beginPath();

ctx.moveTo(126, 180); // Starting point for left side of hair

ctx.lineTo(386, 180); // Drawing left side of hair

ctx.lineTo(256, 20); // Drawing center of hair

ctx.closePath();

ctx.fillStyle = '#000000'; // Setting hair color to black

ctx.fill();



// Adding Jett's signature goggles

ctx.beginPath();

ctx.arc(256, 260, 80, -0.5, 1.5 * Math.PI); // Drawing left lens

ctx.arc(256, 260, 80, 0.5 * Math.PI, 2.5 * Math.PI); // Drawing right lens

ctx.fillStyle = '#000000'; // Setting goggles color to black

ctx.fill();



// Adding Jett's goggles strap

ctx.beginPath();

ctx.moveTo(176, 260); // Starting point for left strap

ctx.lineTo(336, 260); // Drawing left strap

ctx.lineWidth = 10; // Setting strap width

ctx.strokeStyle = '#000000'; // Setting strap color to black

ctx.stroke();



// Adding Jett's experiment equipment

ctx.beginPath();

ctx.moveTo(186, 370); // Starting point for left beaker

ctx.lineTo(186, 470); // Drawing left beaker

ctx.lineTo(196, 470); // Drawing left beaker stand

ctx.lineTo(196, 390); // Drawing left beaker stand

ctx.lineTo(316, 390); // Drawing right beaker stand

ctx.lineTo(316, 470); // Drawing right beaker

ctx.lineTo(326, 470); // Drawing right beaker stand

ctx.lineTo(326, 370); // Drawing right beaker

ctx.closePath();

ctx.fillStyle = '#00FFFF'; // Setting beaker color to cyan

ctx.fill();



// Adding Jett's experiment liquid

ctx.beginPath();

ctx.moveTo(206, 390); // Starting point for left liquid

ctx.lineTo(306, 390); // Drawing left liquid

ctx.lineTo(296, 450); // Drawing left liquid

ctx.lineTo(216, 450); // Drawing left liquid

ctx.closePath();

ctx.fillStyle = '#FF0000'; // Setting liquid color to red

ctx.fill();



// Adding Jett's experiment bubbles

ctx.beginPath();

ctx.arc(256, 420, 20, 0, Math.PI * 2); // Drawing bubble

ctx.arc(226, 410, 10, 0, Math.PI * 2); // Drawing bubble

ctx.arc(286, 410, 15, 0, Math.PI * 2); // Drawing bubble

ctx.fillStyle = '#FFFFFF'; // Setting bubble color to white

ctx.fill();



// Adding Jett's lab coat

ctx.beginPath();

ctx.moveTo(156, 500); // Starting point for left side of lab coat

ctx.lineTo(356, 500); // Drawing left side of lab coat

ctx.lineTo(356, 400); // Drawing right side of lab coat

ctx.lineTo(156, 400); // Drawing right side of lab coat

ctx.closePath();

ctx.fillStyle = '#FFFFFF'; // Setting lab coat color to white

ctx.fill();



// Adding Jett's experiment gloves

ctx.beginPath();

ctx.arc(126, 500, 20, 0, Math.PI * 2); // Drawing left glove

ctx.arc(386, 500, 20, 0, Math.PI * 2); // Drawing right glove

ctx.fillStyle = '#FFFFFF'; // Setting glove color to white

ctx.fill();



// Adding Jett's experiment explosion

ctx.beginPath();

ctx.arc(256, 140, 60, 0, Math.PI * 2); // Drawing explosion center

ctx.moveTo(226, 140); // Starting point for explosion rays

ctx.lineTo(286, 140); // Drawing explosion rays

ctx.moveTo(256, 110); // Starting point for explosion rays

ctx.lineTo(256, 170); // Drawing explosion rays

ctx.moveTo(230, 167); // Starting point for explosion rays

ctx.lineTo(282, 113); // Drawing explosion rays

ctx.moveTo(282, 167); // Starting point for explosion rays

ctx.lineTo(230, 113); // Drawing explosion rays

ctx.strokeStyle = '#FF0000'; // Setting explosion color to red

ctx.lineWidth = 5; // Setting explosion line width

ctx.stroke();



// Adding Jett's experiment smoke

ctx.beginPath();

ctx.arc(256, 80, 40, 0, Math.PI * 2); // Drawing smoke

ctx.arc(216, 80, 40, 0, Math.PI * 2); // Drawing smoke

ctx.arc(296, 80, 40, 0, Math.PI * 2); // Drawing smoke

ctx.fillStyle = '#CCCCCC'; // Setting smoke color to light gray

ctx.fill();