diff --git a/sys/tex2html.sh b/sys/tex2html.sh index 64c2d1a..e3f0c8d 100755 --- a/sys/tex2html.sh +++ b/sys/tex2html.sh @@ -17,12 +17,18 @@ if [ ! -d ../output/sources ]; then mkdir ../output/sources fi -if [ -f content.textile ]; then - rm content.textile -fi -touch content.textile +# if [ -f content.textile ]; then +# rm content.textile +# fi -echo "" > /tmp/summary +if [ ! -d temp ]; then + rm -rf tmp +fi +mkdir tmp +touch tmp/content.textile +touch tmp/summary + +# echo "" > tmp/summary echo "reading content" # _ _ @@ -31,7 +37,7 @@ echo "reading content" # / __/ _ \| '_ \| __/ _ \ '_ \| __| # | (_| (_) | | | | || __/ | | | |_ # \___\___/|_| |_|\__\___|_| |_|\__| -echo "
" >> content.textile +echo "
" >> tmp/content.textile for i in ../content/*; do # if folder if not sys if not modele if [ -d "$i" ] && [[ ! "$i" =~ "model" ]]; then @@ -50,16 +56,16 @@ for i in ../content/*; do u=${i/..\//} # record link for menu - # echo "
  • $u
    • " >> /tmp/summary - echo "* \"$u\":#$u" >> /tmp/summary + # echo "
  • $u
    • " >> tmp/summary + echo "* \"$u\":#$u" >> tmp/summary - # right html and contents on main content.textile - echo "
    " >> content.textile + # right html and contents on main tmp/content.textile + echo "
    " >> tmp/content.textile # add user content to main content - echo "
    "$'\n' >> content.textile - # add content to main content.textile - cat "$i/readme.textile" >> content.textile - echo $'\n'"
    " >> content.textile + echo "
    "$'\n' >> tmp/content.textile + # add content to main tmp/content.textile + cat "$i/readme.textile" >> tmp/content.textile + echo $'\n'"
    " >> tmp/content.textile # get folder name folder=$(basename "$i") @@ -75,7 +81,7 @@ for i in ../content/*; do echo " images" images="" l=0 - echo "
    "$'\n' >> content.textile + echo "
    "$'\n' >> tmp/content.textile for img in $i/images/*; do # echo "images : $img" if [ -f "$img" ] && [[ ! "$img" =~ ".db" ]] && [[ ! "$img" =~ ".avi" ]]; then @@ -90,22 +96,22 @@ for i in ../content/*; do cp -f "$img" ../output/images/$fimg # convert thumbs convert ../output/images/$fimg -resize 400x400\> ../output/thumbs/$fimg - # replace image name in main content.textile file + # replace image name in main tmp/content.textile file # pandoc can't render textile links - sed -i "s/!images\/$fn!/!thumbs\/$fimg!<\/a>/g" content.textile - # sed -i "s/!images\/$fn!/thumbs\/$fimg/g" content.textile + sed -i "s/!images\/$fn!/!thumbs\/$fimg!<\/a>/g" tmp/content.textile + # sed -i "s/!images\/$fn!/thumbs\/$fimg/g" tmp/content.textile - # find "content.textile" -print0 | xargs -0 sed -i '' -e "s/images\/$fn/images\/$fimg/g" + # find "tmp/content.textile" -print0 | xargs -0 sed -i '' -e "s/images\/$fn/images\/$fimg/g" l=$(($l+1)) # if image is not on content ... if [[ ! "$cont" =~ "images/$fn" ]]; then # ... add it at end of content - echo "* !thumbs/$fimg!" >> content.textile + echo "* !thumbs/$fimg!" >> tmp/content.textile fi fi done - echo $'\n'"
    " >> content.textile + echo $'\n'"
    " >> tmp/content.textile # _________ __ _______________ _____ @@ -114,7 +120,7 @@ for i in ../content/*; do # /____/\____/\__,_/_/ \___/\___/____/ # echo " sources" - echo "
    "$'\n' >> content.textile + echo "
    "$'\n' >> tmp/content.textile for src in $i/sources/*; do # echo "patch : $src" if [ -f "$src" ]; then @@ -123,22 +129,22 @@ for i in ../content/*; do # record file name fn=$(basename "$src") cp -f "$src" ../output/sources/$fn - # echo $'\r'"
  • " >> content.textile - echo "* \"$fn\":sources/$fn" >> content.textile - # echo $'\r'"
    • " >> content.textile + # echo $'\r'"
  • " >> tmp/content.textile + echo "* \"$fn\":sources/$fn" >> tmp/content.textile + # echo $'\r'"
    • " >> tmp/content.textile fi fi done - echo $'\n'"
    " >> content.textile + echo $'\n'"
    " >> tmp/content.textile - echo "
    " >> content.textile - echo '
    ' >> content.textile + echo "
    " >> tmp/content.textile + echo '
    ' >> tmp/content.textile fi fi done # end main section -echo "
    " >> content.textile +echo "
    " >> tmp/content.textile # _ _ # | | | | @@ -147,15 +153,15 @@ echo "" >> content.textile # | | | | __/ (_| | (_| | __/ | # |_| |_|\___|\__,_|\__,_|\___|_| echo "header" -touch /tmp/header -echo "" >> /tmp/header +touch tmp/header +echo "" >> tmp/header -cat /tmp/header|cat - content.textile > /tmp/out && mv /tmp/out content.textile +cat tmp/header|cat - tmp/content.textile > tmp/out && mv tmp/out tmp/content.textile echo "Pandoc" pandoc -s \ @@ -163,7 +169,7 @@ pandoc -s \ -t html5 -o ../output/index.html \ -H style.tpl.html \ -A script.tpl.html \ - content.textile + tmp/content.textile # -H css/main.css \ diff --git a/sys/tmp/content.textile b/sys/tmp/content.textile new file mode 100644 index 0000000..907b9d5 --- /dev/null +++ b/sys/tmp/content.textile @@ -0,0 +1,369 @@ + +
    +
    +
    + +h1. Playmo Gun + +h2. Bachir Soussi Chiadmi + +Hey Bill, t'aime bien les playmo ? +Ouai, avec des guns John ! + +!thumbs/bachir_soussi-chiadmi-00.png! +!thumbs/bachir_soussi-chiadmi-01.png! + +
    +
    + +* !thumbs/bachir_soussi-chiadmi-02.png! +* !thumbs/bachir_soussi-chiadmi-03.png! + +
    +
    + + +
    +
    +
    +
    +
    + +h1. Le nom de mon animatique + +h2. Monprenom Monnom + +à partir d'ici vous pouvez écrire le texte de description de votre projet d'aniamtique + +!thumbs/claudie_under-00.jpg! + +Pour insérer des images, comme des shoot écrans de votre travail, commencez par les déposer dans le dossier images de votre dossier perso +puis ajouter cette ligne: + +bc. !images/nomdemonimage.jpeg! + +Toutes les images seront insérez automatiquement a la fin de votre description dans la documentation finale, sauf celle ajouté manuellement dans le texte. + +
    +
    + +* !thumbs/claudie_under-01.jpg! + +
    +
    + + +
    +
    +
    +
    +
    + +h1. Le nom de mon animatique + +Dimitri Robert + +h2. Débuts avec Krita + +Menu clic-droit très pratique, on a un accès rapide aux outils essentiels + +!thumbs/dimitri_robert-21.png! + +Le stabilisateur permet de réellement stabiliser le trait pour quand on est une bille en dessin. + +!images/Unnamed-–Krita-0001.png! + +Les outils Alchimie permettent de remplir automatiquement des surfaces. + +!images/Unnamed-–Krita-0002.png! + +Attention, comportement différent entre la gomme du stylet (outil Gomme simple) et le fait de presser la touche E qui transforme le comportement de l'outil actuel en gomme. + +Premier dessin de personnage, c'est un peu n'importe quoi... + +!images/Unnamed-–Krita-0003.png! + +Un petit croquis tout à la tablette graphique, avec les différents plans dans des calques séparés. L'idée est de les déplacer séparément à l'animation. + +!thumbs/dimitri_robert-15.png! + +Pour exporter chaque calque au format PNG, pas d'autre solution que de cacher tous les calques sauf celui qu'on veut exporter. Puis, Fichier → Enregistrer sous et nommer avec un suffixe numéroté (chemin_001.png par exemple). + +h2. Débuts avec Blender + +Ajouter l'add-on Import images as planes + +!thumbs/dimitri_robert-01.png! + +h3. Importer des images + +File → Import → Images as planes + +Quelques options nécessaires : + +* Use alpha +* Shadeless +* Z-transparency + +Sélectionner toutes les images en pressant la touche Maj (Shift) et en cliquant sur chacune. + +Pour y voir plus clair, il faut créer une plaque blanche : + +* Shift-A (Add) Mesh → Plane +* S pour changer ses dimensions (agrandir) +* Dans la fenêtre Properties, puis l'onglet Material, ajouter un New material. Dans Shading, cocher Shadeless. + +Changer la vue : + +* View → Top +* View → View Perp/ortho + + +h2. Gérer l'animation dans Krita + +Doc en ligne : https://docs.krita.org/Animation + +h2. Blender : séquence d'images sur une plaque + + + +!thumbs/dimitri_robert-00.png! + +
    +
    + +* !thumbs/dimitri_robert-02.png! +* !thumbs/dimitri_robert-03.png! +* !thumbs/dimitri_robert-04.png! +* !thumbs/dimitri_robert-05.png! +* !thumbs/dimitri_robert-06.png! +* !thumbs/dimitri_robert-07.png! +* !thumbs/dimitri_robert-08.png! +* !thumbs/dimitri_robert-09.png! +* !thumbs/dimitri_robert-10.png! +* !thumbs/dimitri_robert-11.png! +* !thumbs/dimitri_robert-12.png! +* !thumbs/dimitri_robert-13.png! +* !thumbs/dimitri_robert-14.png! +* !thumbs/dimitri_robert-16.jpg! +* !thumbs/dimitri_robert-17.png! +* !thumbs/dimitri_robert-18.png! +* !thumbs/dimitri_robert-19.png! +* !thumbs/dimitri_robert-20.png! + +
    +
    + +* "chemin_001.png":sources/chemin_001.png +* "decor_001.png":sources/decor_001.png +* "joujou.kra":sources/joujou.kra +* "overlay_001.png":sources/overlay_001.png +* "pacman-walk.kra":sources/pacman-walk.kra +* "perso_001.png":sources/perso_001.png +* "perso_002.png":sources/perso_002.png +* "perso_003.png":sources/perso_003.png +* "perso_004.png":sources/perso_004.png +* "perso_005.png":sources/perso_005.png +* "perso_006.png":sources/perso_006.png +* "perso_007.png":sources/perso_007.png +* "perso_008.png":sources/perso_008.png +* "perso_009.png":sources/perso_009.png +* "perso_010.png":sources/perso_010.png +* "perso_011.png":sources/perso_011.png +* "perso_012.png":sources/perso_012.png +* "perso_013.png":sources/perso_013.png +* "perso_014.png":sources/perso_014.png +* "perso_015.png":sources/perso_015.png +* "perso_016.png":sources/perso_016.png +* "perso_017.png":sources/perso_017.png +* "perso_018.png":sources/perso_018.png +* "perso_019.png":sources/perso_019.png +* "perso_020.png":sources/perso_020.png +* "perso_021.png":sources/perso_021.png +* "perso_022.png":sources/perso_022.png +* "perso_023.png":sources/perso_023.png +* "perso_024.png":sources/perso_024.png +* "perso_025.png":sources/perso_025.png +* "perso-tout-seul.png":sources/perso-tout-seul.png +* "rue.blend":sources/rue.blend +* "rue.blend1":sources/rue.blend1 +* "rue.kra":sources/rue.kra + +
    +
    +
    +
    +
    + +h1. Le voyage du p'tit nuage + +h2. Emilie Coquard + +C'est l'histoire d'une petite fumée sortie d'une cheminée qui vient se mélanger aux nuages. On va découvrir un petit monstre en sortir et celui-ci va être dérangé par un autre des siens. + +Pour faire ce projet, on a d'abord appréhender le logiciel Krita. +J'ai dessiné des personnages imaginaires avec un effet de dessin à la craie. + +!thumbs/emilie_coquard-15.png! +!thumbs/emilie_coquard-04.png! + +Pour continuer, j'ai dessiné des storyboards pour imaginer l'histoire d'un petit monstre. +!images/storyboard.png! (mettre les dessins) + +Dessin du monstre dans Krita : + +!thumbs/emilie_coquard-08.png! +!thumbs/emilie_coquard-07.png! + +Et de la pluie : + +!thumbs/emilie_coquard-14.png! + + +Dessin du paysage de l'animation : + +!thumbs/emilie_coquard-05.png! +!thumbs/emilie_coquard-13.png! +!thumbs/emilie_coquard-09.png! +!thumbs/emilie_coquard-00.png! +!thumbs/emilie_coquard-06.png! +!thumbs/emilie_coquard-03.png! + +Test d'animation du nuage avec le décor dans blender : +!thumbs/emilie_coquard-10.gif! + + + + + + +Pour insérer des images, comme des shoot écrans de votre travail, commencez par les déposer dans le dossier images de votre dossier perso +puis ajouter cette ligne: + +bc. !images/nomdemonimage.jpeg! + +Toutes les images seront insérez automatiquement a la fin de votre description dans la documentation finale, sauf celle ajouté manuellement dans le texte. + +
    +
    + +* !thumbs/emilie_coquard-01.png! +* !thumbs/emilie_coquard-02.png! +* !thumbs/emilie_coquard-11.png! +* !thumbs/emilie_coquard-12.gif! + +
    +
    + +* "test2.kra":sources/test2.kra +* "test.kra":sources/test.kra + +
    +
    +
    +
    +
    + +h1. Le nom de mon animatique + +h2. Monprenom Monnom + +à partir d'ici vous pouvez écrire le texte de description de votre projet d'aniamtique + +!thumbs/louis_eveillard-00.jpg! + +Pour insérer des images, comme des shoot écrans de votre travail, commencez par les déposer dans le dossier images de votre dossier perso +puis ajouter cette ligne: + +bc. !images/nomdemonimage.jpeg! + +Toutes les images seront insérez automatiquement a la fin de votre description dans la documentation finale, sauf celle ajouté manuellement dans le texte. + +
    +
    + +* !thumbs/louis_eveillard-01.jpg! + +
    +
    + + +
    +
    +
    +
    +
    + +h1. Le nom de mon animatique + +h2. Monprenom Monnom + +à partir d'ici vous pouvez écrire le texte de description de votre projet d'aniamtique + +!thumbs/Lucie_Maëlle-00.jpg! + +Pour insérer des images, comme des shoot écrans de votre travail, commencez par les déposer dans le dossier images de votre dossier perso +puis ajouter cette ligne: + +bc. !images/nomdemonimage.jpeg! + +Toutes les images seront insérez automatiquement a la fin de votre description dans la documentation finale, sauf celle ajouté manuellement dans le texte. + +
    +
    + +* !thumbs/Lucie_Maëlle-01.jpg! + +
    +
    + + +
    +
    +
    +
    +
    + +h1. Le nom de mon animatique + +h2. Monprenom Monnom + +à partir d'ici vous pouvez écrire le texte de description de votre projet d'aniamtique + +!thumbs/sandrine_ripoll-00.jpg! + +Pour insérer des images, comme des shoot écrans de votre travail, commencez par les déposer dans le dossier images de votre dossier perso +puis ajouter cette ligne: + +bc. !images/nomdemonimage.jpeg! + +Toutes les images seront insérez automatiquement a la fin de votre description dans la documentation finale, sauf celle ajouté manuellement dans le texte. + +
    +
    + +* !thumbs/sandrine_ripoll-01.jpg! + +
    +
    + + +
    +
    +
    +
    diff --git a/sys/tmp/header b/sys/tmp/header new file mode 100644 index 0000000..9e263d6 --- /dev/null +++ b/sys/tmp/header @@ -0,0 +1,16 @@ + diff --git a/sys/tmp/summary b/sys/tmp/summary new file mode 100644 index 0000000..04ecf62 --- /dev/null +++ b/sys/tmp/summary @@ -0,0 +1,7 @@ +* "content/bachir_soussi-chiadmi":#content/bachir_soussi-chiadmi +* "content/claudie_under":#content/claudie_under +* "content/dimitri_robert":#content/dimitri_robert +* "content/emilie_coquard":#content/emilie_coquard +* "content/louis_eveillard":#content/louis_eveillard +* "content/Lucie_Maëlle":#content/Lucie_Maëlle +* "content/sandrine_ripoll":#content/sandrine_ripoll