BD Interactive Jordane

ACCUEIL • CARNET DE BORD • À PROPOS   Espace personnel de travail dans le cadre de l'UE de Communication Graphique en Master Design d'Interface Multimédia et Internet.

[jordane-bdi]

Aperçu de la page d’accueil de notre BD Interactive proposant les 3 destinations.

[jordane-bdi]

Story Board

Aperçu de l'un des chemins possible qu'offre la scénarisation

Les vignettes encadrées de vert feront l'objet d'une animation.

[jordane-bdi]

Les éditeurs de BD s’unissent pour un album-hommage à « Charlie Hebdo »

Ce sera une première : jamais aucun album de BD n’a à ce jour rassemblé autant de partenaires éditoriaux...

[jordane-bdi]

CARTE INTERACTIVE. L'Ile-de-France en bande dessinée

Sur la carte ci-dessus figurent des phylactères (bulles de BD) qui représentent chacun un album associé à un quartier de Paris ou à une ville d'Île-de-France. Il suffit de cliquer sur la bulle en question pour retrouver une ou plusieurs cases de la BD et un petit texte descriptif. N'hésitez pas à zoomer/dézoomer et à vous déplacer sur la carte.

[jordane-bdi]

BD Interactive - Persepolis

Base du scénario :

1994 : Marjane est dans l’aéroport, elle dit au revoir à ses parents et se retrouve devant le panneau des départs, elle a le choix entre 4 destinations :

    - Paris (son histoire réelle, mise en abîme avec l’écriture des BD, rencontre avec Vincent Paronnaud,

   - Chine (conférence du 15 septembre 1995 sur le Droits des Femmes),

   - Etats-Unis (concert de Nirvana - mort de Kurt Cobain, (Seattle) )

   - Irlande (droit du divorce)

[jordane-bdi]

Jouer à Framed, c'est se plonger dans une bande dessinée interactive, ou presque. Planche après planche, on suit les frasques d'un personnage qui a tout d'un espion, ou d'un cambrioleur à la Arsène Lupin. Sans préliminaires, le jeu nous conduit directement au cœur de l'action, alors que ce personnage en imperméable tente d'échapper aux forces de l'ordre avant de se faire doubler un peu plus tard par d'autres personnages tout aussi mystérieux que lui.

[jordane-bdi]

Priya's Shakti: une super-héroïne pour dénoncer le viol en Inde

Cet ouvrage indien, entièrement en anglais et en téléchargement gratuit, met en scène une jeune femme victime d'un viol qui va devenir une "super-héroïne". Le but: dénoncer ce fléau, en Inde et partout dans le monde. Combattre le viol en Inde et dans le monde. C'est la mission que se sont donnée les créateurs de Priya's Shakti, une bande dessinée interactive mettant en scène une jeune femme violée puis rejetée par sa famille.

[jordane-bdi]

Persepolis - Marjane Satrapi - After Effects

[jordane-bdi]

2010 - We go one-on-one with Persepolis writer/director, Marjane Satrapi for an exclusive interview.

[jordane-bdi]

[jordane-bdi]

Comment animer le contenu de la BD ?

Afin de pouvoir réaliser une Bande Dessinée Interactive nous utiliserons les transformations et transitions CSS3.

Les fonctions 2D :

Translation (translate),

Mise à l'échelle (scale),

Rotation (rotate)

Inclinaison (skew)

Matrice de transformation (matrix)

Plus d'informations

De plus, afin de parfaire l'expérience sur différents supports, il est nécessaire de porter une attention particulière aux Medias Queries.

Ces Media Queries sont des spécifications de CSS3 qui permettent d’attribuer des propriétés CSS en fonction de conditions particulières. Ces spécifications sont particulièrement connues pour leurs utilités dans la conception d’un responsive web design.

Tutos : AlsaCreations / OpenClassrooms

[jordane-bdi]

PERSEPOLIS

Dans le cadre de l'avancement de notre BDI Interactive j'ai visionné le film Persepolis.

Ce film d'animation a la particularité d'être en noir et blanc pour la majorité du film, et on peut retrouver des touches de couleurs lors que le personnage principal, , se trouve au présent.

Plus d'informations

[jordane-bdi]

Prison Valley est un webdocumentaire de David Dufresne et Philippe Brault sur l’industrie de la prison dans une Amérique en crise. Une plongée dans ce qui pourrait bien être le monde futur.

[jordane-bdi]

BANDE DESSINEE INTERACTIVE : COMMENT RACONTER UNE HISTOIRE ?  Prise de Tête, une proposition entre minimalisme, interactivité et narration

[jordane-bdi]

L'éditeur La boîte à bulles a publié le vendredi 2 mai la bande dessinée Les vestiaires, de Timothé Le Boucher. Un récit brutal sur l'adolescence, dans le huis-clos du nouveau vestiaire du collège.

Pour accompagner cette sortie, faire découvrir son univers au public, mais aussi pour apporter un bonus aux lecteurs de la bd, l'auteur a imaginé une histoire parallèle sous forme de bande dessinée numérique interactive. (...)

Plus d'informations : http://www.9emeart.fr/post/news/franco-belge/les-vestiaires-la-bande-dessinee-interactive-1900 

[jordane-bdi]

Le retour du Chat - 09/10/14

Le père du Chat publie son 19e album. Toujours aussi drôle, toujours aussi absurde. L'Express s'est rendu à Bruxelles pour rencontrer le dessinateur devenu un auteur succès.

[jordane-bdi]

Le Pass'temps a écrit une bande-dessinée numérique - 04/10/14

Samedi, une bande-dessinée pas comme les autres, a été présentée à l'auditorium, en avant-première aux élus et à ceux qui ont participé à son élaboration. A côté des tablettes numériques et des liseurs, la médiathèque Le Pass'temps a, à présent, sa bande-dessinée numérique, destinée aux enfants de 8 à 12 ans.