> ACCRÉDITATION REQUISE... [OK]

SYS.ARCHIVES // PROJETS

LECTURE DU FICHIER...

> EN ATTENTE DE SÉLECTION D'UNE CIBLE.

PORTFOLIO TERMINAL
TECHNOLOGIES DÉTECTÉES : HTML | CSS | JS | SVG
Aperçu du projet

RAPPORT DE MISSION

Interface web immersive inspirée des terminaux informatiques de la fin des années 90 et de l'univers Resident Evil. Utilisation de grilles interactives, d'animations CSS (effets CRT) et de manipulation audio/vidéo en JS.

Extraire les données
POMODORO : SALLE DE SAUVEGARDE
TECHNOLOGIES DÉTECTÉES : JS | CANVAS | CSS
Aperçu de la salle de sauvegarde

RAPPORT DE MISSION

Un minuteur Pomodoro transformé en salle de sauvegarde jouable en pixel art. On clique un objet, le personnage s'y rend et l'activité lance le chronomètre : rédiger, coder, réviser ou se soigner. Chaque séance terminée rapporte un ruban d'encre.

Extraire les données
APPRENTISSAGE SVG
TECHNOLOGIES DÉTECTÉES : SVG | CSS | JS
Aperçu du projet

RAPPORT DE MISSION

Exploration et maîtrise des capacités de l'élément SVG pour créer des graphismes vectoriels interactifs. Implémentation de animations et d'effets visuels dans un contexte pédagogique.

Extraire les données
VARIABLES CSS & THÈMES
FICHE TECHNIQUE : CSS
Le même écran dans les quatre thèmes

RÉSUMÉ

Comment une poignée de variables CSS permet de changer la couleur de tout le site en un seul geste, selon le lieu choisi sur la carte.

Lire la fiche
PIXEL ART & CANVAS
FICHE TECHNIQUE : CANVAS | JS
La salle de sauvegarde et les personnages en pixel art

RÉSUMÉ

Dessiner une pièce en fausse 3D pixel par pixel : l'élément canvas, la projection isométrique et les sprites en grilles de couleurs.

Lire la fiche
RECHERCHE DE CHEMIN A*
FICHE TECHNIQUE : JS | ALGORITHMIQUE
Trajet calculé par A* entre deux meubles

RÉSUMÉ

L'algorithme qui permet au personnage de contourner les meubles au lieu de les traverser, expliqué simplement.

Lire la fiche
BOUCLE DE JEU & TEMPS
FICHE TECHNIQUE : JS
Le Pomodoro en pleine séance

RÉSUMÉ

Pourquoi un chronomètre dérive, comment le rendre exact, et comment un jeu sépare sa logique de son affichage.

Lire la fiche
Mentions légales Retour à l'accueil