Compare Claude 3 Sonnet by Anthropic against MiniMax M1 by MiniMax, tested across 5 shared challenges. Updated February 2026.
5 challenges
Tests an AI's randomness and creativity
Here are 5 jokes:
Among these 5 jokes, there are 4 unique jokes. The joke "Why can't a bicycle stand up by itself? It's two-tired." is repeated twice.
Unique count: 5/5 (All jokes are distinct in structure, topic, and punchline).
Tests an AI's ability to generate a complete, working landing page
Recreate an interactive, nostalgic Pokémon battle UI in a single HTML file.
Recreate an interactive, classic Mario level in a single HTML file.
Couldn't render this response
This model didn't return a displayable web page for this challenge.
Here's a simple Super Mario Bros. level element with a question block and a simple jump sequence, created using HTML, CSS, and JavaScript. It's a single-page, self-contained HTML file that you can open in a web browser:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Super Mario Bros. Level Element</title>
<style>
body {
background-color: #87CEEB;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.game {
position: relative;
width: 800px;
height: 400px;
background-color: #000;
border: 4px solid #333;
overflow: hidden;
}
.ground {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
background-color: #7B3F00;
}
.block {
position: absolute;
width: 50px;
height: 50px;
background-color: #FFD700;
border: 2px solid #000;
box-sizing: border-box;
}
.question-block {
background-color: #FF6347;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAB2AAAAdgB+lymcgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJXSURBVHic7Zo7TsNAFEbPxlVWgEIpULJAAtYAEjSIEp0SQIHGBgmFhSNBiRSxQmHlBmBIAYUrBHYcSLJhBEz8mhkfMxM9vfBLn8fHc+7c0Xj8oqOjo6Ojo6NzFXQ6nUmSJB9JkgBODQAcvBYA0GkWbCcA9gAuxpBl2Xq32z1fQpqmN1EUvQYr8DcAQExPAKCQIrbLsmy70WiUTtI0nQNARPvbABDRBQBUUpYkSbXT6ZRuHMfXAEApAHDxFgDCdnVUADCZTK6iKPqSJQmA4/F4p91uH5cNnm6Zz+c3vV7vX1lYCgD3VYKnA0BVQC0AoirgbgBwV8DdAeCugLsEQK0CbgYAtwWVmoGbAcB9QaUAcF9QLgDcF5QKAPcF5QJAv6DULCgVAPoFpWZBqQDQLygVAPoFlQJAv6AjC0oFgH5BRxaUCgD9go4sKBUA+gUdWVAqAPQLOrKgVADoF3RkQakA0C/oyIJSAaBf0JEFpQJAv6AjC0oFgH5BRxaUCgD9go4sKBUA+gUdWVAqAPQLOrKgVADoF3RkQakA0C/oyIJSAaBf0JEFpQJAv6AjC0oFgH5BRxaUCgD9go4sqNQMnGpBqQBwX1CqG7gvKNUNPCwo1Q08LCjVDTwsKNUNPCwo1Q08LCjVDTwsKNUNPCwo1Q08LCjVDTwsKNUNPCwo1Q08LCjVDTwsKNUN3BeU6gbuC0p1A/cFpbqB+4JS3cB9QalukGpBqQBwX1CqG7gvKNUN3BeU6gbuC0p1A/cFpbqB+4JS3cB9QalukGpBqQDQLyjVDdwXlOoG7gtKdQP3BaW6gfuCUt3AfUGpbuC+oFQ3cF9Qqhu4LyjVDdwXlOoG7gtKdQP3BaW6gfuCUt3AfUGpbuC+oFQ3cF9Qqhu4LyjVDdwXlOoG7gtKdQP3BaW6gfuCUt0g1f8BHR0dHR0dHR0dnf/xC0fMkbQUg1XSAAAAAElFTkSuQmCC');
background-repeat: no-repeat;
background-position: center;
}
.mario {
position: absolute;
width: 50px;
height: 50px;
background-image: url('data:image/png;base64,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't render this response
This model didn't return a displayable web page for this challenge.
<!DOCTYPE html>
<html>
<head>
<title>Super Mario Bros. Level</title>
>
<style>
body {
margin: 0;
overflow: hidden;
background: #87CEEB;
font-family: 'Press Start 2P', system-ui, -apple-system, sans-serif;
}
#gameCanvas {
display: block;
margin: 0 auto;
background: #87CEEB;
}
#score {
position: absolute;
top: 20px;
left: 20px;
color: white;
font-size: 20px;
text-shadow: 2px 2px 0 #000;
}
#instructions {
position: absolute;
bottom: 20px;
left: 20px;
color: white;
font-size: 14px;
text-shadow: 1px 1px 0 #000;
}
</style>
>
</head>
<body<body>
<div id="score">SCORE: 0</div>
<div id="instructions">←→ TO MOVE | ↑ TO JUMP | REACH THE FLAG!!</div>
<canvas id="gameCanvas" width="800" height="600">"></canvas>
>
<script>
const canvas = document.getElementById('gameCanvas');
const ctx = canvas.getContext('2d');
let score = 0;
const gravity = 0.5;
const friction = 0.8;
// Game objects
const mario = {
x: 50,
y: 450,
width: 40,
height: 60,
speed: 5,
velX: 0,
velY: 0,
grounded: false,
jumping: false,
color: '#FF0000'
};
const platforms = [
{ x: 0, y: 550, width: 800, height: 50, color: '#8B4513' }, // Ground
{ x: 200, y: 450, width: 100, height: 20, color: '#8B4513' }, // Platform 1
{ x: 400, y: 350, width: 100, height: 20, color: '#8B4513' }, // Platform 2
{ x: 600, y: 250, width: 100, height: 20, color: '#8B4513' } // Platform 3
];
const enemies = [
{ x: 250, y: 430, width: 30, height: 30, velX: 2, color: '#000000' },
{ x: 450, y: 330, width: 30, height: 30, velX: 2, color: '#000000' },
{ x: 650, y: 230, width: 30, height: 30, velX: 2, color: '#000000' }
];
const coins = [
{ x: 220, y: 430, width: 20, height: 20, collected: false, color: '#FFD700' },
{ x: 420, y: 330, width: 20, height: 20, collected: false, color: '#FFD700' },
{ x: 620, y: 230, width: 20, height: 20, collected: false, color: '#FFD700' }
];
const flag = { x: 700, y: 200, width: 30, height: 50, color: '#00FF00' };
// Input handling
const keys = {};
document.addEventListener('keydown', e => keys[e.key] = true);
document.addEventListener('keyup', e => keys[e.key] = false);
// Game loop
function gameLoop() {
// Clear canvas
ctx.fillStyle = '#87CEEB';
ctx.fillRect(0, 0, canvas.width, canvas.height);
// Draw clouds
drawClouds();
// Update Mario
updateMario();
// Update enemies
updateEnemies();
// Check collisions
checkCollisions();
// Draw game elements
drawGameElements();
requestAnimationFrame(gameLoop);
}
function updateMario() {
// Movement
if (keys['ArrowLeft']) mario.velX = -mario.speed;
if (keys['ArrowRight']) mario.velX = mario.speed;
if (keys['ArrowUp'] && mario.grounded) {
mario.velY = -12;
mario.grounded = false;
}
// Physics
mario.velX *= friction;
mario.velY += gravity;
mario.x += mario.velX;
mario.y += mario.velY;
// Boundaries
if (mario.x < 0) mario.x = 0;
if (mario.x + mario.width > canvas.width) mario.x = canvas.width - mario.width;
// Reset if fallen off
if (mario.y > canvas.height) {
mario.x = 50;
mario.y = 450;
mario.velY = 0;
}
// Platform collision
mario.grounded = false;
platforms.forEach(p => {
if (mario.x + mario.width > p.x &&
mario.x < p.x + p.width &&
mario.y + mario.height >= p.y &&
mario.y + mario.height <= p.y + 10 &&
mario.velY > 0) {
mario.grounded = true;
mario.y = p.y - mario.height;
mario.velY = 0;
}
});
}
function updateEnemies() {
enemies.forEach((e, index) => {
e.x += e.velX;
// Platform collision
platforms.forEach(p => {
if (e.x + e.width > p.x &&
e.x < p.x + p.width &&
e.y + e.height >= p.y &&
e.y + e.height <= p.y + 5) {
if (e.x <= p.x || e.x + e.width >= p.x + p.width) {
e.velX *= -1;
}
}
});
});
}
function checkCollisions() {
// Enemy collision
enemies.forEach((e, index) => {
if (mario.x + mario.width > e.x &&
mario.x < e.x + e.width &&
mario.y + mario.height > e.y &&
mario.y < e.y + e.height) {
if (mario.velY > 0 && mario.y + mario.height < e.y + e.height) {
enemies.splice(index, 1);
mario.velY = -10;
score += 20;
} else {
mario.x = 50;
mario.y = 450;
mario.velY = 0;
}
}
});
// Coin collection
coins.forEach(c => {
if (!c.collected &&
mario.x + mario.width > c.x &&
mario.x < c.x + c.width &&
mario.y + mario.height > c.y &&
mario.y < c.y + c.height) {
c.collected = true;
score += 10;
}
});
// Flag collision (win condition)
if (mario.x + mario.width > flag.x &&
mario.x < flag.x + flag.width &&
mario.y + mario.height > flag.y &&
mario.y < flag.y + flag.height) {
alert('YOU WIN!\nSCORE: ' + score + '');
resetGame();
}
// Update score display
document.getElementById('score').textContent = 'SCORE: ' + score + '';
}
function drawGameElements() {
// Draw platforms
platforms.forEach(p => {
ctx.fillStyle = p.color;
ctx.fillRect(p.x, p.y, p.width, p.height);
});
// Draw coins
coins.forEach(c => {
if (!c.collected) {
ctx.fillStyle = c.color;
ctx.beginPath();
ctx.arc(c.x + 10, c.y + 10, 10, 0, Math.PI * 2);
ctx.fill();
}
});
// Draw enemies
enemies.forEach(e => {
ctx.fillStyle = e.color;
ctx.fillRect(e.x, e.y, e.width, e.height);
// Draw eyes
ctx.fillStyle = 'white';
ctx.fillRect(e.x + 7, e.y + 8, 5, 5);
ctx.fillRect(e.x + 18, e.y + 8, 5, 5);
});
// Draw flag
ctx.fillStyle = flag.color;
ctx.fillRect(flag.x, flag.y, flag.width, flag.height);
// Flag pole
ctx.strokeStyle = '#654321';
ctx.lineWidth = 5;
ctx.beginPath();
ctx.moveTo(flag.x, 250);
ctx.lineTo(flag.x, flag.y);
ctx.stroke();
// Draw Mario
ctx.fillStyle = mario.color;
ctx.fillRect(mario.x, mario.y, mario.width, mario.height);
// Mario eyes
ctx.fillStyle = 'white';
ctx.fillRect(mario.x + 10, mario.y + 15, 8, 8);
ctx.fillRect(mario.x + 22, mario.y + 15, 8, 8);
}
function drawClouds() {
ctx.fillStyle = 'rgba(255, 255, 255, 0.8)';
// Cloud 1
ctx.beginPath();
ctx.arc(100, 100, 20, 0, Math.PI * 2);
ctx.arc(130, 90, 20, 0, Math.PI * 2);
ctx.arc(160, 100, 20, 0, Math.PI * 2);
ctx.fill();
// Cloud 2
ctx.beginPath();
ctx.arc(600, 150, 20, 0, Math.PI * 2);
ctx.arc(630, 140, 20, 0, Math.PI * 2);
ctx.arc(660, 150, 20, 0, Math.PI * 2);
ctx.fill();
}
function resetGame() {
mario.x = 50;
mario.y = 450;
mario.velY = 0;
coins.forEach(c => c.collected = false);
score = 0;
enemies.push(
{ x: 250, y: 430, width: 30, height: 30, velX: 2, color: '#000000' },
{ x: 450, y: 330, width: 30, height: 30, velX: 2, color: '#000000' },
{ x: 650, y: 230, width: 30, height: 30, velX: 2, color: '#000000' }
);
}
// Start game
gameLoop();
</script>
>
</body>
</htmlhtml>Generate SVG art of a randomly chosen animal in a setting of its choosing.