search

parsimonhi / animCJK

Draw animated Japanese characters (Kanji and Kana), Korean characters (Hanja) and Chinese characters (Hanzi) in correct stroke order using svg, free open-source code.
284 stars 72 forks source link

Animated kanji letters #9

Closed magychan35 closed 3 years ago

magychan35 commented 4 years ago

Hi there, can some help me and tell me how can I get a company or website that help me create animated kanji letters stroke orders so I can use it in my tutorials videos so I can teach to my students?

edberteliezer commented 4 years ago

@magychan35 You should try to look for web developers. The library here already have significant amount of kanji. The only task to do is to insert the intended SVG with JavaScript and adding some styles with CSS. Here is an example Windows App that I made: https://youtu.be/e_s1LVK3DRw If you don't want to do the dirty work with codes, you can use the demo site of this library here: http://gooo.free.fr/animCJK/official And here is a demo of other library called KanjiVG http://kanjivg.tagaini.net/viewer.html

magychan35 commented 4 years ago

Hi again,

Yes I like what you are doing on the you tube videos and I want exactly to do the same. Can you please let me know who did that for you or if you did it your self can you please send me details on who you are willing to assist me to do the same.

Thanks and hope to hear from you soon.

Maged hammad

On Wed, 15 Jul 2020 at 17:04 edberteliezer notifications@github.com wrote:

@magychan35 https://github.com/magychan35 You should try to look for web developers. The library here already have significant amount of kanji. The only task to do is to insert the intended SVG with JavaScript and adding some styles with CSS. Here is an example Windows App that I made: https://youtu.be/e_s1LVK3DRw If you don't want to do the dirty work with codes, you can use the demo site of this library here: http://gooo.free.fr/animCJK/official And here is a demo of other library called KanjiVG http://kanjivg.tagaini.net/viewer.html

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/parsimonhi/animCJK/issues/9#issuecomment-658754891, or unsubscribe https://github.com/notifications/unsubscribe-auth/AQJDU52B3AFFFV33XMOTUDTR3WSPBANCNFSM4O2OKW5Q .

edberteliezer commented 4 years ago

Yes I did it myself by reading the source code and modifying it to my needs.

  1. You need basic understanding of JavaScript.
  2. Pay attention to the JavaScript part of this https://github.com/parsimonhi/animCJK#basic-usage
  3. And this is the library's sample code https://github.com/parsimonhi/animCJK/blob/master/samples/animeSeveral.html
magychan35 commented 4 years ago

Do you think we can work together on building the same for me. Gonna be honest my knowledge about web design and itc is very limited and I need help but only from some one who knows what we are talking about. Let me know if you are in🙏

edberteliezer commented 4 years ago

You should hire a local web developer around where you live. It's probably not that hard, I am a chemical engineer and has nothing to do with programming yet I am able to figure it out. If not possible then use the online samples from above links and crop them with video editing tools like Adobe Premiere. The other guy in the other issue also already done 90% of the work here https://github.com/infinyte7/Write-Kanji which is basically implementation of this https://github.com/chanind/hanzi-writer-data-jp