Show original
Try the app

むぎゅぷくもじメーカー
Enjoyed this article?
Use "Request tipping" to ask the author to set up tip receiving.

AI translation
What I wanted to solve: Designs with characters squeezed tightly together are cute, but I couldn't find a free font that perfectly matched my preferences, so I had no choice but to design it by hand. Why I decided to create it: When I hand-designed "Mugyupuku Moji" (squeezed characters) and turned it into merchandise using a 3D printer, it came out cute, and with custom orders...
Try the app

むぎゅぷくもじメーカー
Enjoyed this article?
Use "Request tipping" to ask the author to set up tip receiving.
Designs with characters squeezed tightly together are cute, but I couldn't find a free font that perfectly matched my preferences, so I had no choice but to design it by hand.
When I hand-designed "Mugyupuku Moji" and turned it into merchandise using a 3D printer, it came out cute, and I wanted to do custom orders. However, hand-designing was time-consuming and impractical, so I wanted to automate the process.
The distinctive feature of this app is that it runs entirely on the browser (JavaScript) without using any servers or cumbersome databases.
Rather than simply making character outlines thicker, I perform slightly complex image processing (distance calculations) behind the scenes to ensure that "places where characters collide" and "character holes (like the middle of the character 'あ')" are preserved cleanly. This creates a unique form where "characters are packed tightly with no gaps, yet remain perfectly readable."
Additionally, when taking 3D print orders, instead of using a database, I use an analog but reliable and simple system where "all slider values and color settings are converted to text and sent to me, then restored on my end."
文字がむぎゅっとくっついているデザインは可愛いのですが、好みに完璧に合うフリーフォントは見つけきれず手書きでデザインするしかありませんでした…。
むぎゅぷくもじを手書きでデザインし、3Dプリンターでグッズ化してみると可愛く、オーダーメイド制作したいと思ったのですが、手書きだと時間がかかり非現実的だったので、自動化したいと思いました。
このアプリの特徴は、サーバーや面倒なデータベースなどを一切使わずに、すべてブラウザ上(JavaScript)だけで動いているところです。
文字の輪郭をただ太くするだけでなく、「文字同士がぶつかるところ」や「文字の穴(『あ』の真ん中など)」が綺麗に残るように、裏側で少し複雑な画像処理(距離を測る計算)を行っています。これによって、「隙間なくぎっしり詰まっているのに、ちゃんと読める」という独特の形を作っています。
また、3Dプリントのオーダーの際も、データベースを使わず「スライダーの数値や色の設定をすべて文字(テキスト)にして送ってもらい、それを手元で復元する」という、アナログですが確実でシンプルな仕組みにしています。