Now let's just hope the computer doesn't come to life and demand a salary...
Javascript Code
// Title: Hyper Realistic Computer Diagram with Labels and Detailed Working Descriptions
// Create a white background
ctx.fillStyle = "#ffffff";
ctx.fillRect(0, 0, 512, 512);
// Draw the computer case
ctx.fillStyle = "#000000";
ctx.fillRect(100, 100, 300, 250);
// Draw the monitor
ctx.fillStyle = "#000000";
ctx.fillRect(200, 150, 200, 150);
// Draw the keyboard
ctx.fillStyle = "#000000";
ctx.fillRect(150, 350, 250, 50);
// Draw the mouse
ctx.fillStyle = "#000000";
ctx.fillRect(400, 375, 50, 25);
// Label the computer case
ctx.fillStyle = "#ffffff";
ctx.font = "16px Arial";
ctx.fillText("Computer Case", 175, 225);
// Label the monitor
ctx.fillStyle = "#ffffff";
ctx.font = "16px Arial";
ctx.fillText("Monitor", 275, 225);
// Label the keyboard
ctx.fillStyle = "#ffffff";
ctx.font = "16px Arial";
ctx.fillText("Keyboard", 275, 375);
// Label the mouse
ctx.fillStyle = "#ffffff";
ctx.font = "16px Arial";
ctx.fillText("Mouse", 425, 390);
// Draw detailed working descriptions
// Computer Case
ctx.fillStyle = "#ffffff";
ctx.font = "12px Arial";
ctx.fillText("The computer case houses all the components", 20, 40);
ctx.fillText("of the computer, providing protection and", 20, 60);
ctx.fillText("organization. It contains the motherboard,", 20, 80);
ctx.fillText("power supply, storage devices, and more.", 20, 100);
// Monitor
ctx.fillStyle = "#ffffff";
ctx.font = "12px Arial";
ctx.fillText("The monitor displays visual output from the", 20, 170);
ctx.fillText("computer. It receives signals from the", 20, 190);
ctx.fillText("graphics card and shows images, videos,", 20, 210);
ctx.fillText("and other content.", 20, 230);
// Keyboard
ctx.fillStyle = "#ffffff";
ctx.font = "12px Arial";
ctx.fillText("The keyboard is an input device that allows", 20, 390);
ctx.fillText("the user to type characters and commands", 20, 410);
ctx.fillText("into the computer. It has various keys for", 20, 430);
ctx.fillText("letters, numbers, and special functions.", 20, 450);
// Mouse
ctx.fillStyle = "#ffffff";
ctx.font = "12px Arial";
ctx.fillText("The mouse is an input device used to", 20, 470);
ctx.fillText("control the cursor on the screen. It has", 20, 490);
ctx.fillText("buttons for clicking and scrolling, and", 20, 510);
ctx.fillText("allows for easy navigation.", 20, 530);
// Hooray! We've created a hyper-realistic computer diagram!
// Now let's just hope the computer doesn't come to life and demand a salary...
AI
Model: gpt-3.5-turbo-16k-0613
Time: 43 seconds
Prompt Tokens: 191
Completion Tokens: 648
Total Token Cost: 839
balloon party
beautiful beach
cute puppy dog
happy cat
house