Spaces:

Foxlum
/

pixelbender-a-fake-c64-demoscene-prod

Running

App Files Files Community

Foxlum commited on Aug 3

Commit

f11c761

verified ·

1 Parent(s): 797f395

Deploy from HuggingChat

Browse files

Files changed (2) hide show

README.md +9 -5
index.html +606 -18

README.md CHANGED Viewed

@@ -1,10 +1,14 @@
 ---
-title: Pixelbender A Fake C64 Demoscene Prod
-emoji: 🏃
-colorFrom: gray
-colorTo: purple
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: "PIXELBENDER — a fake C64 demoscene prod"
+emoji: 🎯
+colorFrom: purple
+colorTo: indigo
 sdk: static
 pinned: false
+tags:
+  - huggingchat
 ---
+# PIXELBENDER — a fake C64 demoscene prod
+Built with [HuggingChat](https://huggingface.co/chat).

index.html CHANGED Viewed

@@ -1,19 +1,607 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
 </html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>PIXELBENDER — C64 demoscene prod</title>
+<style>
+  html,body{margin:0;padding:0;height:100%;background:#000;overflow:hidden;}
+  body{display:flex;align-items:center;justify-content:center;}
+  #wrap{position:relative;line-height:0;}
+  canvas{image-rendering:pixelated;image-rendering:crisp-edges;}
+  #scan{
+    position:absolute;inset:0;pointer-events:none;
+    background:repeating-linear-gradient(to bottom,
+      rgba(0,0,0,.28) 0, rgba(0,0,0,.28) 0.379%,
+      transparent 0.379%, transparent 0.758%);
+  }
+  #start{
+    position:fixed;inset:0;z-index:10;background:#706DEB;
+    display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;
+  }
+  #start .scr{
+    background:#2E2C9B;color:#706DEB;font-family:"Courier New",monospace;
+    width:84%;height:80%;padding:24px 32px;font-size:clamp(11px,2.2vh,18px);line-height:1.6;
+  }
+  #start pre{margin:0;white-space:pre-wrap;}
+  .blink{animation:blink 1s steps(2) infinite;color:#EDF171;}
+  @keyframes blink{50%{opacity:0;}}
+</style>
+</head>
+<body>
+<div id="wrap">
+  <canvas id="scr" width="384" height="264"></canvas>
+  <div id="scan"></div>
+</div>
+<div id="start">
+  <div class="scr"><pre>    **** COMMODORE 64 BASIC V2 ****
+ 64K RAM SYSTEM  38911 BASIC BYTES FREE
+READY.
+LOAD"PIXELBENDER",8,1
+<span class="blink">** CLICK TO BOOT **</span></pre></div>
+</div>
+<script>
+"use strict";
+/* ===================================================================
+   PIXELBENDER — strict C64 constraints:
+   320x200 / 40x25 chars (MC char mode for plasma: 4x8 cells),
+   fixed 16-color VIC-II palette, 8 sprites 24x21 (1 color, X/Y expand),
+   3 SID voices (tri/saw/pulse/noise, ADSR, one shared filter),
+   50 Hz PAL frame rate, music player on the "raster IRQ".
+   =================================================================== */
+const PAL=[[0,0,0],[255,255,255],[129,51,56],[117,206,200],[142,60,151],[86,172,77],
+[46,44,155],[237,241,113],[142,80,41],[85,56,0],[198,117,114],[74,74,74],
+[123,123,123],[169,255,159],[112,109,235],[178,178,178]];
+const PAL32=PAL.map(c=>0xFF000000|(c[2]<<16)|(c[1]<<8)|c[0]);
+const FBW=384,FBH=264;
+const dcanvas=document.getElementById('scr'),dctx=dcanvas.getContext('2d');
+const IMG=dctx.createImageData(FBW,FBH),FB32=new Uint32Array(IMG.data.buffer);
+/* VIC-II "memory" */
+const SCREEN=new Uint8Array(1000),COLRAM=new Uint8Array(1000);
+const lineBG=new Uint8Array(200),lineBorder=new Uint8Array(264),lineMC=new Uint8Array(200);
+let MULTICOLOR=false,MC1=0,MC2=0;
+function clearScreen(){SCREEN.fill(0);COLRAM.fill(1);}
+function resetLines(bg,bo){lineBG.fill(bg);lineBorder.fill(bo);lineMC.fill(MULTICOLOR?1:0);}
+/* charset: 256 chars x 8 bytes */
+const CS=new Uint8Array(256*8);
+function installGlyph(code,rows){
+  for(let r=0;r<8;r++){let b=0;const s=rows[r];
+    for(let x=0;x<8;x++)if(s[x]==='#')b|=0x80>>x;
+    CS[code*8+r]=b;}
+}
+/* chars 1..17: multicolor dither densities (pair 01 = color RAM) */
+const B4=[[0,8,2,10],[12,4,14,6],[3,11,1,9],[15,7,13,5]];
+for(let L=0;L<=16;L++)for(let y=0;y<8;y++){
+  let b=0;for(let p=0;p<4;p++)if(B4[y&3][p]<L)b|=1<<(6-2*p);
+  CS[(1+L)*8+y]=b;
+}
+/* chars 18..33: star chars, 2x2 dot at 4x4 sub-positions */
+for(let i=0;i<16;i++){
+  const dx=(i&3)*2,dy=(i>>2)*2;
+  for(let r=0;r<2;r++)CS[(18+i)*8+dy+r]=(0xC0>>dx)&0xFF;
+}
+for(let r=0;r<8;r++)CS[34*8+r]=0xFF; /* block cursor */
+/* 8x8 font at chars 64+ */
+const FONT_SRC={
+' ':["........","........","........","........","........","........","........","........"],
+'!':["...##...","...##...","...##...","...##...","...##...","........","...##...","........"],
+'"':["..##.##.","..##.##.","..##.##.","........","........","........","........","........"],
+"'":["...##...","...##...","..##....","........","........","........","........","........"],
+'(':["....##..","...##...","..##....","..##....","..##....","...##...","....##..","........"],
+')':["..##....","...##...","....##..","....##..","....##..","...##...","..##....","........"],
+'*':["........","..#..#..","...##...",".######.","...##...","..#..#..","........","........"],
+'+':["........","...##...","...##...",".######.","...##...","...##...","........","........"],
+',':["........","........","........","........","...##...","...##...","..##....","........"],
+'-':["........","........","........",".######.","........","........","........","........"],
+'.':["........","........","........","........","........","...##...","...##...","........"],
+':':["........","...##...","...##...","........","...##...","...##...","........","........"],
+'/':["......##",".....##.","....##..","...##...","..##....",".##.....","##......","........"],
+'=':["........","........",".######.","........",".######.","........","........","........"],
+'?':[".#####..","##...##.",".....##.","....##..","...##...","........","...##...","........"],
+'0':[".#####..","##...##.","##..###.","##.####.","####.##.","###..##.",".#####..","........"],
+'1':["...##...","..###...","...##...","...##...","...##...","...##...",".######.","........"],
+'2':[".#####..","##...##.",".....##.","...###..","..##....",".##.....","#######.","........"],
+'3':[".#####..","##...##.",".....##.","..####..",".....##.","##...##.",".#####..","........"],
+'4':["....##..","...###..","..####..",".##.##..","#######.","....##..","....##..","........"],
+'5':["#######.","##......","######..",".....##.",".....##.","##...##.",".#####..","........"],
+'6':[".#####..","##...##.","##......","######..","##...##.","##...##.",".#####..","........"],
+'7':["#######.",".....##.","....##..","...##...","..##....","..##....","..##....","........"],
+'8':[".#####..","##...##.","##...##.",".#####..","##...##.","##...##.",".#####..","........"],
+'9':[".#####..","##...##.","##...##.",".######.",".....##.","##...##.",".#####..","........"],
+'A':["..###...",".##.##..","##...##.","##...##.","#######.","##...##.","##...##.","........"],
+'B':["######..","##...##.","##...##.","######..","##...##.","##...##.","######..","........"],
+'C':[".#####..","##...##.","##......","##......","##......","##...##.",".#####..","........"],
+'D':["######..","##...##.","##...##.","##...##.","##...##.","##...##.","######..","........"],
+'E':["#######.","##......","##......","######..","##......","##......","#######.","........"],
+'F':["#######.","##......","##......","######..","##......","##......","##......","........"],
+'G':[".#####..","##...##.","##......","##.####.","##...##.","##...##.",".#####..","........"],
+'H':["##...##.","##...##.","##...##.","#######.","##...##.","##...##.","##...##.","........"],
+'I':[".######.","...##...","...##...","...##...","...##...","...##...",".######.","........"],
+'J':["...####.","....##..","....##..","....##..","....##..","##..##..",".####...","........"],
+'K':["##...##.","##..##..","##.##...","####....","##.##...","##..##..","##...##.","........"],
+'L':["##......","##......","##......","##......","##......","##......","#######.","........"],
+'M':["##...##.","###.###.","#######.","##.#.##.","##...##.","##...##.","##...##.","........"],
+'N':["##...##.","###..##.","####.##.","##.####.","##..###.","##...##.","##...##.","........"],
+'O':[".#####..","##...##.","##...##.","##...##.","##...##.","##...##.",".#####..","........"],
+'P':["######..","##...##.","##...##.","######..","##......","##......","##......","........"],
+'Q':[".#####..","##...##.","##...##.","##...##.","##.####.","##..##..",".####.#.","........"],
+'R':["######..","##...##.","##...##.","######..","##.##...","##..##..","##...##.","........"],
+'S':[".#####..","##...##.","##......",".#####..",".....##.","##...##.",".#####..","........"],
+'T':["########","...##...","...##...","...##...","...##...","...##...","...##...","........"],
+'U':["##...##.","##...##.","##...##.","##...##.","##...##.","##...##.",".#####..","........"],
+'V':["##...##.","##...##.","##...##.","##...##.","##...##.",".##.##..","..###...","........"],
+'W':["##...##.","##...##.","##...##.","##.#.##.","#######.","###.###.","##...##.","........"],
+'X':["##...##.","##...##.",".##.##..","..###...",".##.##..","##...##.","##...##.","........"],
+'Y':["##...##.","##...##.",".##.##..","..###...","...##...","...##...","...##...","........"],
+'Z':["#######.",".....##.","....##..","...##...","..##....",".##.....","#######.","........"]
+};
+const GL={};let fc=64;
+for(const k in FONT_SRC){GL[k]=fc;installGlyph(fc,FONT_SRC[k]);fc++;}
+/* text helpers */
+const CYCLE=[1,7,10,2,8,4,12,15,3,14,6,11,11,6,14,3,15,12,4,8,2,10,7,1];
+function text(row,col,str,color){
+  for(let i=0;i<str.length;i++){
+    const cell=row*40+col+i;if(cell<0||cell>=1000)continue;
+    const g=GL[str[i]];SCREEN[cell]=g===undefined?GL[' ']:g;COLRAM[cell]=color;
+  }
+}
+function cycText(row,col,str,off){
+  for(let i=0;i<str.length;i++){
+    const cell=row*40+col+i;if(cell<0||cell>=1000)continue;
+    const g=GL[str[i]];SCREEN[cell]=g===undefined?GL[' ']:g;
+    COLRAM[cell]=CYCLE[(i+(off>>2))%24];
+  }
+}
+/* raster bars */
+function expand(r,n){const G=[];for(const c of r)for(let i=0;i<n;i++)G.push(c);return G;}
+const RB=[6,14,3,1,1,3,14,6],RR=[2,10,7,1,1,7,10,2],RG=[5,13,3,1,1,3,13,5],
+      RP=[4,12,3,1,1,3,12,4],RY=[8,10,7,1,1,7,10,8],RW=[11,12,15,1,1,15,12,11];
+const EB2=[RB,RR,RG,RP,RY,RW].map(r=>expand(r,2));
+const EB4=[RB,RR,RG,RP,RY,RW].map(r=>expand(r,4));
+function hbar(cy,G){
+  const n=G.length,y0=Math.round(cy-n/2);
+  for(let i=0;i<n;i++){const y=y0+i;if(y>=0&&y<200){lineBG[y]=G[i];lineBorder[y+32]=G[i];}}
+}
+function bbar(cy,G){
+  const n=G.length,y0=Math.round(cy-n/2);
+  for(let i=0;i<n;i++){const y=y0+i;if(y>=0&&y<264)lineBorder[y]=G[i];}
+}
+/* sprites: 8 x 24x21, 1 color, X/Y expand, priority 0>7 */
+const sprites=[];
+for(let i=0;i<8;i++)sprites.push({on:false,data:null,x:0,y:0,color:1,xexp:false,yexp:false});
+const BALL=new Uint8Array(63);
+for(let y=0;y<21;y++)for(let x=0;x<24;x++){
+  const dx=x-11.5,dy=y-10;
+  if(dx*dx+dy*dy<=100){
+    if(y>14&&((x+y)&1))continue;
+    BALL[y*3+(x>>3)]|=0x80>>(x&7);
+  }
+}
+for(let y=4;y<9;y++)for(let x=5;x<10;x++){
+  const dx=x-7,dy=y-6;if(dx*dx+dy*dy<=4)BALL[y*3+(x>>3)]&=~(0x80>>(x&7));
+}
+const LOGO=[];for(let i=0;i<8;i++)LOGO.push(new Uint8Array(63));
+(function(){
+  const txt="PIXELBENDER",bmp=new Uint8Array(192*21);
+  for(let i=0;i<txt.length;i++){
+    const g=GL[txt[i]];
+    for(let r=0;r<7;r++){const b=CS[g*8+r];
+      for(let p=0;p<8;p++)if(b&(0x80>>p))bmp[(6+r)*192+i*8+p+52]=1;}
+  }
+  for(let s=0;s<8;s++)for(let r=0;r<21;r++)for(let b=0;b<3;b++){
+    let by=0;
+    for(let p=0;p<8;p++)if(bmp[r*192+s*24+b*8+p])by|=0x80>>p;
+    LOGO[s][r*3+b]=by;
+  }
+})();
+function drawSprites(){
+  for(let s=7;s>=0;s--){
+    const S=sprites[s];if(!S.on||!S.data)continue;
+    const col=PAL32[S.color&15],ex=S.xexp?2:1,ey=S.yexp?2:1;
+    const x0=S.x|0,y0=S.y|0;
+    for(let r=0;r<21;r++)for(let b=0;b<3;b++){
+      const by=S.data[r*3+b];if(!by)continue;
+      for(let p=0;p<8;p++){
+        if(!(by&(0x80>>p)))continue;
+        const px=x0+(b*8+p)*ex,py=y0+r*ey;
+        for(let dy=0;dy<ey;dy++){const y=py+dy;if(y<0||y>263)continue;
+          const o=y*FBW;
+          for(let dx=0;dx<ex;dx++){const x=px+dx;if(x>=0&&x<384)FB32[o+x]=col;}
+        }
+      }
+    }
+  }
+}
+/* DYCP scrolltext */
+const SCROLL="HELLO AND WELCOME TO PIXELBENDER *** A NEW PROD BY NULLPOINTER CREW FOR THE COMMODORE 64 *** 64 KILOBYTES OF RAM ... A 1 MEGAHERTZ 6510 ... 16 FIXED COLOURS ... 3 SID VOICES ... 40 BY 25 CHARACTERS ... AND NOT ONE BYTE MORE *** EVERYTHING HERE OBEYS THE REAL HARDWARE: CHARACTER PLASMA ... CHARSET STARFIELD ... DYCP SCROLLTEXT ... 8 HARDWARE SPRITES AT 24 BY 21 PIXELS ... AND RASTER BARS TIMED TO THE SCANLINE *** THE MUSIC IS A 3 VOICE SID PLAYER TICKING ON THE 50 HZ RASTER INTERRUPT *** GREETINGS TO EVERY SCENER STILL MAKING THE SILICON SING *** SPACE SKIPS A PART ... M MUTES ... S TOGGLES SCANLINES *** REMEMBER: THE SCENE IS NOT DEAD ... IT JUST FITS IN 64K *** WRAPPING AROUND ......... ";
+let scrollPos=0,dycpOn=false;
+function drawDYCP(){
+  if(!dycpOn)return;
+  const len=SCROLL.length,ci=scrollPos>>3,fx=scrollPos&7;
+  for(let c=-1;c<=40;c++){
+    let idx=(ci+c)%len;if(idx<0)idx+=len;
+    const g=GL[SCROLL[idx]];
+    if(g===undefined||g===GL[' '])continue;
+    const x0=32+c*8-fx;
+    const y0=190+Math.round(18*Math.sin((ci+c)*0.4+frame*0.04));
+    const col=PAL32[CYCLE[(((ci+c)+(frame>>2))%24+24)%24]];
+    for(let r=0;r<7;r++){
+      const by=CS[g*8+r];if(!by)continue;
+      const y=y0+r;if(y<32||y>231)continue;
+      const o=y*FBW;
+      for(let p=0;p<8;p++)if(by&(0x80>>p)){const x=x0+p;if(x>=32&&x<352)FB32[o+x]=col;}
+    }
+  }
+}
+/* starfield state */
+const stars=[];
+for(let i=0;i<70;i++)stars.push({x:Math.random()*320,y:24+Math.random()*166,sp:(i%2)?1.7:0.8,fast:!!(i%2)});
+/* parts */
+const PRAMP=[6,6,14,14,3,3,13,13,5,5,7,7,1,1,7,10,10,2,2,4,4,12,12,15,15,1,1,15,12,11,6,6];
+const GREETS=["VECTOR ANONYMOUS","THE MIDNIGHT CODERS","SILICON SYNDICATE","MEGABLASTERS INC","CTRL-ALT-DEFEAT","THE COFFEE MACHINE","ALL C64 SCENERS","AND YOU DEAR VIEWER"];
+const BOOT_LEN=230;
+let frame=0,lastPart=0;
+function partBoot(pf){
+  resetLines(6,14);clearScreen();
+  const C=14;let cx=0,cy=5;
+  if(pf>10)text(1,0,"    **** COMMODORE 64 BASIC V2 ****",C);
+  if(pf>30)text(3,0," 64K RAM SYSTEM  38911 BASIC BYTES FREE",C);
+  if(pf>50){text(5,0,"READY.",C);cx=6;cy=5;}
+  if(pf>60){
+    const s='LOAD"PIXELBENDER",8,1';
+    const n=Math.min(s.length,(pf-60)>>1);
+    text(7,0,s.slice(0,n),C);cx=n;cy=7;
+  }
+  if(pf>140){text(9,0,"SEARCHING FOR PIXELBENDER",C);cx=25;cy=9;}
+  if(pf>170){text(11,0,"LOADING",C);cx=7;cy=11;}
+  if(pf>200){text(13,0,"READY.",C);cx=6;cy=13;}
+  if(pf>215){text(15,0,"RUN",C);cx=3;cy=15;}
+  if((pf>>3)&1){const cell=cy*40+cx;if(cell<1000){SCREEN[cell]=34;COLRAM[cell]=C;}}
+  if(pf>=224)lineBorder.fill([1,15,12,11,0,0][pf-224]||0);
+}
+function part1(pf){ /* rasters + sprite logo */
+  resetLines(0,0);clearScreen();
+  hbar(100+Math.round(85*Math.sin(frame*0.021)),EB2[0]);
+  hbar(100+Math.round(85*Math.sin(frame*0.017+2.1)),EB2[1]);
+  hbar(100+Math.round(85*Math.sin(frame*0.013+4.2)),EB2[2]);
+  bbar(16+9*Math.sin(frame*0.045),EB2[5]);
+  bbar(248+9*Math.sin(frame*0.045+1.5),EB2[5]);
+  cycText(1,7,"NULLPOINTER CREW PRESENTS",frame);
+  text(16,5,"CODE + GFX + MUSIC IN THE 50 HZ IRQ",15);
+  for(let i=0;i<8;i++){const S=sprites[i];
+    S.y=52+Math.round(12*Math.sin(frame*0.055+i*0.7));
+    S.color=CYCLE[(i*2+(frame>>3))%24];
+  }
+}
+function part2(pf){ /* multicolor char plasma */
+  resetLines(0,0);
+  for(let y=0;y<8;y++)lineMC[y]=0; // raster split: hi-res title row over MC screen
+  bbar(16+10*Math.sin(frame*0.035),EB2[0]);
+  bbar(248+10*Math.sin(frame*0.035+2.5),EB2[3]);
+  const tt=frame*0.05;
+  for(let r=0;r<25;r++)for(let c=0;c<40;c++){
+    const v=Math.sin(c*0.31+tt)+Math.sin(r*0.44-tt*1.15)
+           +Math.sin((c+r)*0.21+tt*0.55)
+           +Math.sin(Math.sqrt((c-20)*(c-20)+(r-12.5)*(r-12.5))*0.4-tt*1.35);
+    const d=(v+4)*0.125,cell=r*40+c;
+    SCREEN[cell]=1+Math.min(16,(d*17)|0);
+    COLRAM[cell]=PRAMP[(((d*28)|0)+(frame>>3))&31];
+  }
+  cycText(0,10,"PART 2: CHAR PLASMA",frame);
+}
+function part3(pf){ /* charset starfield + sprite sinus */
+  resetLines(0,0);clearScreen();
+  cycText(1,3,"PART 3: STARFIELD + SPRITE SINUS",frame);
+  cycText(2,6,"8 SPRITES, 24X21 PIXELS EACH",frame+12);
+  for(const st of stars){
+    st.x-=st.sp;if(st.x<0){st.x+=320;st.y=24+Math.random()*166;}
+    const col=st.x>>3,row=st.y>>3;if(row<3||row>24)continue;
+    const cell=row*40+col;
+    SCREEN[cell]=18+(((st.x|0)&7)>>1)+(((st.y|0)&7)>>1)*4;
+    COLRAM[cell]=st.fast?1:12;
+  }
+  for(let i=0;i<8;i++){const S=sprites[i];
+    S.x=192+170*Math.sin(frame*0.018+i*0.9)-12;
+    S.y=132+98*Math.sin(frame*0.023+i*1.7)-10;
+    S.color=CYCLE[(i*3+(frame>>3))%24];
+  }
+  bbar(16+8*Math.sin(frame*0.04),EB2[5]);
+  bbar(248+8*Math.sin(frame*0.04+2),EB2[5]);
+}
+function part4(pf){ /* fullscreen raster bars + greets */
+  resetLines(0,0);clearScreen();
+  for(let i=0;i<5;i++)
+    hbar(100+Math.round(135*Math.sin(frame*0.016*(1+i*0.35)+i*1.9)),EB4[i%5]);
+  text(3,9,"GREETINGS FLY OUT TO:",1);
+  const shown=Math.min(GREETS.length,1+((pf/90)|0));
+  for(let i=0;i<shown;i++){
+    const name=GREETS[i];
+    cycText(6+i*2,(40-name.length)>>1,name,frame+i*7);
+  }
+}
+const PARTSF=[part1,part2,part3,part4];
+function initPart(p){
+  clearScreen();resetLines(0,0);
+  MULTICOLOR=(p===2);MC1=0;MC2=0;dycpOn=true;
+  for(const s of sprites)s.on=false;
+  if(p===1)for(let i=0;i<8;i++){const S=sprites[i];
+    S.on=true;S.data=LOGO[i];S.x=96+i*24;S.y=52;S.color=1;S.xexp=false;S.yexp=true;}
+  if(p===3)for(let i=0;i<8;i++){const S=sprites[i];
+    S.on=true;S.data=BALL;S.x=192;S.y=132;S.color=CYCLE[(i*3)%24];S.xexp=false;S.yexp=false;}
+}
+/* renderer: border + char screen + dycp + sprites */
+function render(){
+  for(let y=0;y<264;y++){
+    const bc=PAL32[lineBorder[y]];
+    let o=y*FBW;
+    if(y<32||y>=232){for(let x=0;x<384;x++)FB32[o+x]=bc;continue;}
+    for(let x=0;x<32;x++){FB32[o+x]=bc;FB32[o+352+x]=bc;}
+    const sy=y-32,rr=sy>>3,ry=sy&7,bg=PAL32[lineBG[sy]];
+    o+=32;
+    if(lineMC[sy]){ // per-scanline video-mode split
+      const m1=PAL32[MC1],m2=PAL32[MC2];
+      for(let c=0;c<40;c++){
+        const cell=rr*40+c,byte=CS[SCREEN[cell]*8+ry],cc=PAL32[COLRAM[cell]&15];
+        for(let p=0;p<4;p++){
+          const v=(byte>>(6-2*p))&3;
+          const col=v===0?bg:v===1?cc:v===2?m1:m2;
+          FB32[o+c*8+p*2]=col;FB32[o+c*8+p*2+1]=col;
+        }
+      }
+    }else{
+      for(let c=0;c<40;c++){
+        const cell=rr*40+c,byte=CS[SCREEN[cell]*8+ry],cc=PAL32[COLRAM[cell]&15];
+        const oo=o+c*8;
+        FB32[oo  ]=(byte&0x80)?cc:bg;FB32[oo+1]=(byte&0x40)?cc:bg;
+        FB32[oo+2]=(byte&0x20)?cc:bg;FB32[oo+3]=(byte&0x10)?cc:bg;
+        FB32[oo+4]=(byte&0x08)?cc:bg;FB32[oo+5]=(byte&0x04)?cc:bg;
+        FB32[oo+6]=(byte&0x02)?cc:bg;FB32[oo+7]=(byte&0x01)?cc:bg;
+      }
+    }
+  }
+  drawDYCP();
+  drawSprites();
+  dctx.putImageData(IMG,0,0);
+}
+/* ---------- SID: 3 voices in an AudioWorklet ---------- */
+const SID_CODE=`
+class SID extends AudioWorkletProcessor{
+  constructor(){
+    super();
+    this.ctlN=Math.max(1,Math.round(sampleRate/50));
+    this.ctl=0;this.v=[];
+    for(let i=0;i<3;i++)this.v.push({phase:0,freq:110,pw:0.5,wave:1,env:0,stage:0,
+      a:0.01,d:0.1,s:0.8,r:0.1,vol:0.8,lfsr:0x7ffff8});
+    this.cut=900;this.res=0.7;this.low=0;this.band=0;
+    this.route=[false,true,false];
+    this.dcx=0;this.dcy=0;
+    this.port.onmessage=(e)=>{
+      const m=e.data;
+      if(m.t==='v'){
+        const V=this.v[m.i],p=m.p;
+        for(const k in p)V[k]=p[k];
+        if(m.trig){V.env=0;V.stage=1;V.phase=0;V.lfsr=0x7ffff8;}
+        else if(m.gate===false&&V.stage!==0&&V.stage!==4)V.stage=4;
+        else if(m.gate===true&&V.stage===0)V.stage=1;
+      }else if(m.t==='f'){this.cut=m.cut;if(m.res!==undefined)this.res=m.res;}
+    };
+  }
+  tick(){
+    for(let i=0;i<3;i++){const V=this.v[i];
+      if(V.stage===1){V.env+=1/Math.max(1,V.a*50);if(V.env>=1){V.env=1;V.stage=2;}}
+      else if(V.stage===2){V.env-=1/Math.max(1,V.d*50);if(V.env<=V.s){V.env=V.s;V.stage=3;}}
+      else if(V.stage===4){V.env-=1/Math.max(1,V.r*50);if(V.env<=0){V.env=0;V.stage=0;}}
+    }
+  }
+  process(inputs,outputs){
+    const out=outputs[0][0];
+    const f=Math.min(0.9,2*Math.sin(Math.PI*Math.max(30,this.cut)/sampleRate));
+    const q=1.1-this.res*0.9;
+    for(let i=0;i<out.length;i++){
+      if(--this.ctl<=0){this.ctl=this.ctlN;this.tick();}
+      let fin=0,dry=0;
+      for(let vi=0;vi<3;vi++){
+        const V=this.v[vi];
+        V.phase+=V.freq/sampleRate;
+        if(V.phase>=1){
+          V.phase-=1;
+          const bit=((V.lfsr>>22)^(V.lfsr>>17))&1;
+          V.lfsr=((V.lfsr<<1)|bit)&0x7fffff;
+          if(V.lfsr===0)V.lfsr=0x7ffff8;
+        }
+        let s;
+        if(V.wave===0)s=V.phase<0.5?V.phase*4-1:3-V.phase*4;
+        else if(V.wave===1)s=V.phase*2-1;
+        else if(V.wave===2)s=V.phase<V.pw?1:-1;
+        else s=((V.lfsr>>20)&1)*2-1;
+        s*=V.env*V.vol;
+        if(this.route[vi])fin+=s;else dry+=s;
+      }
+      this.low+=f*this.band;
+      const high=fin-this.low-q*this.band;
+      this.band+=f*high;
+      const x=dry+this.low;
+      const y=x-this.dcx+0.995*this.dcy;
+      this.dcx=x;this.dcy=y;
+      out[i]=y*0.3;
+    }
+    return true;
+  }
+}
+registerProcessor('sid',SID);
+`;
+let actx=null,sidNode=null,sidGain=null,audioReady=false,muted=false;
+async function initAudio(){
+  actx=new (window.AudioContext||window.webkitAudioContext)();
+  const url=URL.createObjectURL(new Blob([SID_CODE],{type:'application/javascript'}));
+  await actx.audioWorklet.addModule(url);
+  sidNode=new AudioWorkletNode(actx,'sid',{numberOfOutputs:1,outputChannelCount:[1]});
+  sidGain=actx.createGain();sidGain.gain.value=0.9;
+  sidNode.connect(sidGain);sidGain.connect(actx.destination);
+  if(actx.state==='suspended')await actx.resume();
+  audioReady=true;
+}
+/* ---------- 50 Hz interrupt music player ---------- */
+const IN={
+  lead:{wave:2,pw:0.5,a:0.004,d:0.12,s:0.70,r:0.14,vol:0.75,vib:{depth:0.35,delay:12},pwm:{depth:0.27,rate:0.09}},
+  bass:{wave:1,a:0.003,d:0.09,s:0.75,r:0.08,vol:0.95},
+  arp:{wave:2,pw:0.5,a:0.002,d:0.06,s:0.30,r:0.05,vol:0.30},
+  kick:{wave:0,a:0.002,d:0.11,s:0.0,r:0.06,vol:1.0,penv:[26,19,13,9,6,4,2,1]},
+  snare:{wave:3,a:0.001,d:0.16,s:0.0,r:0.06,vol:0.80},
+  hat:{wave:3,a:0.001,d:0.025,s:0.0,r:0.02,vol:0.40}
+};
+const LEAD=[
+ 76,0,79,0,81,0,79,0,76,0,74,0,76,0,72,0,
+ 76,0,79,0,81,0,83,0,84,0,83,0,81,0,79,0,
+ 77,0,81,0,84,0,81,0,77,0,76,0,77,0,74,0,
+ 74,0,79,0,83,0,86,0,83,0,79,0,74,0,71,0];
+const LEAD2=LEAD.concat(LEAD.map(n=>n?n+12:0));
+const ROOTS=[33,33,29,31],BASSPAT=[0,0,12,0,0,0,12,0];
+const CHORDS=[[69,72,76],[69,72,76],[65,69,72],[67,71,74]];
+const SPEED=4;
+const VS=[0,1,2].map(()=>({note:0,instr:null,age:0,trig:false,gate:false}));
+let mframe=0,row=0,leadRow=0,rowFrame=0,arpIdx=0;
+const mtof=m=>440*Math.pow(2,(m-69)/12);
+function playRow(){
+  const bar=(row>>4)&3,r=row&15;
+  const n=LEAD2[leadRow];
+  if(n){const v=VS[0];v.note=n;v.instr=IN.lead;v.age=0;v.trig=true;v.gate=true;}
+  else VS[0].gate=false;
+  if((r&1)===0){const v=VS[1];
+    v.note=ROOTS[bar]+12+BASSPAT[(r>>1)&7];v.instr=IN.bass;v.age=0;v.trig=true;v.gate=true;}
+  const v=VS[2];
+  if(r===0||r===8||r===10){v.note=45;v.instr=IN.kick;}
+  else if(r===4||r===12){v.note=84;v.instr=IN.snare;}
+  else if(r===2||r===6||r===14){v.note=96;v.instr=IN.hat;}
+  else{const ch=CHORDS[bar];v.note=ch[arpIdx%3];arpIdx++;v.instr=IN.arp;}
+  v.age=0;v.trig=true;v.gate=true;
+}
+function musicTick(){
+  if(!audioReady)return;
+  mframe++;rowFrame++;
+  if(rowFrame>=SPEED){rowFrame=0;row=(row+1)&63;leadRow=(leadRow+1)&127;playRow();}
+  for(let i=0;i<3;i++){
+    const v=VS[i];if(!v.instr)continue;
+    v.age++;
+    const ins=v.instr;
+    let semis=0;
+    if(ins.penv&&v.age<ins.penv.length)semis=ins.penv[v.age];
+    if(ins.vib&&v.age>ins.vib.delay)semis+=ins.vib.depth*Math.sin(v.age*0.75);
+    let pw=ins.pw||0.5;
+    if(ins.pwm)pw=0.5+ins.pwm.depth*Math.sin(mframe*ins.pwm.rate);
+    sidNode.port.postMessage({t:'v',i:i,
+      p:{freq:mtof(v.note+semis),pw:pw,wave:ins.wave,vol:ins.vol,a:ins.a,d:ins.d,s:ins.s,r:ins.r},
+      trig:v.trig,gate:v.gate});
+    v.trig=false;
+  }
+  sidNode.port.postMessage({t:'f',cut:500+380*Math.sin(mframe*0.045),res:0.75});
+}
+/* ---------- 50 Hz master clock ---------- */
+function tick(){
+  if(frame<BOOT_LEN){partBoot(frame);}
+  else{
+    const cf=(frame-BOOT_LEN)%3200;
+    const part=cf<800?1:cf<1600?2:cf<2400?3:4;
+    const pf=cf%800;
+    if(part!==lastPart){initPart(part);lastPart=part;}
+    PARTSF[part-1](pf);
+    if(pf<5)lineBorder.fill([1,15,12,11,0][pf]);
+  }
+  scrollPos=(scrollPos+2)%(SCROLL.length*8);
+  if(frame>=BOOT_LEN)musicTick();
+  frame++;
+}
+let started=false,lastT=0,acc=0;
+function loop(ts){
+  requestAnimationFrame(loop);
+  if(!started)return;
+  if(!lastT)lastT=ts;
+  acc+=ts-lastT;lastT=ts;
+  if(acc>120)acc=120;
+  let n=0;
+  while(acc>=20&&n<5){acc-=20;tick();n++;}
+  if(n)render();
+}
+requestAnimationFrame(loop);
+/* ---------- input / start / fit ---------- */
+async function start(){
+  if(started)return;started=true;
+  document.getElementById('start').style.display='none';
+  try{await initAudio();}catch(e){console.warn('SID offline:',e);}
+}
+document.getElementById('start').addEventListener('click',start);
+window.addEventListener('keydown',e=>{
+  if(!started){
+    if(e.code==='Space'||e.code==='Enter'){start();e.preventDefault();}
+    return;
+  }
+  if(e.code==='Space'){
+    if(frame<BOOT_LEN)frame=BOOT_LEN;
+    else{const cf=(frame-BOOT_LEN)%3200;frame+=800-(cf%800);}
+    e.preventDefault();
+  }
+  if(e.code==='KeyM'){muted=!muted;if(sidGain)sidGain.gain.value=muted?0:0.9;}
+  if(e.code==='KeyS'){
+    const sc=document.getElementById('scan');
+    sc.style.display=sc.style.display==='none'?'block':'none';
+  }
+});
+function fit(){
+  const s=Math.min(window.innerWidth/384,window.innerHeight/264);
+  const sc=s>=2?Math.floor(s):s;
+  dcanvas.style.width=(384*sc)+'px';
+  dcanvas.style.height=(264*sc)+'px';
+}
+window.addEventListener('resize',fit);
+fit();
+</script>
+</body>
 </html>
+<script data-huggingchat-badge="script">
+(function () {
+	try {
+		if (document.querySelector("[data-huggingchat-badge]:not(script)")) return;
+		var host = document.createElement("div");
+		host.setAttribute("data-huggingchat-badge", "");
+		var styles = [["all","initial"],["position","fixed"],["right","12px"],["bottom","12px"],["z-index","2147483647"],["display","block"],["visibility","visible"],["opacity","1"],["pointer-events","auto"],["width","auto"],["height","auto"],["margin","0"],["padding","0"],["max-width","none"],["max-height","none"],["transform","none"],["filter","none"],["clip-path","none"],["color-scheme","light"]];
+		for (var i = 0; i < styles.length; i++) {
+			host.style.setProperty(styles[i][0], styles[i][1], "important");
+		}
+		host.attachShadow({ mode: "closed" }).innerHTML = "<style>\n:host { all: initial; }\na {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  box-sizing: border-box;\n  height: 26px;\n  padding: 0 9px 0 7px;\n  border-radius: 999px;\n  border: 1px solid rgba(0, 0, 0, 0.07);\n  background: rgba(255, 255, 255, 0.92);\n  -webkit-backdrop-filter: saturate(180%) blur(8px);\n  backdrop-filter: saturate(180%) blur(8px);\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 6px 16px rgba(0, 0, 0, 0.06);\n  color: #111827;\n  font: 500 11px/1 ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif;\n  letter-spacing: 0.01em;\n  text-decoration: none;\n  white-space: nowrap;\n  opacity: 0.72;\n  transition: opacity 0.15s ease, transform 0.15s ease;\n}\na:hover, a:focus-visible { opacity: 1; transform: translateY(-1px); }\nsvg { width: 14px; height: 14px; flex: none; }\n@media print { a { display: none; } }\n<\/style><a href=\"https://huggingface.co/chat\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><svg viewBox=\"0 0 32 32\" fill=\"none\" aria-hidden=\"true\"><path d=\"M16.0006 25.9992C13.8266 25.999 11.7118 25.2901 9.97686 23.9799C8.2419 22.6698 6.98127 20.8298 6.38599 18.7388C5.79071 16.6478 5.89323 14.4198 6.678 12.3923C7.46278 10.3648 8.88705 8.64837 10.735 7.50308C12.5829 6.35779 14.7538 5.84606 16.9187 6.04544C19.0837 6.24481 21.1246 7.14442 22.7323 8.60795C24.34 10.0715 25.4268 12.0192 25.8281 14.1559C26.2293 16.2926 25.9232 18.5019 24.9561 20.449C24.7703 20.8042 24.7223 21.2155 24.8211 21.604L25.4211 23.8316C25.4803 24.0518 25.4805 24.2837 25.4216 24.5039C25.3627 24.7242 25.2468 24.925 25.0856 25.0862C24.9244 25.2474 24.7235 25.3633 24.5033 25.4222C24.283 25.4811 24.0512 25.4809 23.831 25.4217L21.6034 24.8217C21.2172 24.7248 20.809 24.7729 20.4558 24.9567C19.0683 25.6467 17.5457 26.0068 16.0006 26.0068V25.9992Z\" fill=\"currentColor\"/><path d=\"M9.62598 16.0013C9.62598 15.3799 10.1294 14.8765 10.7508 14.8765C11.3721 14.8765 11.8756 15.3799 11.8756 16.0013C11.8756 17.0953 12.3102 18.1448 13.0838 18.9184C13.8574 19.692 14.9069 20.1266 16.001 20.1267C17.095 20.1267 18.1445 19.692 18.9181 18.9184C19.6918 18.1448 20.1264 17.0953 20.1264 16.0013C20.1264 15.3799 20.6299 14.8765 21.2512 14.8765C21.8725 14.8765 22.3759 15.3799 22.3759 16.0013C22.3759 17.6921 21.7046 19.3137 20.509 20.5093C19.3134 21.7049 17.6918 22.3762 16.001 22.3762C14.3102 22.3762 12.6885 21.7049 11.4929 20.5093C10.2974 19.3137 9.62598 17.6921 9.62598 16.0013Z\" fill=\"#fff\"/><\/svg><span>Made with HuggingChat<\/span><\/a>";
+		function attach() {
+			var parent = document.body || document.documentElement;
+			if (parent && host.parentNode !== parent) parent.appendChild(host);
+		}
+		attach();
+		// Artifacts that rewrite document.body wholesale would drop the badge.
+		if (document.body && typeof MutationObserver === "function") {
+			new MutationObserver(attach).observe(document.body, { childList: true });
+		} else {
+			document.addEventListener("DOMContentLoaded", attach);
+		}
+	} catch (e) {}
+})();
+</script>