#11251 KawAAi - AA를 모르는 사람이 만들어 본 AA 에디터 (43)

작성자:참나기수

작성일:2026-04-07 (화) 14:46:10

갱신일:2026-04-15 (수) 09:30:16

설치파일 다운로드: https://github.com/tunaground/KawAAi/releases

어쩌다보니 여기까지 왔다...

LibrAA 만들고 번역 기능 같은 거 테스트한다고 AA 관련 사이트를 돌아다니다보니 직접 에디터를 만들어보면 어떨까하는 생각으로 만들어 봤다.

대강 요런 모습.

에디터 측면에서 핵심 기능은 레이어 단위로 AA를 넣고 합성.

이미지 배경 깔고 그리기나 기본적인 팔레트 같은 것만 구현해보았다.

원래 단일 파일로 웹에서 간단하게 쓸 수 있게 PoC를 진행하고...
그걸 기반으로 설계서를 작성해서 클로드에게 던졌는데, 예상과 다르게 매우 시행착오가 많았음...

PoC는 단일 파일이라서 그런가, 아니면 간단한 JS 위주라서 그런가 아무 문제 없이 착착 진행됐는데, 앱으로 만들겠다고 React + Tauri로 넘어가자마자 클로드가 맛탱이가 가기 시작...
자꾸 설계서에 다 적혀있고 구현까지 된 기능들을 빼먹음.

사실 지금 구현된 것도 빠진 기능들이 좀 있다...

일단 이대로 마무리하고 누군가 쓰기 시작하면 개선하는 걸로...

이름은... 한국에서 만든 AA 에디터니까 K-AA... -> Kaa? -> Kaawaii? -> KawAAi로.

클로드가 계속 Kawaii로 바꿔버리는 탓에 좀 짜증이 났지만... 그래도 나머지 알아서 다 해줬으니까 그냥 넘어가자.

클로드 맥스 사용량 뽑아먹은 건 정말 알찼다고 생각하지만 OpenChamchiJS 만들었을 때랑 비교하면 요즘따라 애가 상태가 좀 이상해서...

금
손
맞죠??

캔드민님이신가요??

>>8 맞아!! aka 참치라이더 aka 참~나기수야

라이더 ㅕ여서 기수셨군요

밑에 보니 AA 번역 뷰어도 만들어주시다니
감사합니다 캔드민님

써볼 생각이 있다면 사용해보고 쓸만한지, 아니면 별로 필요 없을지 알려줘.
뭔가 필요한 기능이 있다면 그것도 같이 얘기해주고.
현재 릴리즈(0.4.0) 기준으로 당장은 추가 작업은 없고 쓰는 사람이 있으면 계속 진행할 생각이라.

쩔어

레이어 기능을 바탕으로 한 합성만 매우 간단하게 실험해보았습니다.

비슷한 구도로 합성해본 예시입니다.

