{"id":8754,"date":"2020-05-03T16:19:08","date_gmt":"2020-05-03T16:19:08","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/il-y-a-longtemps-extraits-de-code-inspires-de-star-wars\/"},"modified":"2020-05-03T16:19:08","modified_gmt":"2020-05-03T16:19:08","slug":"il-y-a-longtemps-extraits-de-code-inspires-de-star-wars","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/il-y-a-longtemps-extraits-de-code-inspires-de-star-wars\/","title":{"rendered":"Il y a longtemps: extraits de code inspir\u00e9s de Star Wars"},"content":{"rendered":"<p>Peut-\u00eatre qu&#39;aucune franchise de films n&#39;a plus de fans que Star Wars. Depuis plus de 40 ans, chaque nouvel \u00e9pisode suscite une grande anticipation, sans oublier d&#39;\u00e9normes profits.<\/p>\n<p>Les films et leur longue liste de personnages inoubliables ont \u00e9galement servi de grande inspiration pour la culture populaire. La conception Web ne fait pas exception, car il semblait que d\u00e8s que les gens ont commenc\u00e9 \u00e0 cr\u00e9er des sites Web, des hommages en ligne \u00e0 la franchise ont commenc\u00e9 \u00e0 appara\u00eetre.<\/p>\n<p>Naturellement, CodePen regorge de cr\u00e9ations li\u00e9es \u00e0 Star Wars. Au fil des ans, tout, des portraits de personnages aux rencontres et aux jeux, a \u00e9t\u00e9 ajout\u00e9. Voici quelques-uns de nos choix favoris.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Le_suivi\"><\/span>Le suivi<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Tout a commenc\u00e9 en 1977, lorsque l&#39;original Star Wars a fait ses d\u00e9buts avec cette exploration de texte d&#39;un autre monde. Il a pr\u00e9par\u00e9 le terrain pour ce qui allait devenir un ph\u00e9nom\u00e8ne culturel. Voici une r\u00e9cr\u00e9ation assez fid\u00e8le, compl\u00e8te avec audio.<\/p>\n<p class=\"codepen\" style=\"height: 450px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;\" data-height=\"450\" data-theme-id=\"default\" data-default-tab=\"result\" data-user=\"TimPietrusky\" data-slug-hash=\"eHGfj\" data-preview=\"true\" data-pen-title=\"Star Wars opening crawl from 1977\">Voir le stylo <br \/>L&#39;ouverture de Star Wars rampant depuis 1977 par Tim Pietrusky<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Le_80_en_un_fragment\"><\/span>Le 80 en un fragment<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Voici un exemple de la fa\u00e7on de prendre l&#39;une des images les plus inoubliables des ann\u00e9es 1980, un Stormtrooper, et de la combiner avec une autre: le Moonwalk. Oui, c&#39;est vraiment un Stormtrooper qui fait le Moonwalk. Non seulement cela, mais vous obtenez \u00e9galement la qualit\u00e9 pixelis\u00e9e des jeux vid\u00e9o de l&#39;\u00e9poque. La seule chose qui manque peut-\u00eatre est une t\u00e9l\u00e9vision de la vieille \u00e9cole.<\/p>\n<p class=\"codepen\" style=\"height: 450px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;\" data-height=\"450\" data-theme-id=\"default\" data-default-tab=\"result\" data-user=\"yusufbkr\" data-slug-hash=\"LGEQGK\" data-preview=\"true\" data-pen-title=\"StarWars Pixel Stormtrooper Moonwalk\">Voir le stylo <br \/>StarWars Pixel Stormtrooper Moonwalk par Yusuf Bak\u0131r<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Choisissez_votre_camp\"><\/span>Choisissez votre camp<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Les interrupteurs \u00e0 bascule sont un \u00e9l\u00e9ment courant de nos jours. Mais nous ne les voyons g\u00e9n\u00e9ralement pas avec autant d&#39;attention aux d\u00e9tails. Lorsque le commutateur est \u00e0 gauche, une \u00e9toile de la mort s&#39;affiche, avec un jeu de couleurs rouge d\u00e9concertant. Heureusement, passer \u00e0 droite montre un Millennium Falcon beaucoup plus adorable. Les effets d&#39;animation sont stellaires.<\/p>\n<p class=\"codepen\" style=\"height: 450px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;\" data-height=\"450\" data-theme-id=\"default\" data-default-tab=\"result\" data-user=\"kdbkapsere\" data-slug-hash=\"PoYJpyw\" data-preview=\"true\" data-pen-title=\"Star Wars Toggle\">Voir le stylo <br \/>Star Wars Toggle \u00e0 partir de Kasper De Bruyne<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Casque_du_seigneur_Vador\"><\/span>Casque du seigneur Vador<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Dark Vador n&#39;est pas seulement l&#39;un des m\u00e9chants les plus reconnus de cette galaxie ou de toute autre galaxie, mais il a \u00e9galement \u00e9t\u00e9 utilis\u00e9 (officieusement) pour repr\u00e9senter les Raiders d&#39;Oakland \/ Las Vegas de la NFL. Vous verrez souvent des fans d\u00e9guis\u00e9s en Dark (alias le p\u00e8re de Luke). Ce fragment combine en fait la police de type Raider avec l&#39;embl\u00e9matique casque Lord Vader. Assurez-vous de faire pivoter le casque et de voir ces incroyables effets de lumi\u00e8re et d&#39;ombrage.<\/p>\n<p class=\"codepen\" style=\"height: 450px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;\" data-height=\"450\" data-theme-id=\"default\" data-default-tab=\"result\" data-user=\"KiarashZ\" data-slug-hash=\"abbELMd\" data-preview=\"true\" data-pen-title=\"3D Darth Vader Mouse Move Animation Star Wars\">Regardez Kiarash Zarinmehr 3D Darth Vader Pen Star Wars Mouse Motion Animation<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Accedez_a_lhyperespace_sur_votre_ecran\"><\/span>Acc\u00e9dez \u00e0 l&#39;hyperespace sur votre \u00e9cran<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Avez-vous d\u00e9j\u00e0 conduit une voiture et souhait\u00e9 pouvoir mettre cette chose en hyperespace? Peut-\u00eatre que cela ne se produira pas dans nos vies. Mais, gr\u00e2ce \u00e0 cette utilisation ing\u00e9nieuse du canevas HTML5 et de JavaScript, vous pouvez y acc\u00e9der simplement en appuyant sur la souris. Agr\u00e9able!<\/p>\n<p class=\"codepen\" style=\"height: 450px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;\" data-height=\"450\" data-theme-id=\"default\" data-default-tab=\"result\" data-user=\"jh3y\" data-slug-hash=\"dEpKMe\" data-preview=\"true\" data-pen-title=\"Jump to Hyperspace \ud83e\udd13\u2b50\ufe0f #CodePenChallenge (Hold click\/touch)\">Voir le stylo <br \/>Aller \u00e0 l&#39;hyperespace \ud83e\udd13\u2b50\ufe0f #CodePenChallenge (maintenez le clic \/ appuyez) par Jhey<\/p>\n<h2><span class=\"ez-toc-section\" id=\"X-Wing_dans_leau\"><\/span>X-Wing dans l&#39;eau<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>L&#39;\u00e9quipement fictif et les paysages sont \u00e9galement un \u00e9l\u00e9ment cl\u00e9 de l&#39;histoire de Star Wars. Ici, nous avons un peu des deux avec ce chasseur X-Wing qui court sur l&#39;eau \u00e0 basse altitude.<\/p>\n<p class=\"codepen\" style=\"height: 450px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;\" data-height=\"450\" data-theme-id=\"default\" data-default-tab=\"result\" data-user=\"ilovepixel\" data-slug-hash=\"OMKRBG\" data-preview=\"true\" data-pen-title=\"X_WING\">Voir le stylo <br \/>X_WING par Felipe Alfonso<\/p>\n<h2><span class=\"ez-toc-section\" id=\"La_galaxie_est_allumee\"><\/span>La galaxie est allum\u00e9e<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Cette sc\u00e8ne repr\u00e9sentant Star Wars: The Last Jedi propose des effets sp\u00e9ciaux dignes d&#39;un film. Utilisez des skins SVG pour cr\u00e9er de la transparence, tandis que l&#39;animation de particules cr\u00e9e un arri\u00e8re-plan \u00e9toil\u00e9 d&#39;un autre monde. La lueur du sabre laser de Kylo Ren et du postcombustion Millennium Falcon sont la cerise sur le g\u00e2teau.<\/p>\n<p class=\"codepen\" style=\"height: 450px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;\" data-height=\"450\" data-theme-id=\"default\" data-default-tab=\"result\" data-user=\"chasebank\" data-slug-hash=\"eyOOmW\" data-preview=\"true\" data-pen-title=\"Star Wars The Last Jedi\">Voir le stylo <br \/>Chase Star Wars The Last Jedi<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Paroles_de_sagesse_memorables\"><\/span>Paroles de sagesse m\u00e9morables<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>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\u00e9n\u00e9rateur de devis al\u00e9atoire. Vous trouverez s\u00fbrement de la sagesse ou une blague \u00e0 retenir.<\/p>\n<p class=\"codepen\" style=\"height: 450px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;\" data-height=\"450\" data-theme-id=\"default\" data-default-tab=\"result\" data-user=\"thomasvaeth\" data-slug-hash=\"epmrEm\" data-preview=\"true\" data-pen-title=\"Random Quote Machine\">Voir le stylo <br \/>Machine de devis al\u00e9atoire de Thomas Vaeth<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Hommages_dignes_des_Jedi\"><\/span>Hommages dignes des Jedi<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>En explorant la pl\u00e9thore d&#39;hommages de Star Wars sur CodePen, le talent et la passion de ces d\u00e9veloppeurs sont \u00e9vidents. Ce monde fictif a inspir\u00e9 plusieurs g\u00e9n\u00e9rations, et avec le flux constant de nouveaux ajouts \u00e0 la franchise, qui devrait continuer pendant longtemps.<\/p>\n<p>Voulez-vous voir des hommages encore plus incroyables? D\u00e9couvrez notre collection CodePen pour un tr\u00e9sor de super extraits de code!<\/p>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 ez-toc-wrap-center counter-flat ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogging-techies.com\/fr\/il-y-a-longtemps-extraits-de-code-inspires-de-star-wars\/#Le_suivi\" >Le suivi<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blogging-techies.com\/fr\/il-y-a-longtemps-extraits-de-code-inspires-de-star-wars\/#Le_80_en_un_fragment\" >Le 80 en un fragment<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blogging-techies.com\/fr\/il-y-a-longtemps-extraits-de-code-inspires-de-star-wars\/#Choisissez_votre_camp\" >Choisissez votre camp<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/blogging-techies.com\/fr\/il-y-a-longtemps-extraits-de-code-inspires-de-star-wars\/#Casque_du_seigneur_Vador\" >Casque du seigneur Vador<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/blogging-techies.com\/fr\/il-y-a-longtemps-extraits-de-code-inspires-de-star-wars\/#Accedez_a_lhyperespace_sur_votre_ecran\" >Acc\u00e9dez \u00e0 l&#39;hyperespace sur votre \u00e9cran<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/blogging-techies.com\/fr\/il-y-a-longtemps-extraits-de-code-inspires-de-star-wars\/#X-Wing_dans_leau\" >X-Wing dans l&#39;eau<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/blogging-techies.com\/fr\/il-y-a-longtemps-extraits-de-code-inspires-de-star-wars\/#La_galaxie_est_allumee\" >La galaxie est allum\u00e9e<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/blogging-techies.com\/fr\/il-y-a-longtemps-extraits-de-code-inspires-de-star-wars\/#Paroles_de_sagesse_memorables\" >Paroles de sagesse m\u00e9morables<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/blogging-techies.com\/fr\/il-y-a-longtemps-extraits-de-code-inspires-de-star-wars\/#Hommages_dignes_des_Jedi\" >Hommages dignes des Jedi<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>Peut-\u00eatre qu&#39;aucune franchise de films n&#39;a plus de fans que Star Wars. Depuis plus de 40 ans, chaque nouvel \u00e9pisode suscite une grande anticipation, sans oublier d&#39;\u00e9normes profits. Les films et leur longue liste de personnages inoubliables ont \u00e9galement servi de grande inspiration pour la culture populaire. La conception Web ne fait pas exception, car [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8755,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-8754","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-themes"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/8754","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/comments?post=8754"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/8754\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media\/8755"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media?parent=8754"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/categories?post=8754"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/tags?post=8754"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}