【ブラウザで動く】マットキャップ生成器 + 120種プリセット【肌 / VRChat / lilToon / Poiyomi】

マットキャップ(MatCap)を、つまみを動かして自分で作るための道具です。

HTML ファイル 1 枚だけで、ブラウザで開けば動きます。導入も、実行ファイルの起動も、ネット接続も要りません。

■ できること

・色 2 色 / 光の向き / つやの鋭さ / 縁の明るさ(フレネル) / 横の伸び(筋目) / 明るさ / 映り込む空と地面の色 を、つまみで変える

・120 種のプリセット(金属・筋目・つや・アニメ塗り・起毛・構造色・真珠・肌・発光・縁光・髪・階調)から始める

・球と、曲面(トーラス結び目)の 2 面を同時に見ながら調整する。曲面はドラッグで回せます

・256 / 512 / 1024 / 2048 px の PNG で書き出す

・120 種のプリセットを、1 クリックでまとめて ZIP に書き出す

・色相を 30 度ずつずらした 12 枚を、まとめて ZIP で書き出す

・持っている画像を読み込んで、色だけ変える(形と陰影はそのまま。買ったマットキャップをアバターの色に合わせられます)

■ 同梱

・生成器(HTML 1 枚)

・書き出し済みの 120 枚(512px PNG。道具を開かずに使い始められます)

・説明書(lilToon / Poiyomi への入れ方つき)

■ ライセンス

・書き出した画像は個人・商用問わず自由に使えます。クレジット不要

・加工して焼き込んだ完成物(アバター・衣装・ワールド等)の配布・販売もできます

・この道具そのものの再配布・転売はできません

・素材そのままの再配布・素材集への再収録はできません

■ 動作を確かめた環境

Chromium 系のブラウザ(WebGL が使えること)で確認しています。Firefox・Safari・スマートフォンでは確認していません。

■ 買わなくていい人

・出来合いの素材をそのまま使いたい方(無料の 120 枚だけで足ります。同じショップに置いています)

・レイヤーを重ねて絵として描き込みたい方(この道具は式で計算する作りで、筆で描く機能はありません)

・すでに持っているマットキャップを微調整したいだけの方 —— 加工だけなら、無料で使える道具が web にもあります。

　この道具の値打ちは加工ではなく、何も無い状態から作れることです(色・光・つや・筋目を式から組み立てます)。

■ 作りについて

球に当たる光を式で計算して描いています。手描き・撮影・画像生成 AI のいずれでもありません。

--- English ---

A matcap generator that runs in your browser. One HTML file — no install, no executable, works offline.

Sliders for two colours, light direction, highlight sharpness, fresnel, anisotropic stretch, exposure and the environment's sky/ground colours. 120 presets included. Two live previews: the sphere that gets exported, and a curved surface (torus knot) you can drag to rotate. Export PNG at 256-2048px, or write all 120 presets to a ZIP in one click. You can also drop in a matcap you already own and shift only its colour (hue, saturation, brightness) — the shape and shading stay untouched. The 120 pre-exported textures are bundled.

If all you need is to tweak a matcap you already have, free tools exist for that. What this one does is build a matcap from nothing — colour, light direction, highlight, fresnel and anisotropy are assembled from the model itself.

Verified against a reference implementation pixel by pixel (max difference 1/255). Tested on Chromium-based browsers; Firefox and Safari are untested.

License: images you export are yours to use, personally or commercially, no credit required. The tool itself may not be redistributed or resold.