　　　　　　　　　　　　　　　　　　　　　　　 |∨　　　　　　　　-‐…,,､､､､…‐- _
　　　　　　　　　　　　　　　　　　　　　　　 |　＼　　　....::i:i:i;ﾆ二ニ=_i:i:i:i:＼i:i:i:i:i:-_
　　　　　　　　　　　　　　　　　　　　　　　 l　　＼i:i:i:i:i:i:i∨　　 Y}心i:i:i:i:i:i＼i:i:i:i:i:i=_
　　　　　　　　　　　　　　　　　　　　　　＼　　　　} }二乂＿ノ　　心,i:i:i:i:i:iャi:i:i:i:i:i:,
　　　　　　　　　　　　　　　　　　　　　　　 ⌒〕z｡＿ﾉﾉ　ﾆ込＿＿∠ニ]i:i:i:i:i:i:i!i:i:i:i:i:i:iV/
　　　　　　　　　　　　　　　　　　　　　　　　　　|i:i:.._____/￣￣∠／二ニ:|i:i:i:i:i:i:li:i:i:i:i:i:i:iV/
　　　　　　　　　　　　　　　　　　　　　　　　　　|:i:i:i:i:＝=-　　　-＝云丐|i:i:i:i:i:i:il;;;;;;;;,,,,,,}l}z≦三三ミ
　　　　　　　　　　　　　　　　　　　　　　　　　　|:i:i:i:i:|ｌ,斗ぅ〉　　￣　　　 |i:i:i:i:i:i:ilー― ￢　　＞ﾐｯ,ﾐｯ,、
　　　　　　　　　　　　　　　　　　　　　　　　　　|:i:i:i:i:| }　く　_　　　　　　|i:i:i:i:i:i:i:l　　　_=＝ﾆ }ﾐｯ,ﾐｯ,、
　　　　　　　　　　　　　　　　　　　　　　　　　　|:i:i:i:i:| 〕　　　　　　　　　ﾔi:i:i:i:i:i:l￣／￣＼
　　　　　　　　　　　　　　　　　　＿ -‐…‐-､　 ,ィ i/￣丶　．-― 一　　 !i:i:i:i:i:ｉl／　　　　　ー ― ￢
　　　　　　　　　　　　　　　　／　/　　　　　∨　L_ ￣￢､‘　　　　　　 |i:i:i:i:i:i:ｌ　　　´￣￣￣￣　　＼
　　　　　　　　　　　　　{乂 /　　　　　　　＿」　　　＞￣＼　　　 _　＇|i:i:i:i:i:i:／
　　　　　　　　　　　ナ　　 ll　　　　　　　＞　　　く　　￣￣￣｀ヽヽ　　|i:i:i:i／　　　　　　　　　　　　　　　＼
　　　　　　　　　　ｰ=ミ　 ∧　　　　　　　　~少＼}丶　　　　　　　}　l_ェ|i:i/
　　　　　　　　　　　　⌒Y´ }　　　　　　　　　　くｌ| ／￣- _　　　　　　>　|/ 　　／　　　　　＼　　　　　　　　　＼
　　　　　　　　　　　　　__／　　　　　　　　　　从　　　} 　　　　 :|√: 〉　／　　　　　　　丶　　 }
　　　　　　　　　　　　＞　　　　　　　　　　　　ミ>｡_ 　 l!　　　　　　 |　 /／　　　　　　　　　　　!　　　　　　　　　￣_
　　　　　　　　　　　　 ~_ﾉ'i /∨　/　∧　,ﾍ人乂　　　　 ∟＿＿＿＿」　′　　　　　　　　　　　　 ! 　 !　　　　　　　￣_
　　　　　　　　　　　_ア　|//　　″Ｖ　 ∨　　/7＝　､　/　　　　　　∧∨　　　　　　　　　　　　　　! /　　　　　　　　￣_
　　　　　　　　　　_ｱ　　 |　　　　　　　　　　∥　　　　．　　　　　　∧∨　　　　　　　　　　　　　　　|　　　　　　　　　￣_
　　　　　　　　　 ∨　　　‘,　　　　　　　　　」| 　　　 l 　　　　∧∨　　　　　　　　　　　　　　　 |　　　　　　　　　￣_
　　　　　　　　 ∨　　　　∧￣￣￣￣￣　ﾟ_　　　　 l 　　　　∧./　　　　　　　　　　　　　　 |　　　　　　　　　　￣_
　　　　　　　　∨　　　　　　∧　　　　　　　　」／　　　　　　　,∧/　　　　　　　　　　　　　　　　　|　　　　　　　　　　　￣_
　　　　　　　 ′ ｌ　　　　　　　＼　　　　　　　|　　　　|
　　　　　　　,ﾞ　　.!　　　　　　　　　`ｰ～- ..,,_」　　 ├┐
　　　　　　　l　　l　　　　',　　＼　　　　　　　￣￣￣く
　　　　　　　l　 /　　　　　 ,　　　＼　　　 ────　′〉
　　　　　　八/　　　　　　　　　　　　　　　　　　　　　　〈
　　　　　　 ∨　　　　　　　　　　　　　　ﾍ　　　／　　　　}
　　　　　　_〉　　　　　　　　　　　　　　 >｡,_∟/　　　　　/{
　　　　 ∨　　　　　　　　　　　　　　　　　　〈　　　　／　}
　　　　_〉　　　　　　　　　　　　　　　　　　　ﾍ　　　　　 /

AA스토리보드(사이트) 합성본

|∨ -‐…,,､､､､…‐- _
|　＼ ....::i:i:i;ﾆ二ニ=_i:i:i:i:＼i:i:i:i:i:-_
l ＼i:i:i:i:i:i:i∨ 　Y}心i:i:i:i:i:i＼i:i:i:i:i:i=_
　＼　 } }二乂＿ノ心,i:i:i:i:i:iャi:i:i:i:i:i:,
⌒〕z｡＿ﾉﾉ　ﾆ込＿＿∠ニ]i:i:i:i:i:i:i!i:i:i:i:i:i:iV/
|i:i:.._____/￣￣∠／二ニ:|i:i:i:i:i:i:li:i:i:i:i:i:i:iV/
|:i:i:i:i:＝=- -＝云丐|i:i:i:i:i:i:il;;;;;;;;,,,,,,}l}z≦三三ミ
|:i:i:i:i:|ｌ,斗ぅ〉￣ |i:i:i:i:i:i:ilー― ￢＞ﾐｯ,ﾐｯ,、
＿ -‐…‐-､ |:i,ィ i:| } く　_ |i:i:i:i:i:i:i:l _=＝ﾆ }ﾐｯ,ﾐｯ,、
／　/ ∨i:i L_ 〕ﾔi:i:i:i:i:i:l￣／￣＼
　 {乂 / 　＿」 |:i:i:i/ ＞．-― 一 !i:i:i:i:i:ｉl／ー ― ￢
　ナ　ll ＞ |:i:i:l く￢､‘ |i:i:i:i:i:i:ｌ ´￣￣￣￣＼
ｰ=ミ ∧ ~少＼}丶￣＼ _ ＇|i:i:i:i:i:i:／
⌒Y´ } |くi ｌ| 　￣￣￣｀ヽヽ |i:i:i:i／＼
　 __／　 |:i 从 _ }　l_ェ|i:i/
＞　 | ミ>｡_　 - _ >　|/ ／＼＼
~_ﾉ'i /∨　/　∧　,ﾍ人乂 } :|√: 〉　／丶　}
_ア　|// ″Ｖ ∨ /7＝　､ l! | /／ ! ￣_
　_ｱ　| 　 ∥ 　． ∟＿＿＿＿」　′ ! ! 　￣_
∨ ‘, 」| l / ∧∨ ! / 　￣_
　 ∨ 　 ∧￣￣￣￣￣　ﾟ_ 　 , l ∧∨ | ￣_
∨ ∧ 　」　 ∧∨ | 　￣_
′ ｌ　＼　 | 　′ | 　∧./ | ￣_
,ﾞ .! `ｰ～- ..,,_」／ ├┐ 　,∧/ 　| ￣_
l 　l 　 ', 　＼￣￣￣く
l / 　 , ＼ ────　′〉
八/ 〈
∨ ﾍ／　 }
　 _〉　 >｡,_∟/ /{
∨ 〈／　}
_〉ﾍ /

