Skip to content

Latest commit

 

History

History
81 lines (51 loc) · 3.22 KB

README.md

File metadata and controls

81 lines (51 loc) · 3.22 KB
Raw

✏️ Handwrite font generator

You can try our program here -> http://3.39.207.44:3000
if the server is not responding, please contact here -> [email protected]

🔆 Project Background

To simplify the whole font generating process and to reduce the total time to make a font, we develop this handwrite font generator so that user can easily access this web service and use freely.

📚 Main Features & Processes

1️⃣ Upload and Preview the written template

This is the main page.

image

First, download the template by clicking the "download template" button on the main homepage.
Write down all the korean alphabet in the template and save it as png image file.
Then, upload the written template image on the webpage by clicking "select file" button.
You can see the uploaded image by clicking the upload button.

Here is the link to get template image.

https://github.com/2022-CapstoneDesignProject/Handwrite/blob/main/newteamplate3.png


2️⃣ Crop uploaded file into each Korean alphabet as a rectangle

By using cropRect.py code, the korean alphabet images are generated by detecting rectangle.
image


3️⃣ Remove margin

By using rmMargin.py, the margin of the cropped images are trimmed.

4️⃣ Combine Korean alphabets as Korean letters

Combine korean letters by using jamoComb1.py ~ jamoComb9.py
The image below shows the type of Korean letter combinations. This is how we make letters using jamo.

image

And, this image below is the one that shows the result of created letter. image


5️⃣ Download the gerated file

In the download.html page, you can download the generated file.

image

You can use it in the notepad in Windows:heavy_exclamation_mark::heavy_exclamation_mark::heavy_exclamation_mark:

image


How to implement fontToImage.py

 python fontToImage.py ./font/font_name.ttf fontsize

💎 How to implement webpage

Download src folder and web folder In the terminal, run

 node app.js

If CSS does not applied to your webpage, change html <link rel="stylesheet" href="/public/style.css"> to html <link rel="stylesheet" href="style.css"> in index.html

homepage

How to implement craft

python test.py --test_folder="./test_folder/"

Our Prototype

prototype.video.without.music.mp4