CC2018-eartsup
Rattrapage Creative Coding (Experience Digitale & Web/Application)
Ce doucment présente les sujets de rattrapage à destintation des étudiants de 1ère année Game & Animation pour la matière Creative Coding (Experience Digitale & Web/Application) à e-art sup
Index
- Sujet Game
- Sujet Animation
Game : Création du série de minijeu autour du créative coding
À partir des concepts et éléments vu en cours vous réaliserez une série de 4 mini-jeu basés sur du design génératif.
Vous reprendrez succéssivement les thèmes abordés en cours (Grille, Couleur, Typographie et Moteur Physique) pour chacun de vos jeux et vous baserez sur un gameplay simple que vous expliciterez. Vous pourrez vous inspirez de jeux existant tel que :
Contraintes
- Design : Votre design sera minimaliste, vous n’utiliserez que peu d’image
- Contenus : Vous inclurez sur les pages web de vos jeux les règles de gameplay permettant au joueur de tester votre jeu
- Technologies : HTML5/JS
- Format : Pour votre travail vous utiliserez la nomenclature HTML fournie (https://github.com/alexr4/CC2018-eartsup/tree/master/Cours/Rattrapages/NOMENCLATURE_GAME) que vous compléterez avec votre nom, titre du jeu et gameplay. Vous n’en changerez pas le format mais pourrez en changer le style (couleurs, typographie…) en fonction de votre affiche
- Gameplay : Chaque jeu se composera de 2 niveaux.
Rendu
Vous effectuerez votre rendu dans le dossier à votre nom sur le github du cours. Vous utiliserez la nomenclature de dossier suivante :
- Nom de l’étudiant
-
- Rattrapage
-
-
- Jeu 1
-
-
-
- Jeu 2
-
-
-
- Jeu 3
-
-
-
- Jeu 4
-
Animation: Création d’une série d’affiches animées
À partir des concepts et éléments vu en cours vous réaliserez une série de 10 affiches minimalistes animées de manière générative.
Une affiche de cinéma est une image assurant la publicité d’une œuvre cinématographique. Elle permet au spectateur de découvrir les informations principales sur l’œuvre (réalisateur, acteur, date de sortie…) ainsi que de présenter l’univers et le ton du film. Elle peut être graphiquement chargée ou très minimaliste en fonction du parti-pris du graphique.
Saul Bass et le minimalisme au cinéma
Saul Bass (1920-1996) est un designer américain ayant beaucoup travaillé dans l’univers du cinéma : il laisse une oeuvre très dense, notamment en motion design, >domaine dans lequel il est considéré à la fois comme un génie et un précurseur. Nun : design et arts graphiques
Influencé par le Bahauss et le constructivisme russe, Saul Bass a une approche très minimaliste et épurée dans ses créations graphiques où il arrive à suggérer l’univers du film par des illustrations simples composées de lignes brisées ou droites ainsi que des aplats de couleurs. Un travail dans lequel il concentre en une idée la synthèse de l’œuvre rendant l’affiche ou le générique toujours plus efficace.
Quelques génériques de film réalisés par Saul et Elaine Bass : https://www.youtube.com/watch?v=lOnYqwxvP0s
Contraintes
- Design : Votre design sera minimaliste, votre affiche devra permettre de comprendre l’univers du film en utilisant minimum d’élément iconographique
- Contenus : Votre affiche devra présenter le nom de l’œuvre, le nom du réalisateur ainsi que ceux des acteurs principaux. Le choix de la mise en page et de la typographie sera cohérent avec votre design.
- Technologies : HTML5/JS
- Format : Pour votre travail vous utiliserez la nomenclature HTML fournie (https://github.com/alexr4/CC2018-eartsup/tree/master/Cours/Rattrapages/NOMENCLATURE_ANIMATION) que vous compléterez avec votre nom et titre du film. Vous n’en changerez pas le format, mais pourrez en changer le style (couleurs, typographie…) en fonction de votre affiche
- Le ou les éléments animés devront servir à la compréhension du sujet du film
Rendu
Vous effectuerez votre rendu dans le dossier à votre nom sur le github du cours. Vous utiliserez la nomenclature de dossier suivante :
- Nom de l’étudiant
-
- Rattrapage
-
-
- Affiche 1
-
-
-
- Affiche 2
-
-
-
- Affiche 3
-
-
-
- Affiche 4
-
-
-
- Affiche 5
-
-
-
- Affiche 6
-
-
-
- Affiche 7
-
-
-
- Affiche 8
-
-
-
- Affiche 9
-
-
-
- Affiche 10
-