카와이에디터 합성본

1. >>14 의 예시에서 보듯,
AA스토리보드와 달리 카와이 에디터는 기본적으로 앞 레이어의 AA 공백으로 뒤의 문자가 "투과"되어 합성됩니다.

>합성시 뒤 문자가 투과됨/되지 않음을 선택하는 기능이 구비되면 합성에 더 용이할 것 같습니다.
매뉴얼을 읽고 설정에 들어가보았을 때는 따로 구비되지 않은 걸로 보였습니다.

2.
https://postimg.cc/gallery/1Vmsnd6 (왼쪽이 카와이/오른쪽이 스토리보드)
이 링크의 갤러리 이미지를 보았을 때, 오린린에서 확인 시 공백이 깔리는 방식이 사뭇 다른 것을 볼 수 있습니다.
용량을 확인했을때도 약 11811/4295 로 거의 3배 이상 차이남을 알 수 있습니다.
이는 카와이에서 합성시 기본 깔리는 공백이 " " 16도트가 들어가기 때문으로 추정됩니다.

>합성되는 AA 용량의 절감을 위해서라도 작동에 16도트 유니코드 공백을 쓰는 것을 지양하고
기본 11도트+5도트, +@(11도트 미만 작은 유니코드 공백들) 로 동작하게 하는 것이 더 좋을 것으로 보입니다.

