"If this rack could talk, it would probably say, 'I'm stacked and I know it!'"
Javascript Code
// Title: High Rack with 4-Layer Stack
// Create the canvas and get the 2d context
// Define the rack proportions relative to the canvas size
var rackLength = 512; // Full width of the canvas
var rackWidth = (1200 / 2700) * rackLength; // Proportional to the length
var rackHeight = (1210 / 2700) * rackLength; // Proportional to the length
var layerHeight = rackHeight / 4;
// Draw the rack base
ctx.fillStyle = '#B0BEC5'; // Steel color
ctx.fillRect((512 - rackWidth) / 2, 512 - 40, rackWidth, 40);
// Draw the layers
for (var i = 0; i < 4; i++) {
ctx.fillStyle = i % 2 ? '#CFD8DC' : '#B0BEC5'; // Alternating layer colors for visibility
ctx.fillRect((512 - rackWidth) / 2, 512 - (i + 1) * layerHeight - 40, rackWidth, 10);
}
// Draw the vertical beams
ctx.fillStyle = '#90A4AE'; // Slightly darker steel color
var beamWidth = 10;
ctx.fillRect((512 - rackWidth) / 2, 512 - rackHeight - 40, beamWidth, rackHeight);
ctx.fillRect(512 - (512 - rackWidth) / 2 - beamWidth, 512 - rackHeight - 40, beamWidth, rackHeight);
// Add some shadows for depth
ctx.fillStyle = 'rgba(0, 0, 0, 0.2)'; // Shadow color
ctx.fillRect((512 - rackWidth) / 2 + beamWidth, 512 - 40, rackWidth - beamWidth * 2, 5);
// Now we'll add some items on the layers
function drawItem(x, y, width, height, color) {
ctx.fillStyle = color;
ctx.fillRect(x, y - height, width, height);
// Add some item details
ctx.strokeStyle = 'rgba(255, 255, 255, 0.5)';
ctx.strokeRect(x + 2, y - height + 2, width - 4, height - 4);
}
// Place some items on the layers
var itemWidth = 50;
var itemHeight = 30;
for (var layer = 0; layer < 4; layer++) {
for (var item = 0; item < 5; item++) {
var x = (512 - rackWidth) / 2 + beamWidth + item * (itemWidth + 5);
var y = 512 - (layer * layerHeight + 40);
}
}
// Always remember to add the canvas to the document
// so you can see the masterpiece you've created
// "If this rack could talk, it would probably say, 'I'm stacked and I know it!'"
AI
Model: gpt-4-1106-preview
Time: 32 seconds
Prompt Tokens: 451
Completion Tokens: 698
Total Token Cost: 1149
balloon party
beautiful beach
cute puppy dog
happy cat
house