• Slidy
  • Utilisateur:Paol

    De Ustensile
    Aller à : navigation, rechercher

    Intéressé par l'art optique depuis un certain temps, mes recherches ici ont pour but de trouver différents moyens d'animer des formes concentriques.

    J'ai d'abords créé ces motifs dans inkscape puis les ai animé via imagemagick (voir BR.gif / CR.gif / NN.gif dans l'index ci dessous).

    Je me suis ensuite attaqué aux possibilités en html et css, comme fixer une image au curseur (voir FrameCursor.html dans l'index) ou scroller ( voir BrainfuckedFrame.html / FrameCircle.html / FrameScroll.html dans l'index), j'ai aussi tenté de m'attaquer au scroll en javascript qui offre bien plus de possibilités mais je n'ai pas encore assez de niveau pour ça ni eu/pris assez de temps pour comprendre la logique et l'appliquer, à creuser ! Si vous oui, allez faire un tour sur http://scrollmagic.io/


    index: http://ustensile.be/paol/


    Dessins vectoriels réalisés avec Inkscape (https://inkscape.org/fr/) -tutoriel motif: https://imppao.wordpress.com/2013/02/02/tuto-inkscape-les-motifs/


    Gif animé avec ImageMagick (http://www.imagemagick.org/script/index.php) -tutoriels animation: http://www.imagemagick.org/Usage/anim_basics/ https://doc.ubuntu-fr.org/imagemagick


    Html/Css avec Atom (https://atom.io/)</br> -tutoriel curseur: http://www.supportduweb.com/scripts_tutoriaux-code-source-47-image-qui-suit-la-souris-en-javascript.html -tutoriel positionnement: http://an.stdin.fr/index.php/Cours_du_24_mars_2014


    Fonte modifiée avec Inkscape puis importée dans fontforge (https://fontforge.github.io/en-US/) (fonte originelle: https://www.google.com/fonts/specimen/Rozha+One / modifications inspirée par le bifur de A.M. Casssandre: http://www.cassandre.fr/typo/bifur---alphabet.html)