설치한 버전은 0.5.0 포터블 버전입니다.

>>15
1.
오잉... 공백 불투명 기능은 이미 있어. 영역을 직접 선택하고 해당 영역을 불투명처리하면 하위 레이어의 캐릭터가 합성되지 않아.
매뉴얼에도 있는 내용이라고 생각했는데 빠져있나...?

2.
어... 그래? 지금 공백 최적화를 하게되면 16px(Em Space?)을 쓰도록 되어있는데, 이게 11px+5px 짜리 스페이스 두 개 쓰는 것보다 더 용량이 많이 나간다는 건가?
요건 내가 전혀 모르는 내용이었어. 확인해보겠음.

*참고로 지금 그냥 웹에서 돌아가게 아예 새로 만들던 중이라... 아마 지금 당장 써도 의미는 없을 거야...

>>17

1. 아하, 블록 선택-채색 적용에서 사용이 가능하군요. 작동 확인했습니다.
다만 써보니 직접 영역을 선택해서 불투명처리를 하는건 개인적으로는 비직관적인 느낌이 컸습니다.

2. 오린린의 mlt저장에서 유니코드 공백은 6문자로 저장되므로 적어도 오린린 용량 측정상으론 용량이 뻥튀기되는 것 같습니다.

웹 버전도 기대하고 있겠습니다. 개발과 무엇보다 리얼에 건투를 빕니다.

>>18
1.
공백의 어디부터 어디까지가 불투명인지가 불명확하므로 어쩔 수 없음.
예를 들어 쇠창살 같이 3개의 바가 있다고 하면 이 중에 어디가 불투명해야하고 어디가 투명해야하는지는 그때그때 달라짐.
얼굴 옆에 손이 있다고 하면, 얼굴과 손만 불투명해야지 얼굴과 손 사이도 불투명이 되면 안 되니까.

2.
이 부분은 오린린 쪽 이슈로 봐야하지 않나 싶다...
아마 그냥 모던 웹 환경에서 비교해보면 오린린 쪽이 캐릭터가 더 늘어나므로 용량도 더 늘어나지 않을까 싶은데.

http://kawaai.tunaground.net

