ハートピア画像変換メーカーについて
このページでは、ツールの概要・開発背景・主な機能・作者についてご紹介します。
ツールの概要
「ハートピア画像変換メーカー」は、ゲーム「ハートピア」向けに最適化されたドット絵変換ツールです。 手持ちの写真やイラストをアップロードするだけで、ハートピアが使用している固定126色パレットにもとづいた美しいドット絵に自動変換します。
本ツールはブラウザだけで完結するため、アプリのインストールやアカウント登録は一切不要です。 アップロードした画像はサーバーに送信されず、すべてのデータがユーザーのデバイス内で処理されます。
なお、本ツールは非公式のファンメイドツールであり、 「ハートピア」の運営会社とは一切関係がありません。
主な機能
- 🎨
126色固定パレット変換
ハートピア仕様の126色に最も近い色へ自動マッピング。パレット番号付きで確認できます。
- 📐
型紙フィット変換
タンクトップ・ワンピース・スカート・Tシャツ・ハーフパンツ・本表紙など8種の型紙にフィットさせてドット絵を書き出せます。
- 🖼
グリッド付きPNG書き出し
5pxごとのガイドグリッドと赤いセンターラインを重ねたPNG書き出しに対応。実際の制作作業に役立ちます。
- 🌍
多言語対応
日本語・English・한국어・中文・ภาษาไทย・Bahasa Indonesia の6言語に対応しています。
- 📱
スマホ・PC両対応
スマートフォン・タブレット・PCいずれからもご利用いただけます。アプリのインストール不要。
- 🔒
プライバシー重視
画像データはサーバーに送信されません。変換処理はすべてブラウザ内で完結します。
開発のきっかけ
ハートピアでオリジナル衣装のドット絵を作るには、固定126色パレットに合わせた色調整が必要です。 しかし手作業で一色ずつ調整するのは時間と手間がかかり、初心者には難しい作業でした。
「もっと手軽にドット絵を作れたら、もっと多くのプレイヤーがオリジナル衣装を楽しめるのでは」 という思いから、このツールを開発しました。 写真をアップロードするだけで瞬時にパレット変換が完了するので、 ドット絵の経験がない方でもすぐに使い始められます。
また型紙フィット機能は、実際の服の形に合わせてドット絵を配置・確認できることで、 完成イメージをつかみやすくするために追加しました。 今後も機能を少しずつ拡充していく予定です。
使用技術
フロントエンドはすべてNext.js（App Router）とTypeScriptで実装。 画像処理はブラウザのCanvas APIを利用しており、サーバーサイドの処理は一切ありません。
作者について
作者：よぬ（ハートピアプレイヤー兼エンジニア）
自分自身がハートピアでオリジナル衣装を作りたいという思いから、このツールを開発しました。 プレイヤー目線での使いやすさを最優先に、機能追加・改善を続けています。
ご要望・バグ報告・ご感想などは X（旧Twitter）の @obakega_detazo へ DM またはメンションでお気軽にどうぞ。