2026-01-22
PanCakeのスプライト表示に対応したPixelJamを中高生向けプログラミング言語Wirthを使って、スプライトの一覧表示を作ってみました。


「PixelJam in Wirth で、スタンプ表示」

タップか、スペースキーでページ送りできます。 <script type="module" src="https://code4fukui.github.io/Wirth/web.js"></script> <script type="text/wirth"> function cls, rectfill, text, circfill, line, btn, stamp, wait from "https://ichigojam.github.io/PixelJam/PixelJam.js" noff <- 0 while 1 cls(3) off <- 60 * noff w <- 128 h <- 128 for x <- 0 to 9 for y <- 0 to 5 idx <- x + y * 10 + off text(idx, x * 13, y * 20 + 2) stamp(idx, x * 13 + 1, y * 20 + 10) next next wait(20) if btn() noff <- (noff + 1) % 3 endif next </script> 1行目 WirthをHTML内で使えるようする
2行目 PixelJamから使う関数をインポート
3行目以降 Wirthのスタンプ一覧表示プログラム


3ページ、175コのスタンプが使えます。

links
- PixelJamでPanCakeのスプライトを描画する
- 共通テスト情報のプログラム問題を中高生向けプログラミング言語Wirthで解いてみよう
- コンパクトなミニゲームライブラリ、PixelJam.js

クリエイティブ・コモンズ・ライセンス
本ブログの記事や写真は「Creative Commons — CC BY 4.0」の下に提供します。記事内で紹介するプログラムや作品は、それぞれに記載されたライセンスを参照ください。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / 「一日一創」画像 / RSS