MILD SOLT
Desktop app / Texture workflow

LayerLab

Unity・VRChat向けのPBRテクスチャ生成、チャンネル合成、レイヤー編集、書き出しを一つの画面にまとめたWindows向けデスクトップアプリです。

ELECTRON REACT TYPESCRIPT KONVA ZUSTAND
LayerLabでレース素材のノーマルマップをレイヤー編集している実際の画面
Design objective

制作と確認の往復を、
ひとつの道具へ。

テクスチャ生成、チャンネル合成、3Dでの見え方確認、サムネイル編集を別々のソフトで行う手間を減らすことを目指しました。

01 / PBR MAPS

一枚の画像からPBRマップを生成

Normal、AO、Roughness、Metallic、Heightを生成し、用途に合わせて調整できます。DirectX / OpenGLの向きも切り替えられます。

02 / CHANNEL PACKER

RGBAを用途に合わせて合成

各チャンネルへグレースケール画像を割り当て、HDRPのMask Mapだけでなく、シェーダーに合わせた独自構成で書き出せます。

03 / EDITOR

レイヤーと選択範囲を使った編集

レイヤー、グループ、ブレンドモード、クリッピング、テキスト効果、ブラシ、選択範囲など、画像編集に必要な基本操作を備えています。

04 / PREVIEW

3Dとタイル表示で事前確認

球体・平面へのマップ適用、ライト操作、シームレスの3×3表示で、Unityへ移す前に見え方を確かめられます。

05 / EXPORT

ゲーム制作向けの書き出し

2のべき乗サイズ、Unity向けサフィックス、複数解像度の一括出力に対応。テクスチャ制作後のファイル整理までを短くします。

Actual interface

レイヤー編集と、
ノーマルマップ制作。

指定いただいたスクリーンショットは、レース素材のノーマルマップを配置し、レイヤーとプロパティを確認している実際の編集画面です。

LayerLabのメニュー、ツールバー、キャンバス、プロパティ、レイヤーパネルが表示された編集画面
LayerLab — Normal map editing workspace / Windows 64-bit build
Technology

Web技術でつくる、
デスクトップ編集体験。

編集状態、履歴、キャンバス描画、ローカルファイル操作を役割ごとに分け、Windows向けElectronアプリとして構成しています。

ElectronDesktop shell / File access
ReactComponent UI
TypeScriptTyped implementation
KonvaCanvas rendering
ZustandEditor state / History
Project status

用途を絞りながら、改善を継続。

写真編集ソフト全体を置き換えるのではなく、Unity・VRChat向けテクスチャと告知画像の制作に必要な機能へ重点を置いています。

類似アプリの制作を相談する
期間
2026年5月〜 継続開発
担当
企画・UI設計・実装・検証
環境
Windows 64-bit / オフライン動作
形式
ポータブルデスクトップアプリ
現在
機能改善と配布準備を継続