Kolibri-1's original answers

Exactly what Kolibri-1 wrote in Tesseracted Labs' free browser chat on October 5, 2026 (the prompts are for Academy members). Back to the gallery

1 · Kolibri Rush (extended thinking off, about 20 seconds)

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Kolibri Rush</title>
<style>
  * { margin:0; padding:0; box-sizing:border-box; }
  html, body { height:100%; overflow:hidden; background:#060a12; font-family:monospace; }
  canvas { display:block; width:100vw; height:100vh; }
</style>
</head>
<body>
<canvas id="c"></canvas>
<script>
/* ===== Kolibri Rush ===== */
(() => {
  const canvas = document.getElementById('c');
  const ctx = canvas.getContext('2d');
  let W, H, DPR;
  function resize(){ DPR = Math.min(devicePixelRatio || 1, 2); W = innerWidth; H = innerHeight; canvas.width = W * DPR; canvas.height = H * DPR; canvas.style.width = W + 'px'; canvas.style.height = H + 'px'; }
  resize(); addEventListener('resize', resize);

  /* live state exposure */
  window.game = { state:'start', score:0, lives:3, best:parseInt(localStorage.getItem('kolibri_best')||'0',10), bird:{x:W/2, y:H/2, vy:0}, flowers:[], drones:[], particles:[], speed:8, time:0, flap:0, lastFlap:0, spawnT:0, lastSpawn:0 };

  /* helpers */
  const rand = (a,b)=>a+Math.random()*(b-a);
  const Stars = []; for(let i=0;i<160;i++) Stars.push({x:rand(0,W), y:rand(0,H), r:rand(0.6,1.4), vx:rand(-0.05,0.05), vy:rand(-0.05,0.05)});
  let skyline1=[], skyline2=[]; function buildSkyline(arr){ arr=[]; let x=0; const steps=4; const base=H*0.55; for(let i=0;i<steps;i++){ let h=base - i*H*0.12 + rand(-20,20); arr.push({x:x, w:W/steps+rand(-30,30), h}); x+=W/steps; } }

  /* reset game */
  function resetGame(){
    buildSkyline(skyline1); buildSkyline(skyline2);
    window.game.flowers=[]; window.game.drones=[]; window.game.particles=[];
    window.game.bird.x = W/2; window.game.bird.y = H*0.75; window.game.bird.vy = 0;
    window.game.score=0; window.game.lives=3; window.game.speed=8; window.game.time=0;
    window.game.state='play'; window.game.flap=0; window.game.lastFlap=0;
    window.game.spawnT=0; window.game.lastSpawn=0;
    localStorage.setItem('kolibri_best', String(Math.max(window.game.best, window.game.score)));
    updateBest();
  }
  function updateBest(){ window.game.best = parseInt(localStorage.getItem('kolibri_best')||'0',10); }

  /* spawn flower (right edge) */
  function spawnFlower(){
    const y = rand(H*0.3, H*0.75);
    window.game.flowers.push({x:W+40, y, w:14, collected:false, fall:rand(0.3,1)});
  }
  /* spawn drone */
  function spawnDrone(){
    const layer = Math.random()<0.5 ? 1 : 2;
    const y = rand(H*0.2, H*0.8);
    window.game.drones.push({x:W+40, y, layer, collected:false});
  }

  /* input */
  let mouseDown=false;
  addEventListener('keydown', e=>{ if(e.code==='Space') mouseDown=true; });
  addEventListener('keyup', e=>{ if(e.code==='Space') mouseDown=false; });
  addEventListener('mousedown',()=>mouseDown=true);
  addEventListener('mouseup',()=>mouseDown=false);
  canvas.addEventListener('click',()=>{ mouseDown=true; });

  /* flap logic */
  function flap(dt){
    if(mouseDown && window.game.lastFlap > 0.15){
      window.game.bird.vy = -7;
      window.game.flap = 1;
      window.game.lastFlap = 0;
    } else if(!mouseDown){
      window.game.flap = 0;
    }
    window.game.lastFlap += dt;
  }

  /* update */
  function update(dt){
    if(window.game.state==='start'){
      window.game.time += dt;
      return;
    }
    if(window.game.state==='gameover') return;

    /* flap */
    flap(dt);

    /* gravity & speed */
    window.game.bird.vy += 0.5;
    window.game.bird.y += window.game.bird.vy * dt;
    window.game.speed = 8 + window.game.time * 0.004;
    if(window.game.speed > 22) window.game.speed = 22;

    /* flowers */
    for(let i=window.game.flowers.length-1;i>=0;i--){
      const f = window.game.flowers[i];
      f.x -= window.game.speed * dt;
      if(f.x + f.w < -20){ window.game.flowers.splice(i,1); continue; }
      if(!f.collected && f.x < window.game.bird.x + 10 && f.x + f.w > window.game.bird.x - 10 &&
         f.y - 15 < window.game.bird.y + 15 && f.y + 15 > window.game.bird.y - 15){
        f.collected = true;
        window.game.score += 10;
        for(let p=0;p<12;p++){
          window.game.particles.push({x:window.game.bird.x, y:window.game.bird.y, vx:rand(-2,2), vy:rand(-3,-1), life:rand(0.6,1)});
        }
        setTimeout(()=>window.game.drones.forEach(d=>d.collected=true), 500); // just placeholder
      }
    }
    /* remove offscreen flowers */
    window.game.flowers = window.game.flowers.filter(f=> f.x + f.w > -20);

    /* drones */
    for(let i=window.game.drones.length-1;i>=0;i--){
      const d = window.game.drones[i];
      d.x -= window.game.speed * dt;
      if(d.x < -40){ window.game.drones.splice(i,1); continue; }
      if(!d.collected && d.x < window.game.bird.x + 12 && d.x + 12 > window.game.bird.x - 12 &&
         d.y - 10 < window.game.bird.y + 12 && d.y + 10 > window.game.bird.y - 12){
        window.game.lives--;
        window.game.drones.splice(i,1);
        if(window.game.lives <= 0){
          window.game.state='gameover';
          updateBest();
        }
      }
    }
    window.game.drones = window.game.drones.filter(d=> d.x > -40);

    /* particles */
    for(let i=window.game.particles.length-1;i>=0;i--){
      const p = window.game.particles[i];
      p.x += p.vx; p.y += p.vy; p.vy += 0.15; p.life -= dt;
      if(p.life <=0){ window.game.particles.splice(i,1); }
    }

    /* spawn logic */
    window.game.time += dt;
    if(window.game.state==='play'){
      window.game.spawnT += dt;
      if(window.game.spawnT > 1.5){
        if(Math.random() < 0.65) spawnFlower(); else spawnDrone();
        window.game.spawnT = 0;
      }
    }
  }

  /* draw */
  function draw(dt){
    ctx.setTransform(DPR,0,0,DPR,0,0);
    ctx.clearRect(0,0,W,H);

    /* background sky */
    ctx.fillStyle = '#03060d';
    ctx.fillRect(0,0,W,H);

    /* stars */
    for(const s of Stars){
      s.x += s.vx; s.y += s.vy;
      if(s.x<0||s.x>W||s.y<0||s.y>H){ s.x=rand(0,W); s.y=rand(0,H); }
      ctx.fillStyle = 'rgba(255,255,255,0.9)';
      ctx.beginPath(); ctx.arc(s.x, s.y, s.r, 0, Math.PI*2); ctx.fill();
    }

    /* parallax skyline 2 (far) */
    ctx.fillStyle = '#0a101a';
    for(const b of skyline2){
      ctx.fillRect(b.x - window.game.speed*dt*0.4, 0, b.w + window.game.speed*dt*0.4, b.h);
    }

    /* parallax skyline 1 (near) */
    ctx.fillStyle = '#0c1218';
    for(const b of skyline1){
      ctx.fillRect(b.x - window.game.speed*dt*1, 0, b.w + window.game.speed*dt*1, b.h);
    }

    /* neon lights in buildings (simple) */
    ctx.fillStyle = 'rgba(0,255,200,0.5)';
    for(const b of skyline1){
      const levels = Math.floor(b.h / 12);
      for(let l=1;l<=levels;l++){
        ctx.fillRect(b.x + l*10 - window.game.speed*dt*1, b.h - l*12, 6, 8);
      }
    }
    ctx.fillStyle = 'rgba(255,100,200,0.4)';
    for(const b of skyline2){
      const levels = Math.floor(b.h / 18);
      for(let l=1;l<=levels;l++){
        ctx.fillRect(b.x + l*14 - window.game.speed*dt*0.4, b.h - l*18, 5, 6);
      }
    }

    /* particles */
    for(const p of window.game.particles){
      const a = p.life / 0.8;
      ctx.fillStyle = `rgba(255,215,0,${a})`;
      ctx.beginPath(); ctx.arc(p.x, p.y, 2*a, 0, Math.PI*2); ctx.fill();
    }

    /* flowers */
    for(const f of window.game.flowers){
      if(f.collected) continue;
      ctx.strokeStyle = '#33cc99';
      ctx.lineWidth = 2;
      ctx.beginPath(); ctx.ellipse(f.x, f.y, 8, 12, 0, 0, Math.PI*2); ctx.stroke();
      ctx.fillStyle = '#33cc99';
      ctx.beginPath(); ctx.arc(f.x, f.y, 4, 0, Math.PI*2); ctx.fill();
    }

    /* drones */
    for(const d of window.game.drones){
      if(d.collected) continue;
      const cx = d.x + 6;
      const cy = d.y;
      ctx.fillStyle = d.layer===1 ? 'rgba(255,60,60,0.8)' : 'rgba(60,100,255,0.8)';
      ctx.beginPath(); ctx.ellipse(cx, cy, 8, 4, 0, 0, Math.PI*2); ctx.fill();
      ctx.strokeStyle = d.layer===1 ? '#ff3838' : '#3860ff';
      ctx.lineWidth = 1; ctx.stroke();
    }

    /* bird */
    const b = window.game.bird;
    // trail
    const trailLen = 8;
    const trail = [];
    for(let i=1;i<=trailLen;i++){
      trail.push({x:b.x - (b.x - trail[i-1]?.x || 0)*i/trailLen, y:b.y - (b.y - trail[i-1]?.y || 0)*i/trailLen});
    }
    trail.forEach((t,i)=>{
      const a = 1 - i/trailLen;
      ctx.strokeStyle = `rgba(100,255,180,${a*0.4})`;
      ctx.lineWidth = 2 + i*0.5;
      ctx.beginPath(); ctx.moveTo(t.x,t.y); ctx.lineTo(b.x,b.y); ctx.stroke();
    });

    // body
    ctx.fillStyle = '#40ff90';
    ctx.beginPath(); ctx.ellipse(b.x, b.y, 6, 5, 0, 0, Math.PI*2); ctx.fill();
    ctx.fillStyle = '#ff3838';
    ctx.beginPath(); ctx.circle(b.x + 3, b.y - 1, 1.5); ctx.fill();

    // wings animation
    const wingSpeed = 20 * dt;
    const wingAngle = Math.sin(wingSpeed) * Math.PI * 0.4;
    const wing1 = Math.sin(wingSpeed + 1) * 0.3;
    const wing2 = Math.sin(wingSpeed - 1) * 0.3;
    ctx.strokeStyle = '#33cc99';
    ctx.lineWidth = 1.5;
    ctx.beginPath(); ctx.moveTo(b.x, b.y); ctx.lineTo(b.x + 5*Math.cos(wingAngle), b.y + 3*Math.sin(wingAngle)); ctx.stroke();
    ctx.beginPath(); ctx.moveTo(b.x, b.y); ctx.lineTo(b.x - 4*Math.cos(wing1), b.y + 2*Math.sin(wing1)); ctx.stroke();
    ctx.beginPath(); ctx.moveTo(b.x, b.y); ctx.lineTo(b.x - 4*Math.cos(wing2), b.y + 2*Math.sin(wing2)); ctx.stroke();

    // glow
    ctx.fillStyle = 'rgba(64,255,144,0.3)';
    ctx.beginPath(); ctx.arc(b.x, b.y, 12, 0, Math.PI*2); ctx.fill();

    /* HUD */
    ctx.fillStyle = 'rgba(0,0,0,0.5)';
    ctx.fillRect(10,10,180,40);
    ctx.fillStyle = '#00ffcc';
    ctx.font = '14px monospace';
    ctx.fillText('SCORE: ' + window.game.score, 20, 32);
    ctx.fillStyle = '#ff5555';
    ctx.fillText('LIVES: ' + window.game.lives, 20, 52);
    ctx.fillStyle = '#ffcc33';
    ctx.fillText('BEST: ' + window.game.best, 20, 72);

    /* overlay */
    if(window.game.state==='start'){
      ctx.fillStyle = 'rgba(0,0,0,0.75)';
      ctx.fillRect(0,0,W,H);
      ctx.fillStyle = '#00ffcc';
      ctx.font = 'bold 48px monospace';
      ctx.textAlign = 'center';
      ctx.fillText('KOLIBRI RUSH', W/2, H/2 - 60);
      ctx.font = '20px monospace';
      ctx.fillText('Press SPACE or click to start', W/2, H/2 + 20);
    }
    if(window.game.state==='gameover'){
      ctx.fillStyle = 'rgba(0,0,0,0.85)';
      ctx.fillRect(0,0,W,H);
      ctx.fillStyle = '#ff5555';
      ctx.font = 'bold 48px monospace';
      ctx.textAlign = 'center';
      ctx.fillText('GAME OVER', W/2, H/2 - 80);
      ctx.fillStyle = '#00ffcc';
      ctx.font = '36px monospace';
      ctx.fillText('SCORE: ' + window.game.score, W/2, H/2 - 10);
      ctx.fillStyle = '#ffcc33';
      ctx.fillText('BEST: ' + window.game.best, W/2, H/2 + 40);
      ctx.font = '18px monospace';
      ctx.fillText('Click or Press SPACE to restart', W/2, H/2 + 80);
      // restart on click or space
      if(mouseDown || (document.activeElement && document.activeElement.tagName==='BODY' && window.lastKeyDown==='Space')){
        resetGame();
        mouseDown=false;
      }
    }
  }

  /* main loop */
  let lastTime = 0;
  function loop(now){
    const dt = Math.min((now - lastTime)/1000, 0.1);
    lastTime = now;

    if(window.game.state==='start'){
      if(mouseDown || (now - window.game.lastKeyDownTime) < 100){
        window.game.state='play';
        resetGame();
      }
    }
    if(window.game.state==='play'){
      update(dt);
      if(window.game.lives<=0) window.game.state='gameover';
    }
    draw(dt);
    requestAnimationFrame(loop);
  }
  requestAnimationFrame(loop);
})();
</script>
</body>
</html>

2 · MoE visualizer (extended thinking on)

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mixture-of-Experts Visualizer</title>
<style>
  body { margin: 0; background: #111; color: #eee; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
  #app { max-width: 1200px; margin: 0 auto; padding: 20px; }
  #top { display: flex; gap: 10px; margin-bottom: 15px; align-items: center; flex-wrap: wrap; }
  #sentenceInput { flex: 1; min-width: 200px; padding: 10px; background: #222; color: #eee; border: 1px solid #444; border-radius: 6px; font-size: 16px; }
  #routeBtn { padding: 10px 20px; background: #0077ff; color: #fff; border: none; border-radius: 6px; cursor: pointer; font-size: 16px; }
  #routeBtn:hover { background: #005fa3; }
  canvas { width: 100%; height: 520px; background: #111; border: 1px solid #333; border-radius: 8px; display: block; }
  #controls { margin: 15px 0; display: flex; align-items: center; gap: 15px; flex-wrap: wrap; }
  #layerSlider { flex: 1; min-width: 150px; }
  #playBtn { padding: 10px 20px; background: #ff5500; color: #fff; border: none; border-radius: 6px; cursor: pointer; font-size: 16px; }
  #playBtn:hover { background: #e04400; }
  #tokens { margin: 10px 0; display: flex; flex-wrap: wrap; gap: 8px; }
  .chip { background: #222; color: #eee; padding: 6px 12px; border-radius: 20px; cursor: pointer; font-size: 14px; border: 1px solid #444; }
  .chip:hover { background: #333; }
  #counter { margin-top: 15px; background: #1a1a1a; border: 1px solid #333; border-radius: 8px; padding: 15px; }
  #counter div { margin: 8px 0; font-size: 14px; }
  .bar { width: 100%; height: 10px; background: #333; border-radius: 5px; overflow: hidden; }
  #ratioFill { height: 100%; background: #00ffcc; width: 4.4%; transition: width 0.3s; }
</style>
</head>
<body>
<div id="app">
  <div id="top">
    <input id="sentenceInput" type="text" value="Der Kolibri fliegt schnell">
    <button id="routeBtn">Route tokens</button>
  </div>
  <canvas id="canvas"></canvas>
  <div id="controls">
    <input type="range" id="layerSlider" min="1" max="50" value="1">
    <button id="playBtn">Play</button>
  </div>
  <div id="tokens"></div>
  <div id="counter">
    <div>Active experts: <span id="activeExperts">7 of 384</span></div>
    <div>Active parameters: <span id="activeParams">~3.46B of 78B</span></div>
    <div class="bar"><div id="ratioFill"></div></div>
  </div>
</div>

<script>
// Canvas setup
const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');
let canvasWidth, canvasHeight;

function resizeCanvas() {
  canvasWidth = canvas.clientWidth;
  canvasHeight = canvas.clientHeight;
}
window.addEventListener('resize', resizeCanvas);
resizeCanvas();

// Constants
const TOTAL_EXPERTS = 384; // includes shared expert (index 0)
const SHARED_EXPERT = 0;
const REGULAR_EXPERTS = TOTAL_EXPERTS - 1; // 383
const LAYERS = 50;
const TOKEN_PER_LAYER = 6; // top-6
const TOTAL_PARAMS = 78e9; // 78B
const ACTIVE_PARAMS = 3.46e9; // 3.46B
const RATIO = ACTIVE_PARAMS / TOTAL_PARAMS; // ~0.044

// State
let tokens = [];
let tokenRouting = []; // tokenRouting[tokenIndex][layer-1] = array of 6 expert indices
let usage = new Array(TOTAL_EXPERTS).fill(0);
let currentTokenIndex = 0;
let currentLayer = 1;
let playInterval = null;

// Hash function for deterministic pseudo-random
function hash(str) {
  let h = 0;
  for (let i = 0; i < str.length; i++) {
    h = (h * 31 + str.charCodeAt(i)) % 1000000007;
  }
  return h;
}

// Route tokens: compute routing for all tokens across all layers
function routeTokens() {
  const sentence = document.getElementById('sentenceInput').value.trim();
  tokens = sentence.split(/\s+/).filter(t => t.length > 0);
  if (tokens.length === 0) return;

  // Reset usage
  usage = new Array(TOTAL_EXPERTS).fill(0);

  tokenRouting = [];
  for (const token of tokens) {
    const tokenRoutingForToken = new Array(LAYERS);
    for (let layer = 1; layer <= LAYERS; layer++) {
      // Compute scores for all regular experts (excluding shared expert 0)
      const scores = [];