[ad_1]\n<\/p>\n
Comment fonctionne un jeu web comme Wordle ? Que faut-il conna\u00eetre pour cr\u00e9er son propre jeu ? <\/p>\n
Tous les jeux ne n\u00e9cessitent pas une \u00e9norme \u00e9quipe de d\u00e9veloppeurs et des ann\u00e9es de d\u00e9veloppement pour \u00eatre un \u00e9norme succ\u00e8s. Le jeu Wordle<\/strong>, par exemple, a \u00e9t\u00e9 cr\u00e9\u00e9 par Josh Wardle pour sa partenaire Palak Shah en peu de temps, et malgr\u00e9 sa simplicit\u00e9 et son nombre de fonctionnalit\u00e9s tr\u00e8s restreint, sa popularit\u00e9 incroyable lui a valu d\u2019\u00eatre rachet\u00e9 par The New York Times.<\/p>\n Si vous avez une id\u00e9e pour un jeu simple, mais addictif qui pourrait capter l\u2019attention du monde entier et vous rapporter gros, sachez que coder une application web comme Wordle par vous-m\u00eame est tout \u00e0 fait possible.<\/p>\n Le framework du site Wordle est, comme n\u2019importe quel site web, le HTML, HyperText Markup Language. C\u2019est le code sur lequel repose tous les sites internet<\/a>, disant \u00e0 votre navigateur<\/a> o\u00f9 placer les \u00e9l\u00e9ments lorsque la page se charge. Le site que vous lisez en ce moment est cod\u00e9 en HTML, servant non seulement le contenu \u00e0 proprement parler, mais aussi les instructions pour afficher ce contenu, de la position des menus \u00e0 la taille des polices.<\/p>\n En plus du HTML, on trouve du CSS, Cascading Style Sheets : c\u2019est une addition au HTML pour faciliter la mise en page des \u00e9l\u00e9ments, qu\u2019il s\u2019agisse des propri\u00e9t\u00e9s d\u2019une image ou d\u2019un bloc de texte. Avec le CSS, si vous avez plusieurs pages sur votre site, vous pouvez d\u00e9finir ses propri\u00e9t\u00e9s visuelles une seule fois, plut\u00f4t que de le faire pour chaque page.<\/p>\n Si vous voulez pouvoir concevoir des pages web, vous devez apprendre le HTML et le CSS, bien que de nombreux services permettent de le faire sans avoir \u00e0 \u00e9crire la moindre ligne de code. Ces services offrent la possibilit\u00e9 de glisser et d\u00e9poser vos \u00e9l\u00e9ments dans une interface tr\u00e8s \u00e9volu\u00e9e et s\u2019occupent de g\u00e9rer tout le HTML et le CSS.<\/p>\n Pour qu\u2019un site soit totalement interactif comme l\u2019est Wordle, il vous faut aussi du JavaScript, qui vient transformer des pages HTML et CSS statiques en pages plus dynamiques, qu\u2019il s\u2019agisse d\u2019une bo\u00eete de recherche ou d\u2019une barre d\u2019outils. Le JavaScript peut g\u00e9rer les vid\u00e9os, la 2D ou la 3D, enregistrer les informations saisies par l\u2019utilisateur, charger des donn\u00e9es depuis une base de donn\u00e9es, effectuer des calculs, ex\u00e9cuter un code pr\u00e9d\u00e9fini selon telle ou telle action de l\u2019utilisateur, etc.<\/p>\n Comme Josh Wardle l\u2019expliquait \u00e0 TechCrunch, Wordle a \u00e9t\u00e9 \u00e9crit en JavaScript, du code qui se t\u00e9l\u00e9charge au moment du chargement de la page, permettant de jouer la partie hors ligne une fois le t\u00e9l\u00e9chargement initial effectu\u00e9. Les navigateurs modernes peuvent comprendre et ex\u00e9cuter le JavaScript, qui, dans notre cas, va charger un mot de la base de donn\u00e9es, identifier les saisies de l\u2019utilisateur et donner les informations pour chaque lettre.<\/p>\n Josh Wardle admet lui-m\u00eame que le code du jeu n\u2019est pas particuli\u00e8rement complexe, ce qui explique pourquoi il \u00e9tait possible de t\u00e9l\u00e9charger Wordle dans son int\u00e9gralit\u00e9, avant que le NYT ne l\u2019ach\u00e8te, avec tous les mots de sa base de donn\u00e9es. Il \u00e9tait aussi possible de trouver les solutions simplement en inspectant le code source du site.<\/p>\n Mais alors, comment construit-on soi-m\u00eame un jeu comme Wordle ? Il faut apprendre \u00e0 coder, mais vous n\u2019avez pas besoin de tout conna\u00eetre du HTML, du CSS et du JavaScript pour concevoir quelque chose du niveau de Wordle. Comme expliqu\u00e9 sur Codecademy, l\u2019une des techniques de programmation utilis\u00e9e est la boucle for, pour v\u00e9rifier chaque lettre saisie et l\u2019afficher dans la couleur correspondante.<\/p>\n Codecademy<\/a> est l\u2019un des sites qui permettent d\u2019apprendre le HTML, le CSS, le JavaScript et bien d\u2019autres langages de d\u00e9veloppement web gratuitement. Les exercices sont bien structur\u00e9s et vous apprenez toujours en faisant, directement dans votre navigateur. Vous verrez comment faire et pourrez constater les cons\u00e9quences directement. Certaines fonctionnalit\u00e9s avanc\u00e9es et tutoriels n\u00e9cessitent un abonnement payant, mais il y a d\u00e9j\u00e0 beaucoup \u00e0 d\u00e9couvrir gratuitement.<\/p>\n Treehouse<\/a> va plus loin que Codecademy, et il vous faut d\u00e9bourser 25 $ par mois pour l\u2019utiliser (un essai gratuit est disponible). C\u2019est une ressource plus professionnelle et efficace pour apprendre le HTML, le CSS, le JavaScript et autre, mais cela va bien au-del\u00e0 de ce dont vous aurez besoin pour un jeu comme Wordle. \u00c0 envisager si vous voulez aller plus loin.<\/p>\n \u00c0 l\u2019oppos\u00e9 de Treehouse, Dash<\/a>. Le site ne couvre que les basiques du HTML, du CSS et du JavaScript, mais c\u2019est totalement gratuit, et particuli\u00e8rement int\u00e9ressant pour les d\u00e9butants. Tout est g\u00e9r\u00e9 directement dans votre navigateur et comme Codecademy, vous apprenez en faisant les choses, pour prendre toute la mesure de ce que ces langages ont \u00e0 offrir.<\/p>\n Cette liste n\u2019est pas exhaustive, loin de l\u00e0, d\u2019autant que ce ne sont l\u00e0 que des ressources en anglais, on en trouve en fran\u00e7ais assez facilement, mais ce sont des bonnes bases pour vous lancer dans l\u2019apprentissage du HTML, du CSS et du JavaScript. \u00c0 vous de jouer\u2026 et de coder !<\/p>\n<\/div>\n[ad_2]\n [ad_1] Comment fonctionne un jeu web comme Wordle ? Que faut-il conna\u00eetre pour cr\u00e9er son propre jeu ? Tous les jeux ne n\u00e9cessitent pas une \u00e9norme \u00e9quipe de d\u00e9veloppeurs et des ann\u00e9es de d\u00e9veloppement pour \u00eatre un \u00e9norme succ\u00e8s. Le jeu Wordle, par exemple, a \u00e9t\u00e9 cr\u00e9\u00e9 par Josh Wardle pour sa partenaire Palak Shah …<\/p>\n","protected":false},"author":1,"featured_media":27250,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[16,335,19,349,239],"tags":[],"class_list":["post-36023","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-high-tech","category-tie-games","category-mode","category-tech-net","category-web"],"jetpack_featured_media_url":"https:\/\/tunimedia.tn\/fr\/wp-content\/uploads\/2022\/02\/1645531287_Wordle.jpg","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/tunimedia.tn\/fr\/wp-json\/wp\/v2\/posts\/36023","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tunimedia.tn\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tunimedia.tn\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tunimedia.tn\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tunimedia.tn\/fr\/wp-json\/wp\/v2\/comments?post=36023"}],"version-history":[{"count":0,"href":"https:\/\/tunimedia.tn\/fr\/wp-json\/wp\/v2\/posts\/36023\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tunimedia.tn\/fr\/wp-json\/wp\/v2\/media\/27250"}],"wp:attachment":[{"href":"https:\/\/tunimedia.tn\/fr\/wp-json\/wp\/v2\/media?parent=36023"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tunimedia.tn\/fr\/wp-json\/wp\/v2\/categories?post=36023"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tunimedia.tn\/fr\/wp-json\/wp\/v2\/tags?post=36023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Comment fonctionne un jeu web comme Wordle<\/h2>\n
Que faut-il conna\u00eetre pour cr\u00e9er son propre jeu ?<\/h2>\n
Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"