hugolpz / animcjk Goto Github PK

• Set a github.io page
• Hack

Finally, I dit it (pure javascript+HTML, nothing else):
http://gooo.free.fr/animCJK/official/samples/imageFactory.html
Note 1: the svgs folder of the demo online contains only the MakeMeAHanzi svg for the characters 鼠貓牛虎兔龍蛇馬羊猴雞狗
Note 2: the same code can generate images for any characters of animCJK project or MakeMeAHanzi project. Just put the svg files you need in the svgs folder (see below)

To make a demo on your own website that use all the svgs of MakeMeAHanzi project:

1. create a folder named "imageFactory" (any other name is ok)
2. create a subfolder of your "imageFactory" folder called "samples"
3. get "imageFactory.html" file from animCJK project
   (https://github.com/parsimonhi/animCJK/tree/master/samples),
   put it in your "samples" folder.
4. create a subfolder of your "samples" folder called "_js"
5. get "Animated_GIF.js" and "magicAcjk.js" from animCJK project
   (https://github.com/parsimonhi/animCJK/tree/master/samples/_js),
   put them in your "_js" folder.
   Note that "Animated_GIF.js" can also be downloaded from Animated_GIF project
   (https://github.com/sole/Animated_GIF/dist).
   Note that Animated_GIF project itself is derived from several other projects.
   Update 2018/11/05: get also "brushingAcjk.js" from animCJK project.
6. get the "svgs" folder from MakeMeAHanzi project
   (https://github.com/skishore/makemeahanzi),
   put it in your "imageFactory" folder,
   or if you already put the "svgs" folder elsewhere on your website,
   replace "../svgs/" in "imageFactory.html" file by a relative path to your "svgs" folder.

You can also use the svg of animCJK that are in its "svgsJa" and "svgsZhHans" folders
(https://github.com/parsimonhi/animCJK/tree/master),
but here, it's the MakeMeAHanzi project blog! ;-)

Pending issue: no transparency for the animated gif images.

Any comments are welcome.

Have fun!

7 files modified : parsimonhi/animCJK@master...hugolpz:animCJK:master

1. index-ja.html
2. index.html
3. js/Animated_GIF.js
4. js/brushingAcjk.js
5. js/magicAcjk.js
6. js/test.js
7. samples/_js/magicAcjk.js

See parsimonhi#13 (comment).

• Dragons Bot capable of uploading files : done !
• ImageFactory revamp > Add proper name for download
• ImageFactory revamp > Add auto-download when img:data ready
• ImageFactory revamp > Add for loop (which works)
• Improve wiki templates to clarify license (of raster images!)
• Improve js, images styles : gif animation starting with all stroke black
• [optional] Improve js, images styles : reverse -red.png stroke order, so successive changes are visible (as for others images)
• [optional] And numbered stroke order (demo)
• Get official bot approval and status on Commons.
• Upload !

Live : https://hugolpz.github.io/animCJK/