DeepSeek V3 (March 2024) vs Llama 4 Scout
Compare DeepSeek V3 (March 2024) by DeepSeek against Llama 4 Scout by Meta AI, context windows of 128K vs 10.0M, tested across 23 shared challenges. Updated February 2026.
Compare DeepSeek V3 (March 2024) by DeepSeek against Llama 4 Scout by Meta AI, context windows of 128K vs 10.0M, tested across 23 shared challenges. Updated February 2026.
18 challenges
Tests an AI's ability to generate vector graphics
Tests an AI's ability to create detailed SVG illustrations of gaming hardware
Tests an AI's ability to generate a complete, working landing page
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.
# Super Mario Bros. Interactive Level
Here's a self-contained HTML page with an interactive Mario-style level. It includes platforming elements, enemies, coins, and a flagpole goal - all in the spirit of classic Nintendo games.
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Interactive Mario Level</title>
<style>
body {
margin: 0;
overflow: hidden;
background: linear-gradient(to bottom, #1E90FF, #87CEEB);
font-family: 'Arial', sans-serif;
}
#game {
position: relative;
width: 800px;
height: 400px;
margin: 20px auto;
background-color: #7EC0EE;
overflow: hidden;
border: 4px solid #333;
border-radius: 8px;
}
#ground {
position: absolute;
bottom: 0;
width: 1600px;
height: 32px;
background-color: #5C9403;
}
.platform {
position: absolute;
background-color: #C14F4F;
border: 2px solid #8C3A3A;
border-radius: 4px;
}
.brick {
position: absolute;
width: 32px;
height: 32px;
background-color: #E08030;
border: 2px solid #B05820;
border-radius: 2px;
}
.question-block {
position: absolute;
width: 32px;
height: 32px;
background-color: #F8D030;
border: 2px solid #C0A020;
border-radius: 2px;
animation: bounce 0.5s infinite alternate;
}
@keyframes bounce {
from { transform: translateY(0); }
to { transform: translateY(-2px); }
}
.coin {
position: absolute;
width: 16px;
height: 16px;
background-color: #F8D030;
border-radius: 50%;
border: 2px solid #E0B020;
animation: spin 0.5s infinite linear;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
#mario {
position: absolute;
width: 32px;
height: 48px;
background-color: #E04018;
border-radius: 8px;
left: 100px;
bottom: 32px;
z-index: 10;
transition: transform 0.1s;
}
#mario::before {
content: '';
position: absolute;
top: -10px;
left: 2px;
width: 28px;
height: 20px;
background-color: #E04018;
border-radius: 50% 50% 0 0;
}
#mario::after {
content: 'M';
position: absolute;
top: -5px;
left: 12px;
color: white;
font-weight: bold;
}
.goomba {
position: absolute;
width: 32px;
height: 32px;
background-color: #B06820;
border-radius: 50% 50% 0 0;
bottom: 32px;
}
.goomba::before {
content: '';
position: absolute;
width: 20px;
height: 8px;
background-color: #804010;
top: -4px;
left: 6px;
border-radius: 50%;
}
.goomba::after {
content: '';
position: absolute;
width: 6px;
height: 6px;
background-color: #000;
top: 8px;
left: 8px;
border-radius: 50%;
}
.pipe {
position: absolute;
width: 64px;
background-color: #20A020;
border: 2px solid #108010;
border-top: none;
}
.pipe-top {
width: 64px;
height: 16px;
background-color: #30B030;
border: 2px solid #108010;
border-radius: 4px 4px 0 0;
}
.flagpole {
position: absolute;
width: 4px;
height: 200px;
background-color: #808080;
z-index: 5;
}
.flag {
position: absolute;
width: 30px;
height: 20px;
background-color: #E04018;
clip-path: polygon(0 0, 100% 50%, 0 100%);
z-index: 5;
}
#score {
position: absolute;
top: 10px;
left: 10px;
color: white;
font-size: 16px;
text-shadow: 2px 2px 0 #000;
}
#lives {
position: absolute;
top: 30px;
left: 10px;
color: white;
font-size: 16px;
text-shadow: 2px 2px 0 #000;
}
#end-screen {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.8);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: white;
font-size: 24px;
text-align: center;
z-index: 100;
display: none;
}
#restart-btn {
margin-top: 20px;
padding: 10px 20px;
background-color: #E04018;
border: none;
border-radius: 4px;
color: white;
font-size: 18px;
cursor: pointer;
}
#restart-btn:hover {
background-color: #F05020;
}
#instructions {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
color: white;
text-align: center;
font-size: 14px;
text-shadow: 1px 1px 0 #000;
}
</style>
</head>
<body>
<div id="game">
<div id="ground"></div>
<div id="mario"></div>
<div id="score">Score: 0</div>
<div id="lives">Lives: 3</div>
<div id="end-screen">
<h2>Level Complete!</h2>
<p id="final-score">Your Score: 0</p>
<button id="restart-btn">Play Again</button>
</div>
<div id="instructions">
Arrow keys to move | Space to jump
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const game = document.getElementById('game');
const mario = document.getElementById('mario');
const scoreDisplay = document.getElementById('score');
const livesDisplay = document.getElementById('lives');
const endScreen = document.getElementById('end-screen');
const finalScore = document.getElementById('final-score');
const restartBtn = document.getElementById('restart-btn');
let score = 0;
let lives = 3;
let marioX = 100;
let marioY = 400 - 32 - 48; // Bottom - ground - mario height
let velocityY = 0;
let isJumping = false;
let gameWidth = 800;
let gameHeight = 400;
let groundHeight = 32;
let cameraX = 0;
let gameRunning = true;
// Game elements
const platforms = [];
const bricks = [];
const questionBlocks = [];
const coins = [];
const goombas = [];
const pipes = [];
// Create level elements
function createLevel() {
// Platforms
createPlatform(300, 300, 100, 16);
createPlatform(500, 250, 100, 16);
createPlatform(700, 200, 100, 16);
createPlatform(900, 150, 100, 16);
createPlatform(1100, 200, 100, 16);
createPlatform(1300, 250, 100, 16);
// Bricks
createBrick(350, 268);
createBrick(550, 218);
createBrick(750, 168);
createBrick(950, 118);
createBrick(1150, 168);
createBrick(1350, 218);
// Question blocks
createQuestionBlock(400, 268);
createQuestionBlock(600, 218);
createQuestionBlock(800, 168);
createQuestionBlock(1000, 118);
createQuestionBlock(1200, 168);
// Coins
createCoin(200, 300);
createCoin(220, 300);
createCoin(240, 300);
createCoin(450, 200);
createCoin(850, 150);
createCoin(1250, 200);
// Goombas
createGoomba(400);
createGoomba(800);
createGoomba(1200);
// Pipes
createPipe(600, 400 - groundHeight, 64, 80);
createPipe(1000, 400 - groundHeight, 64, 60);
// Flagpole at the end
createFlagpole(1500, 100);
}
function createPlatform(x, y, width, height) {
const platform = document.createElement('div');
platform.className = 'platform';
platform.style.left = x + 'px';
platform.style.top = y + 'px';
platform.style.width = width + 'px';
platform.style.height = height + 'px';
game.appendChild(platform);
platforms.push({x, y, width, height, element: platform});
}
function createBrick(x, y) {
const brick = document.createElement('div');
brick.className = 'brick';
brick.style.left = x + 'px';
brick.style.top = y + 'px';
game.appendChild(brick);
bricks.push({x, y, element: brick});
}
function createQuestionBlock(x, y) {
const block = document.createElement('div');
block.className = 'question-block';
block.style.left = x + 'px';
block.style.top = y + 'px';
game.appendChild(block);
questionBlocks.push({x, y, element: block, hit: false});
}
function createCoin(x, y) {
const coin = document.createElement('div');
coin.className = 'coin';
coin.style.left = x + 'px';
coin.style.top = y + 'px';
game.appendChild(coin);
coins.push({x, y, element: coin, collected: false});
}
function createGoomba(x) {
const goomba = document.createElement('div');
goomba.className = 'goomba';
goomba.style.left = x + 'px';
game.appendChild(goomba);
goombas.push({x, y: 400 - groundHeight - 32, element: goomba, direction: 1, speed: 1});
}
function createPipe(x, y, width, height) {
const pipeTop = document.createElement('div');
pipeTop.className = 'pipe-top';
pipeTop.style.left = x + 'px';
pipeTop.style.top = y + 'px';
game.appendChild(pipeTop);
const pipe = document.createElement('div');
pipe.className = 'pipe';
pipe.style.left = x + 'px';
pipe.style.top = y + 16 + 'px';
pipe.style.height = height - 16 + 'px';
game.appendChild(pipe);
pipes.push({x, y, width, height, element: pipe, top: pipeTop});
}
function createFlagpole(x, height) {
const flagpole = document.createElement('div');
flagpole.className = 'flagpole';
flagpole.style.left = x + 'px';
flagpole.style.top = (400 - height) + 'px';
flagpole.style.height = height + 'px';
game.appendChild(flagpole);
const flag = document.createElement('div');
flag.className = 'flag';
flag.style.left = (x + 4) + 'px';
flag.style.top = (400 - height + 20) + 'px';
game.appendChild(flag);
}
// Game controls
const keys = {
left: false,
right: false,
up: false
};
document.addEventListener('keydown', function(e) {
if (!gameRunning) return;
switch(e.key) {
case 'ArrowLeft':
keys.left = true;
break;
case 'ArrowRight':
keys.right = true;
break;
case 'ArrowUp':
case ' ':
keys.up = true;
if (!isJumping) {
velocityY = -12;
isJumping = true;
}
break;
}
});
document.addEventListener('keyup', function(e) {
switch(e.key) {
case 'ArrowLeft':
keys.left = false;
break;
case 'ArrowRight':
keys.right = false;
break;
case 'ArrowUp':
case ' ':
keys.up = false;
break;
}
});
restartBtn.addEventListener('click', function() {
resetGame();
endScreen.style.display = 'none';
gameRunning = true;
});
function resetGame() {
score = 0;
lives = 3;
marioX = 100;
marioY = 400 - groundHeight - 48;
velocityY = 0;
isJumping = false;
cameraX = 0;
scoreDisplay.textContent = 'Score: 0';
livesDisplay.textContent = 'Lives: 3';
// Clear all elements
platforms.forEach(p => p.element.remove());
bricks.forEach(b => b.element.remove());
questionBlocks.forEach(q => {
q.hit = false;
q.element.style.display = 'block';
});
coins.forEach(c => {
c.collected = false;
c.element.style.display = 'block';
});
goombas.forEach(g => g.element.remove());
pipes.forEach(p => {
p.element.remove();
p.top.remove();
});
// Clear arrays
platforms.length = 0;
bricks.length = 0;
questionBlocks.length = 0;
coins.length = 0;
goombas.length = 0;
pipes.length = 0;
// Recreate level
createLevel();
}
// Collision detection
function checkCollision(obj1, obj2) {
return obj1.x < obj2.x + obj2.width &&
obj1.x + 32 > obj2.x &&
obj1.y < obj2.y + obj2.height &&
obj1.y + 48 > obj2.y;
}
function checkPlatformCollision() {
for (const platform of platforms) {
if (marioX + 32 > platform.x &&
marioX < platform.x + platform.width &&
marioY + 48 >= platform.y &&
marioY + 48 <= platform.y + 10) {
marioY = platform.y - 48;
velocityY = 0;
isJumping = false;
return true;
}
}
return false;
}
function checkBrickCollision() {
for (const brick of bricks) {
if (checkCollision({x: marioX, y: marioY, width: 32, height: 48},
{x: brick.x, y: brick.y, width: 32, height: 32})) {
if (marioY + 48 <= brick.y + 10 && velocityY > 0) {
// Hit from below
marioY = brick.y - 48;
velocityY = 0;
isJumping = false;
addScore(50);
return true;
}
}
}
return false;
}
function checkQuestionBlockCollision() {
for (const block of questionBlocks) {
if (!block.hit && checkCollision({x: marioX, y: marioY, width: 32, height: 48},
{x: block.x, y: block.y, width: 32, height: 32})) {
if (marioY + 48 <= block.y + 10 && velocityY > 0) {
// Hit from below
block.hit = true;
block.element.style.animation = 'none';
block.element.style.backgroundColor = '#E08030';
velocityY = -5; // Small bounce
addScore(100);
// Spawn a coin above the block
createCoin(block.x, block.y - 32);
return true;
}
}
}
return false;
}
function checkCoinCollision() {
for (const coin of coins) {
if (!coin.collected &&
marioX + 32 > coin.x &&
marioX < coin.x + 16 &&
marioY + 48 > coin.y &&
marioY < coin.y + 16) {
coin.collected = true;
coin.element.style.display = 'none';
addScore(200);
return true;
}
}
return false;
}
function checkGoombaCollision() {
for (let i = 0; i < goombas.length; i++) {
const goomba = goombas[i];
if (checkCollision({x: marioX, y: marioY, width: 32, height: 48},Tests an AI's ability to replicate an existing UI with Tailwind CSS
Tests an AI's ability to create interactive web elements
Tests an AI's ability to create a detailed world map in SVG format
Generate a unique and simple recipe with common ingredients.
Create a starter plan for improving long-term health.
Develop a cutting-edge 3-month longevity plan for a biohacker.
By combining cutting-edge science, personalized tracking, and advanced biohacking strategies, this plan maximizes longevity, physical performance, and cognitive function.
Goal: Establish baseline metrics, optimize metabolic health, and prime the body for deeper interventions.
Baseline Tests (Week 1):
Dietary Strategy: Cyclical Ketogenic Diet (CKD) with Targeted Carb Refeeds
Fasting Protocol:
Goal: Enhance autophagy, mitochondrial function, and cognitive resilience.
Goal: Lock in gains, fine-tune biomarkers, and establish lifelong habits.
Final Notes:
This plan integrates the latest longevity research with practical biohacking for measurable results. Let me know if you'd like refinements based on personal constraints!
Comprehensive 3-Month Longevity Plan for Biohackers
Phase 1: Assessment and Foundation Building (Weeks 1-4)
Phase 2: Optimization and Intensification (Weeks 5-8)
Phase 3: Fine-Tuning and Peak Performance (Weeks 9-12)
Additional Recommendations:
Supplements and Dosages:
Safety Considerations:
Disclaimers:
By following this comprehensive 3-month longevity plan, biohackers can optimize their physical and cognitive performance, enhance stress resilience, and potentially slow aging. Regular monitoring, adjustments, and medical supervision are essential to ensure safety and efficacy.
Design an innovative, multi-component dish worthy of a 3-star Michelin restaurant.
Dish Title: "Oceanic Reverie – A Dialogue of Sea and Forest"
Concept: A Michelin 3-star dish that bridges the briny depths of the ocean with the earthy mystique of the forest, using avant-garde techniques to create harmony between unlikely ingredients: abalone and black truffle. The dish is a sensory journey, balancing umami, minerality, and forest-floor aromatics with textural contrasts.
Ingredients:
Method:
Ingredients:
Method:
Ingredients:
Method:
Ingredients:
Method:
Ingredients:
Method:
Ingredients:
Method:
This dish reimagines abalone—often treated as a mere delicacy—as a protagonist in a symphony of land and sea. The black truffle’s umami mirrors the abalone’s natural sweetness, while the enoki’s crispness and leek’s smokiness add terrestrial contrast. The broth, served cold to preserve clarity, binds the elements like tidal waves meeting shore.
Sourcing Notes:
Elevate with a pairing: Chablis Grand Cru (minerality) or aged sake (umami resonance).
This dish demands precision but rewards with unparalleled depth—an ode to nature’s duality. 🌊🍄
Dish Name: "Terra Verde" - A Harmonious Convergence of Land and Sea
Conceptual Narrative: Inspired by the Mediterranean landscape, "Terra Verde" is a symphony of flavors and textures that brings together the earthy richness of the land with the brininess of the sea. This innovative dish celebrates the union of terrestrial and marine ecosystems, featuring an unusual pairing of ingredients that will challenge and delight the palate.
Components:
Component 1: Saffron-Infused Cauliflower Mousse
Steam the cauliflower until tender. Purée in a blender with cream, milk, saffron, salt, and pepper. Strain through a fine-mesh sieve into a bowl. Whisk in butter until melted. Pour into a piping bag fitted with a large round tip.
Component 2: Smoked Eel Tartare with Pickled Fennel and Capers
Mix eel, pickled fennel, capers, mustard, and honey in a bowl. Stir in olive oil. Season with salt and pepper.
Sourcing Note: For pickled fennel, use a high-quality, artisanal product or make your own by slicing 1 bulb of fennel thinly, soaking in a brine made with 1 cup (250 ml) white wine vinegar, 1/2 cup (125 ml) water, and 1 tsp (5g) sugar for at least 2 hours.
Component 3: Wild Rice and Mushroom Duxelles
Cook wild rice according to package instructions. Sauté shallots and porcini in butter until softened. Add flour and cook 1 minute. Gradually add wine, whisking continuously. Simmer until reduced to a thick paste. Stir in cooked wild rice.
Component 4: Crispy Fried Cauliflower Petals with Lemon-Thyme Emulsion
Dredge cauliflower florets in flour, shaking off excess. Dip in buttermilk, then coat in flour again. Fry until crispy and golden. Drain on paper towels.
For the emulsion, whisk together lemon juice, cream, mustard, and thyme. Season with salt and pepper.
Component 5: Microgreens and Edible Flower Salad
Toss microgreens and edible flowers with olive oil and vinegar. Season with salt and pepper.
Assembly and Plating:
Tips and Variations:
Advanced Culinary Techniques:
Michelin-Starred Tips:
This dish is sure to impress with its innovative combination of ingredients, advanced techniques, and stunning presentation. The saffron-infused cauliflower mousse and lemon-thyme emulsion add an airy, ethereal quality, while the smoked eel tartare and wild rice and mushroom duxelles provide rich, savory elements. The crispy fried cauliflower petals add a satisfying crunch, and the microgreens and edible flower salad add freshness and color. "Terra Verde" is a true celebration of the Mediterranean landscape, where land and sea converge in a culinary masterpiece.
Create a detailed voxel art scene of a pagoda in a beautiful garden using ThreeJS