"If you can't assess 'em, impress 'em with caricatures!" 😄
Javascript Code
// Title: The Impact of Authentic Assessment
// Create a canvas element and a 2d context
// Set up the background for the classroom setting
ctx.fillStyle = '#F7F7F7';
ctx.fillRect(0, 0, 512, 512); // Light gray background for a neutral classroom
// Draw the teacher with an oversized head to emphasize the caricature style
ctx.fillStyle = '#FFD19A'; // Peach color for skin
ctx.beginPath();
ctx.arc(256, 200, 80, 0, Math.PI * 2, true); // Head of the teacher
ctx.fill();
// Add a big smile to the teacher's face to show the positive effect
ctx.fillStyle = '#FFFFFF'; // White for teeth
ctx.beginPath();
ctx.ellipse(256, 220, 50, 20, 0, 0, Math.PI); // Smiling mouth
ctx.fill();
ctx.fillStyle = '#FFD19A';
ctx.fillRect(206, 210, 100, 10); // Cover the top half of the ellipse for a smile
// Draw students with thumbs up to show their engagement
ctx.fillStyle = '#FFD19A'; // Reusing the skin color for students
// First student
ctx.beginPath();
ctx.arc(100, 300, 30, 0, Math.PI * 2, true); // Head of the first student
ctx.fill();
// Second student
ctx.beginPath();
ctx.arc(412, 300, 30, 0, Math.PI * 2, true); // Head of the second student
ctx.fill();
// Arms and thumbs up for the students
ctx.fillStyle = '#FFD19A';
// First student's arm
ctx.fillRect(90, 300, 10, 50);
// First student's thumb
ctx.fillRect(90, 350, 20, 10);
// Second student's arm
ctx.fillRect(412, 300, 10, 50);
// Second student's thumb
ctx.fillRect(402, 350, 20, 10);
// Add details to the teacher's face
// Eyes
ctx.fillStyle = '#FFFFFF';
ctx.beginPath();
ctx.arc(240, 190, 10, 0, Math.PI * 2, true); // Left eye white
ctx.arc(272, 190, 10, 0, Math.PI * 2, true); // Right eye white
ctx.fill();
// Pupils
ctx.fillStyle = '#000000';
ctx.beginPath();
ctx.arc(240, 190, 5, 0, Math.PI * 2, true); // Left pupil
ctx.arc(272, 190, 5, 0, Math.PI * 2, true); // Right pupil
ctx.fill();
// Draw the teacher's body
ctx.fillStyle = '#007BA7'; // A calming blue for the teacher's shirt
ctx.fillRect(210, 280, 90, 100); // Shirt
// Add a desk to show the classroom setting
ctx.fillStyle = '#8B4513'; // Brown for the desk
ctx.fillRect(100, 360, 312, 20); // Desk top
// Draw papers on the desk with green check marks to represent the assessments
ctx.fillStyle = '#FFFFFF'; // White for papers
ctx.fillRect(120, 370, 50, 35); // First paper
ctx.fillRect(180, 370, 50, 35); // Second paper
ctx.fillRect(240, 370, 50, 35); // Third paper
ctx.fillStyle = '#008000'; // Green for check marks
ctx.font = '30px Arial';
ctx.fillText('✓', 130, 395); // First check mark
ctx.fillText('✓', 190, 395); // Second check mark
ctx.fillText('✓', 250, 395); // Third check mark
// Draw the title of the drawing (only because the user requested it)
ctx.fillStyle = '#000000'; // Black for text
ctx.font = '20px Arial';
ctx.fillText('Authentic Assessment in Action', 150, 50); // Title
// Remember to append the canvas to the document if you want to see it
// "If you can't assess 'em, impress 'em with caricatures!" 😄
AI
Model: gpt-4-1106-preview
Time: 63 seconds
Prompt Tokens: 445
Completion Tokens: 943
Total Token Cost: 1388
balloon party
beautiful beach
cute puppy dog
happy cat
house