Works

RepoShowcaseのスクリーンショット

RepoShowcase

作成した個人利用用途のライブラリ一覧。

作成したライブラリ(ほとんど個人利用用途)の一覧とそのデモページを設置しています。

Hub Page
漢字手書き検索ツールのスクリーンショット

漢字手書き検索ツール

オフラインで漢字を手書き検索できるツールです。

このツールは、オフラインで漢字を手書き検索できる機能を提供します。 (初回起動時にモデルのダウンロードが必要です) 手書きの漢字を認識するために、ONNX形式の機械学習モデルを使用しています。 精度がかなり悪いため、あまり実用的ではありませんが、onnxの勉強で作成しました。

JavaScriptTypeScriptWebAssemblyPythonONNX-Runtime
MIDI FallingBarのスクリーンショット

MIDI FallingBar

MidiをWebでYouTubeで見るような形式で再生できます。

「Midiをグラフィカルに再生したい」という突然の発想により、生み出された産物です。 これは、現代の自動演奏ピアノやSynthesiaスタイルの動画にインスパイアされた、MIDIノートを3Dピアノロール形式の「落下するバー」として表示するウェブベースのMIDIビジュアライザーです。 WebGLレンダリングにはThree.jsを、MIDIファイルのパースには@tonejs/midiを使用しています。

JavaScriptTypeScriptGLSLThree.jsTone.js
Tool 2048のスクリーンショット

Tool 2048

2048ゲームの最適解計算ツールです。

このツールは、パズルゲーム「2048」における最適解を計算するために設計されています。 盤面の状態を分析し、効率的な手順を探索することで、 最小手数での到達や高スコア戦略の検証に活用できます。

JavaScriptTypeScriptWebAssembly
ReTransのスクリーンショット

ReTrans

再翻訳ブームに乗ったページです。

巷で噂の「再翻訳」で遊べるページです。 以下のURLで、カスタム再翻訳が試す事ができます。

JavaScriptGAS
Mandelbrot Setのスクリーンショット

Mandelbrot Set

マンデルブロ集合の表示ページです。

このページでは、マンデルブロ集合(Mandelbrot Set)を視覚的に探索できます。 複雑な数値計算に基づき、美しいフラクタル模様を描画し、 ズームを通して、数学的構造の無限の奥行きを体験できます。 OpenGL Shading Language의数値上限によりズーム限界が決まっています。

JavaScriptGLSLPC Only
Ryo is Youのスクリーンショット

Ryo is You

Baba is Youのパクリです。

本ページの内容は「Baba Is You」に着想を得て構成されています。 つまりパクリということです。

JavaScriptPC Only
js-minecraftのスクリーンショット

js-minecraft

DOMだけでMinecraftを再現したかった...

DOMだけでMinecraftを再現しているページがあり、 そのページを9割真似て作成したものです。

JavaScriptPC Only