이후 이쪽에서 개발함.
앱으로 쓰려면 PWA를 쓰면 됨.(잘 모르겠으면 설명서 나올 때까지 기다리면 된다.

기능은 아직 많이 부족한 상태.
바탕을 튼튼하게 잡느라 시간이 꽤 걸렸음.

레이어에 AA를 얹을 때 폰트가 깨지므로 사이타마 또는 헤드카센 폰트가 레이어에 적용되는 것이 필요해보입니다

사이타마랑 나눔고딕코딩(한국어 한정)이 포함되어있다만... 아마 뭔가 버그 같은 걸까....라고 하기엔 내쪽에선 너무 잘 되는군.
폰트를 제대로 내려받지 못했을 텐데, 모두가 그런 게 아니라면 아마 브라우저 쪽 문제일 수도 있어.(아니면 내쪽에서 되는 게 오히려 이상한 것일 수도 있고...)

아... 설마 폰트가 아니라 해상도 문제인가...
HiDPI용으로 되어있어서 그런 걸지도?

HiDPI용이라는 게 참나기수님 환경 문제일까요 아니면 제 환경 문제일까요?

아... 누가 문제라기보단, 앱 만들 때 특정 환경에만 맞게 만들어져서 다른 환경에서는 못써먹는 그런 느낌일 수 있어.
지금 스크린샷 보면 폰트 자체는 먹는 것처럼 보이는데 글씨 굵기 같은 게 달라서 이상하게 보이는 거 아냐?

네 그렇습니다 신망가처럼 굵기가 흐트러지는 문제입니다

폰트 사이즈 같은 게 애매하게 0.5px 같이 특정 환경에서나 먹히게 되어있어서 그럴 가능성이 좀 있어.
요건 확인해보고 고쳐볼게. 나도 확인하려면 좀 걸려서.

네 감사합니다-

아마 폰트 문제인 것 같아서 수정했어.
아마도 MS P Gothic 폰트가 설치되어있는 게 아닐까 싶네. 걔가 우선순위가 높게 잡혀있어서 그 폰트가 있으면 그걸 쓰게 되어있거든.
사이타마를 최우선으로 뒀으니까 아마 사이타마를 쓰게 될 거야.(적용까지 좀 걸릴 수 있음. 캐시라던지...)

적용 확인했습니다-
시험해보는데 아직 텍스트 및 이미지 레이어의 투명도 기능은 웹상에서 구현이 안된 게 맞나요?

맞아. 아직 실제로 쓰기엔 기능이 많이 부족하고(기존 앱 버전 대비 다 구현이 안 된 상태) 앞으로 기능 추가하면서 계속 변경되는 것들도 있을 거라 지금 당장 쓰기엔 무리가 있지 않나 싶네.
Redo/Undo 같은 경우는 (역할상)가장 마지막에 추가될 텐데 그런 것도 없으면 사실 너무 힘들잖아?

암튼 여기까지 테스트해줘서 고마워.

앞으로도의 개발과 리얼을 응원하겠습니다-

이렇게 된 이상 어장판 야루요미도 만들자구

야루요미는 만드는 게 문제가 아니라 데이터 보관비용이...

만든다면 자료정리판 확장느낌으로 해야
태그 붙일 수 있고 위키느낌으로 아카이브식
어장에서 만들어진 한국산 aa만 받는다든가

텍스트만 하고 mlt 이런건 안하면 용량은 크게 안 먹을 것 같은데

mlt는 뭔가 특별한 게 있는 게 아니라 그냥 텍스트 파일이야. 까보면 타이틀, AA 그대로 있는 느낌.
정적 텍스트 + 그냥 태그나 타이틀 정도면 사실 돈 얼마 안 드는 것도 맞긴 한데, 난 이미 클라우드 프리티어는 넘겨서 쓰고 있으니까 결국 거기에 + 되는 거라.

차라리 각자 github 계정 연동해서 AA 모아다 쓸 수 있게 프로그램 하나 만들어 주는 게 더 나을 걸.

사실 진짜 필요한건 에디터도 야루요미도 아닌 내용검색
게시판이 검색이 안 되는건 언어도단이라구

>>38
하핫... 사실 넣으려면 제한적으로 넣을 수는 있는데 혹시나 해서 좀 지켜보는 중이야.

아마 언젠가는 결국 추가되긴 할 거야. 그러니 잠시만 기다려주시길...

검색 방식은 게시판 답글 5000개를 불러온다 -> 거기서 검색어가 포함된 리스폰스를 불러온다 -> 추가 검색을 누르면 추가로 5000개를 불러와서 반복...-방식이라 깔끔하게 검색이 되는 건 아니지만 이건 별도의 검색엔진이 없는 사이트에서는 어쩔 수가 없어.

KawAAi 에디터는 0.8.0으로 일단 마무리.
할만큼 한 것 같다.

뭔가 기능을 많이 넣었다고 생각했는데 의외로 별 거 없구나...

우와
이미지필터...