{"id":37246,"date":"2023-02-13T22:07:20","date_gmt":"2023-02-14T02:07:20","guid":{"rendered":""},"modified":"2023-02-13T22:08:27","modified_gmt":"2023-02-14T02:08:27","slug":"script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial","status":"publish","type":"post","link":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\/","title":{"rendered":"[#Script #Coding] Code a Minecraft Clone with JavaScript, React, Three.js &ndash; Tutorial"},"content":{"rendered":"<div style=\"padding: 2%;\" align=\"center\"><iframe loading=\"lazy\" title=\"Code a Minecraft Clone with JavaScript, React, Three.js \u2013 Tutorial\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/qpOZup_3P_A?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<blockquote style=\"text-align: left; background-color: #E4E4E4; border: 3px dotted gray; padding:2%;\"><p>\n<a href=\"https:\/\/www.youtube.com\/watch?v=qpOZup_3P_A\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/a><\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=qpOZup_3P_A\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/a><\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=qpOZup_3P_A\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/a><\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=qpOZup_3P_A\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/a><\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=qpOZup_3P_A\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/a><\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=qpOZup_3P_A\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/a><\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=qpOZup_3P_A\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/p>\n<h3>Code a Minecraft Clone with JavaScript, React, Three.js \u2013 Tutorial<\/h3>\n<p><\/a><a href=\"https:\/\/www.youtube.com\/watch?v=qpOZup_3P_A\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/a><a href=\"https:\/\/www.youtube.com\/watch?v=qpOZup_3P_A\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/a><a href=\"https:\/\/www.youtube.com\/watch?v=qpOZup_3P_A\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/a><a href=\"https:\/\/www.youtube.com\/watch?v=qpOZup_3P_A\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/a><a href=\"https:\/\/www.youtube.com\/watch?v=qpOZup_3P_A\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/a><a href=\"https:\/\/www.youtube.com\/watch?v=qpOZup_3P_A\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/a><a href=\"https:\/\/www.youtube.com\/watch?v=qpOZup_3P_A\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/a><a href=\"https:\/\/www.youtube.com\/watch?v=qpOZup_3P_A\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/a><\/p>\n<p>By <a href=\"https:\/\/www.youtube.com\/channel\/UC8butISFwT-Wl7EV0hUK0BQ\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><strong>freeCodeCamp.org<\/strong><\/a><br \/>\n<strong>Published<\/strong>: Sep 20, 2022<\/p>\n<p><em style=\"font-family: 'Times New Roman',Times,serif; color: #666;\"><span style=\"font-size: 3.5em; font-weight: bold;\">\u201c<\/span><\/em><br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=qpOZup_3P_A\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/i2.ytimg.com\/vi\/qpOZup_3P_A\/hqdefault.jpg\" class=\"alignright\" alt=\"freeCodeCamp.org\" style=\"width: 200px; height: auto;\" align=\"right\"\/><\/a> Learn how to code a playable Minecraft clone using React, JavaScript, and Three.js. You will learn about many React concepts such as useState, useEffect, useRef, custom Hooks for State management, and more. And you will be able to apply the principles to create other 3d games in JavaScirpt.<\/p>\n<p><strong>Course created by Daniel Bark.<\/strong> Check out his channel: <a href=\"https:\/\/www.youtube.com\/c\/barelycoding\" target=\"offsite\" rel=\"nofollow noopener noreferrer\">https:\/\/www.youtube.com\/c\/barelycoding<\/a><\/p>\n<p>Finished Code: <a href=\"https:\/\/github.com\/danba340\/minecraft-freecodecamp\" target=\"offsite\" rel=\"nofollow noopener noreferrer\">https:\/\/github.com\/danba340\/minecraft&#8230;<\/a><br \/>\nStarting Code: <a href=\"https:\/\/github.com\/danba340\/minecraft-freecodecamp\/tree\/start\" target=\"offsite\" rel=\"nofollow noopener noreferrer\">https:\/\/github.com\/danba340\/minecraft&#8230;<\/a><br \/>\nDemo: <a href=\"https:\/\/minecraft-freecodecamp.vercel.app\/\" target=\"offsite\" rel=\"nofollow noopener noreferrer\">https:\/\/minecraft-freecodecamp.vercel&#8230;<\/a><\/p>\n<ul><strong>Contents<\/strong><\/p>\n<li>(0:00:00) Boilerplate<\/li>\n<li>(0:03:56) Sky<\/li>\n<li>(0:05:46) Textures<\/li>\n<li>(0:07:48) Ground<\/li>\n<li>(0:15:11) Player<\/li>\n<li>(0:25:43) Keyboard input<\/li>\n<li>(0:32:03) Movement<\/li>\n<li>(0:41:26) First person camera<\/li>\n<li>(0:46:25) State management<\/li>\n<li>(0:49:55) Cube component<\/li>\n<li>(0:58:02) Add\/Remove Cubes<\/li>\n<li>(1:09:34) Texture Selector<\/li>\n<li>(1:21:34) Save world<\/li>\n<li>(1:27:31) Hover cubes<\/li>\n<li>(1:30:28) Outro<\/li>\n<\/ul>\n<div style=\"text-align: center; font-weight: bold\">[<a href=\"https:\/\/www.youtube.com\/watch?v=qpOZup_3P_A\" target=\"offsite\" rel=\"nofollow noopener noreferrer\" title=\"Read More on YouTube\">READ MORE<\/a>]<\/div>\n<p><em style=\"font-family: 'Times New Roman',Times,serif; color: #666;\"><span style=\"font-size: 3.5em; font-weight: bold;\">\u201d<\/span><\/em><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to code a playable Minecraft clone using React, JavaScript, and Three.js. You will learn about many React concepts such as useState&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[109,380],"tags":[2806,1756,193,2804,1813,2002,2594,2805],"class_list":["post-37246","post","type-post","status-publish","format-standard","hentry","category-scripting-and-coding","category-video-tutorials","tag-daniel-bark","tag-freecodecamp","tag-javascript","tag-minecraft","tag-react","tag-three-js","tag-useeffect","tag-usestate"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>[#Script #Coding] Code a Minecraft Clone with JavaScript, React, Three.js &ndash; Tutorial - WHUZZUP!<\/title>\n<meta name=\"description\" content=\"Learn how to code a playable Minecraft clone using React, JavaScript, and Three.js. You will learn about many React concepts such as useSt...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ericbrooks.com\/whuzzup\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[#Script #Coding] Code a Minecraft Clone with JavaScript, React, Three.js &ndash; Tutorial - WHUZZUP!\" \/>\n<meta property=\"og:description\" content=\"Learn how to code a playable Minecraft clone using React, JavaScript, and Three.js. You will learn about many React concepts such as useSt...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ericbrooks.com\/whuzzup\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\/\" \/>\n<meta property=\"og:site_name\" content=\"WHUZZUP!\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/EricBrooksDotComWeb\/\" \/>\n<meta property=\"article:author\" content=\"EricBrooksDotComWeb\" \/>\n<meta property=\"article:published_time\" content=\"2023-02-14T02:07:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-14T02:08:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i2.ytimg.com\/vi\/qpOZup_3P_A\/hqdefault.jpg\" \/>\n<meta name=\"author\" content=\"Eric Brooks\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@EricBrooksCom\" \/>\n<meta name=\"twitter:site\" content=\"@EricBrooksCom\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Eric Brooks\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\\\/\"},\"author\":{\"name\":\"Eric Brooks\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#\\\/schema\\\/person\\\/3b162468e1f9814f6e9f61460db00a3a\"},\"headline\":\"[#Script #Coding] Code a Minecraft Clone with JavaScript, React, Three.js &ndash; Tutorial\",\"datePublished\":\"2023-02-14T02:07:20+00:00\",\"dateModified\":\"2023-02-14T02:08:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\\\/\"},\"wordCount\":148,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i2.ytimg.com\\\/vi\\\/qpOZup_3P_A\\\/hqdefault.jpg\",\"keywords\":[\"Daniel Bark\",\"freecodecamp\",\"javascript\",\"Minecraft\",\"React\",\"Three.js\",\"useEffect\",\"UseState\"],\"articleSection\":[\"Scripting and Coding\",\"Video Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\\\/\",\"url\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\\\/\",\"name\":\"[#Script #Coding] Code a Minecraft Clone with JavaScript, React, Three.js &ndash; Tutorial - WHUZZUP!\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i2.ytimg.com\\\/vi\\\/qpOZup_3P_A\\\/hqdefault.jpg\",\"datePublished\":\"2023-02-14T02:07:20+00:00\",\"dateModified\":\"2023-02-14T02:08:27+00:00\",\"description\":\"Learn how to code a playable Minecraft clone using React, JavaScript, and Three.js. You will learn about many React concepts such as useSt...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i2.ytimg.com\\\/vi\\\/qpOZup_3P_A\\\/hqdefault.jpg\",\"contentUrl\":\"https:\\\/\\\/i2.ytimg.com\\\/vi\\\/qpOZup_3P_A\\\/hqdefault.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[#Script #Coding] Code a Minecraft Clone with JavaScript, React, Three.js &ndash; Tutorial\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#website\",\"url\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/\",\"name\":\"WHUZZUP!\",\"description\":\"What&#039;s new at EricBrooks.Com plus news and gossip all over CyberTown\",\"publisher\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#organization\",\"name\":\"WHUZZUP!\",\"url\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ericbrooks.com\\\/images\\\/posts\\\/cropped-favicon_64-1.png\",\"contentUrl\":\"https:\\\/\\\/ericbrooks.com\\\/images\\\/posts\\\/cropped-favicon_64-1.png\",\"width\":512,\"height\":512,\"caption\":\"WHUZZUP!\"},\"image\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/EricBrooksDotComWeb\\\/\",\"https:\\\/\\\/x.com\\\/EricBrooksCom\",\"https:\\\/\\\/www.instagram.com\\\/ericbrooksdotcom\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/ericbrooksdotcom\",\"https:\\\/\\\/myspace.com\\\/ericbrooksdotcom\",\"https:\\\/\\\/www.pinterest.com\\\/ericbrookscom\\\/\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/ericbrooksdotcom\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#\\\/schema\\\/person\\\/3b162468e1f9814f6e9f61460db00a3a\",\"name\":\"Eric Brooks\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x\",\"caption\":\"Eric Brooks\"},\"description\":\"Web &amp; Graphic Designer, Blogger, Musician, Evil Clown. I also code websites and promote people for a living. Still kind of a jerk, though. Approach with food.\",\"sameAs\":[\"https:\\\/\\\/ericbrooks.com\",\"EricBrooksDotComWeb\",\"ericbrooksdotcom\",\"ericbrookscom\\\/\",\"https:\\\/\\\/x.com\\\/EricBrooksCom\"],\"url\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/author\\\/site-admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[#Script #Coding] Code a Minecraft Clone with JavaScript, React, Three.js &ndash; Tutorial - WHUZZUP!","description":"Learn how to code a playable Minecraft clone using React, JavaScript, and Three.js. You will learn about many React concepts such as useSt...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\/","og_locale":"en_US","og_type":"article","og_title":"[#Script #Coding] Code a Minecraft Clone with JavaScript, React, Three.js &ndash; Tutorial - WHUZZUP!","og_description":"Learn how to code a playable Minecraft clone using React, JavaScript, and Three.js. You will learn about many React concepts such as useSt...","og_url":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\/","og_site_name":"WHUZZUP!","article_publisher":"https:\/\/www.facebook.com\/EricBrooksDotComWeb\/","article_author":"EricBrooksDotComWeb","article_published_time":"2023-02-14T02:07:20+00:00","article_modified_time":"2023-02-14T02:08:27+00:00","og_image":[{"url":"https:\/\/i2.ytimg.com\/vi\/qpOZup_3P_A\/hqdefault.jpg","type":"","width":"","height":""}],"author":"Eric Brooks","twitter_card":"summary_large_image","twitter_creator":"@EricBrooksCom","twitter_site":"@EricBrooksCom","twitter_misc":{"Written by":"Eric Brooks","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\/#article","isPartOf":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\/"},"author":{"name":"Eric Brooks","@id":"https:\/\/ericbrooks.com\/whuzzup\/#\/schema\/person\/3b162468e1f9814f6e9f61460db00a3a"},"headline":"[#Script #Coding] Code a Minecraft Clone with JavaScript, React, Three.js &ndash; Tutorial","datePublished":"2023-02-14T02:07:20+00:00","dateModified":"2023-02-14T02:08:27+00:00","mainEntityOfPage":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\/"},"wordCount":148,"commentCount":0,"publisher":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/#organization"},"image":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\/#primaryimage"},"thumbnailUrl":"https:\/\/i2.ytimg.com\/vi\/qpOZup_3P_A\/hqdefault.jpg","keywords":["Daniel Bark","freecodecamp","javascript","Minecraft","React","Three.js","useEffect","UseState"],"articleSection":["Scripting and Coding","Video Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ericbrooks.com\/whuzzup\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\/","url":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\/","name":"[#Script #Coding] Code a Minecraft Clone with JavaScript, React, Three.js &ndash; Tutorial - WHUZZUP!","isPartOf":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\/#primaryimage"},"image":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\/#primaryimage"},"thumbnailUrl":"https:\/\/i2.ytimg.com\/vi\/qpOZup_3P_A\/hqdefault.jpg","datePublished":"2023-02-14T02:07:20+00:00","dateModified":"2023-02-14T02:08:27+00:00","description":"Learn how to code a playable Minecraft clone using React, JavaScript, and Three.js. You will learn about many React concepts such as useSt...","breadcrumb":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ericbrooks.com\/whuzzup\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\/#primaryimage","url":"https:\/\/i2.ytimg.com\/vi\/qpOZup_3P_A\/hqdefault.jpg","contentUrl":"https:\/\/i2.ytimg.com\/vi\/qpOZup_3P_A\/hqdefault.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-code-a-minecraft-clone-with-javascript-react-threejs-ndash-tutorial\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ericbrooks.com\/whuzzup\/"},{"@type":"ListItem","position":2,"name":"[#Script #Coding] Code a Minecraft Clone with JavaScript, React, Three.js &ndash; Tutorial"}]},{"@type":"WebSite","@id":"https:\/\/ericbrooks.com\/whuzzup\/#website","url":"https:\/\/ericbrooks.com\/whuzzup\/","name":"WHUZZUP!","description":"What&#039;s new at EricBrooks.Com plus news and gossip all over CyberTown","publisher":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ericbrooks.com\/whuzzup\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ericbrooks.com\/whuzzup\/#organization","name":"WHUZZUP!","url":"https:\/\/ericbrooks.com\/whuzzup\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ericbrooks.com\/whuzzup\/#\/schema\/logo\/image\/","url":"https:\/\/ericbrooks.com\/images\/posts\/cropped-favicon_64-1.png","contentUrl":"https:\/\/ericbrooks.com\/images\/posts\/cropped-favicon_64-1.png","width":512,"height":512,"caption":"WHUZZUP!"},"image":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/EricBrooksDotComWeb\/","https:\/\/x.com\/EricBrooksCom","https:\/\/www.instagram.com\/ericbrooksdotcom\/","https:\/\/www.linkedin.com\/in\/ericbrooksdotcom","https:\/\/myspace.com\/ericbrooksdotcom","https:\/\/www.pinterest.com\/ericbrookscom\/","https:\/\/www.youtube.com\/user\/ericbrooksdotcom"]},{"@type":"Person","@id":"https:\/\/ericbrooks.com\/whuzzup\/#\/schema\/person\/3b162468e1f9814f6e9f61460db00a3a","name":"Eric Brooks","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x","url":"https:\/\/secure.gravatar.com\/avatar\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x","caption":"Eric Brooks"},"description":"Web &amp; Graphic Designer, Blogger, Musician, Evil Clown. I also code websites and promote people for a living. Still kind of a jerk, though. Approach with food.","sameAs":["https:\/\/ericbrooks.com","EricBrooksDotComWeb","ericbrooksdotcom","ericbrookscom\/","https:\/\/x.com\/EricBrooksCom"],"url":"https:\/\/ericbrooks.com\/whuzzup\/author\/site-admin\/"}]}},"_links":{"self":[{"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/posts\/37246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/comments?post=37246"}],"version-history":[{"count":2,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/posts\/37246\/revisions"}],"predecessor-version":[{"id":37251,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/posts\/37246\/revisions\/37251"}],"wp:attachment":[{"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/media?parent=37246"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/categories?post=37246"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/tags?post=37246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}