Il y a longtemps: extraits de code inspirés de Star Wars

Peut-être qu'aucune franchise de films n'a plus de fans que Star Wars. Depuis plus de 40 ans, chaque nouvel épisode suscite une grande anticipation, sans oublier d'énormes profits.

Les films et leur longue liste de personnages inoubliables ont également servi de grande inspiration pour la culture populaire. La conception Web ne fait pas exception, car il semblait que dès que les gens ont commencé à créer des sites Web, des hommages en ligne à la franchise ont commencé à apparaître.

Naturellement, CodePen regorge de créations liées à Star Wars. Au fil des ans, tout, des portraits de personnages aux rencontres et aux jeux, a été ajouté. Voici quelques-uns de nos choix favoris.

Le suivi

Tout a commencé en 1977, lorsque l'original Star Wars a fait ses débuts avec cette exploration de texte d'un autre monde. Il a préparé le terrain pour ce qui allait devenir un phénomène culturel. Voici une récréation assez fidèle, complète avec audio.

Voir le stylo
L'ouverture de Star Wars rampant depuis 1977 par Tim Pietrusky

Le 80 en un fragment

Voici un exemple de la façon de prendre l'une des images les plus inoubliables des années 1980, un Stormtrooper, et de la combiner avec une autre: le Moonwalk. Oui, c'est vraiment un Stormtrooper qui fait le Moonwalk. Non seulement cela, mais vous obtenez également la qualité pixelisée des jeux vidéo de l'époque. La seule chose qui manque peut-être est une télévision de la vieille école.

Voir le stylo
StarWars Pixel Stormtrooper Moonwalk par Yusuf Bakır

Choisissez votre camp

Les interrupteurs à bascule sont un élément courant de nos jours. Mais nous ne les voyons généralement pas avec autant d'attention aux détails. Lorsque le commutateur est à gauche, une étoile de la mort s'affiche, avec un jeu de couleurs rouge déconcertant. Heureusement, passer à droite montre un Millennium Falcon beaucoup plus adorable. Les effets d'animation sont stellaires.

Voir le stylo
Star Wars Toggle à partir de Kasper De Bruyne

Casque du seigneur Vador

Dark Vador n'est pas seulement l'un des méchants les plus reconnus de cette galaxie ou de toute autre galaxie, mais il a également été utilisé (officieusement) pour représenter les Raiders d'Oakland / Las Vegas de la NFL. Vous verrez souvent des fans déguisés en Dark (alias le père de Luke). Ce fragment combine en fait la police de type Raider avec l'emblématique casque Lord Vader. Assurez-vous de faire pivoter le casque et de voir ces incroyables effets de lumière et d'ombrage.

Regardez Kiarash Zarinmehr 3D Darth Vader Pen Star Wars Mouse Motion Animation

Accédez à l'hyperespace sur votre écran

Avez-vous déjà conduit une voiture et souhaité pouvoir mettre cette chose en hyperespace? Peut-être que cela ne se produira pas dans nos vies. Mais, grâce à cette utilisation ingénieuse du canevas HTML5 et de JavaScript, vous pouvez y accéder simplement en appuyant sur la souris. Agréable!

Voir le stylo
Aller à l'hyperespace 🤓⭐️ #CodePenChallenge (maintenez le clic / appuyez) par Jhey

X-Wing dans l'eau

L'équipement fictif et les paysages sont également un élément clé de l'histoire de Star Wars. Ici, nous avons un peu des deux avec ce chasseur X-Wing qui court sur l'eau à basse altitude.

Voir le stylo
X_WING par Felipe Alfonso

La galaxie est allumée

Cette scène représentant Star Wars: The Last Jedi propose des effets spéciaux dignes d'un film. Utilisez des skins SVG pour créer de la transparence, tandis que l'animation de particules crée un arrière-plan étoilé d'un autre monde. La lueur du sabre laser de Kylo Ren et du postcombustion Millennium Falcon sont la cerise sur le gâteau.

Voir le stylo
Chase Star Wars The Last Jedi

Paroles de sagesse mémorables

Il semble y avoir une citation Star Wars pour presque toutes les occasions. Si vous en recherchez un pour votre prochaine conversation, essayez ce générateur de devis aléatoire. Vous trouverez sûrement de la sagesse ou une blague à retenir.

Voir le stylo
Machine de devis aléatoire de Thomas Vaeth

Hommages dignes des Jedi

En explorant la pléthore d'hommages de Star Wars sur CodePen, le talent et la passion de ces développeurs sont évidents. Ce monde fictif a inspiré plusieurs générations, et avec le flux constant de nouveaux ajouts à la franchise, qui devrait continuer pendant longtemps.

Voulez-vous voir des hommages encore plus incroyables? Découvrez notre collection CodePen pour un trésor de super extraits de code!