L@h%GMq@X K"Y^ҚTy"a"*z0uN(x`X@WE|\z"0Oh>tQ'>hLڗWWq {>YobidDddates2025-05-14T23:55:00etitlexEフォントパターンとVRAMを高速表示、MIX SCREEN1 by WebGLdtagsh#js #MSXcurlxhttps://fukuno.jig.jp/4676dbodyy{ MSXの互換BIOSを持つ超軽量エミュレーター「MIX」に画面をくっつけるためにWebGLを使ったパフォーマンスが良いスクリーンを実装しました。


「MIX SCREEN 1 DEMO by WebGL」 src on GitHub
8x8のフォントデータ2048byteと、32x24のテキストVRAM768byteを変更すると、WebGLを使って高速画面描画する拡張タグ mix-screen1 ができました！

import { MIXScreen1 } from "https://ichigojam.github.io/MIX/MIXScreen1.js"; import { rnd } from "https://js.sabae.cc/rnd.js"; const scr1 = await MIXScreen1.create(); main.appendChild(scr1); const draw = () => { const fontROM = scr1.fontROM; const textVRAM = scr1.textVRAM; const n = 10; for (let i = 0; i < n; i++) { textVRAM[rnd(textVRAM.length)] = rnd(256); } const m = rnd(256); for (let i = 0; i < 8; i++) { fontROM[m * 8 + i] ^= 0xff; } scr1.draw(); requestAnimationFrame(draw); }; draw(); RUN on ES-Jam

シンプルに書けていい感じ！


IchigoJamFONTをPNGやバイナリ化して、対応。他、いろいろとご活用ください！

続いて、Z80とBIOSと接続していきます！

links
- MIX - 超軽量MSXエミュレーター with Z80.js
cimgxKhttps://img.sabae.cc/data/20250515/70d713d7-3e98-471f-b5d4-6561f3b4f858.jpg