Créations sur Codepen

Client : Travaux personnels

Rôle : Création graphique et Intégration

Année : 2016

Mission

Sur mon temps libre il m'arrive de créer des animations en SVG en utilisant les animations CSS3 et du Javascript. 

J'utilise Illustrator pour créer les illustrations et ensuite les exporter directement en SVG, et je fait le reste dans un éditeur de texte.

Pour héberger mon code j'utilise Codepen qui est une plateforme vraiment intéressante qui permet d'avoir sa propre page avec ses travaux sous forme de gallerie.

[unex_ce_button id="content_6xgho6ium" button_text_color="#111111" button_font="semibold" button_font_size="20px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#ffffff" button_padding="15px 60px 15px 60px" button_border_width="4px" button_border_color="#111111" button_border_radius="0" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#111111" button_border_hover_color="#111111" button_link="https://codepen.io/Ghinks/" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]Ma page Codepen[/ce_button]
angleCP1angleCP1

Animation slimes

Une animation de petites créatures dont les couleurs (ainsi que celle du fond) sont générées aléatoirement.

See the Pen SVG Slimes by David-Anthony Barreto (@Ghinks) on CodePen.

angleCP2angleCP2

Animation Persona 4

Une animation inspirée par le jeu vidéo Persona 4 (le rendu est meilleur en pleine page sur grand écran).

See the Pen Persona 4 : SVG animation by David-Anthony Barreto (@Ghinks) on CodePen.

angleCP3angleCP3

Animation château

Une animation d'une fête dans un château.

See the Pen SVG Test Animation by David-Anthony Barreto (@Ghinks) on CodePen.