Skip to content

Latest commit

 

History

History
92 lines (59 loc) · 3.9 KB

README.md

File metadata and controls

92 lines (59 loc) · 3.9 KB

✏️ 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]

💥 Notice!!!

폰트가 제대로 생성이 안된 경우는 서버의 메모리 부족이나 템플릿 입력 오류 때문입니다.
템플릿을 제대로 작성하였는지, png확장자로 업로드하였는지 확인하십시오.
아마존 비용 과다 문제로 위의 주소에서 코드를 돌리면 메모리가 부족해서 폰트 생성이 안될 수 있으나
위의 코드를 다운받아서 유료 서버에서 실행시키면 원활히 작동되는 것을 확인할 수 있습니다.

🔆 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

포스터발표+시연영상 link -> https://www.youtube.com/watch?v=6TCByPSVCuU&list=PLPYKV6Fp9P0YE_5AHt1fGM5lBHXSnxwnR&index=12