{"id":9401,"date":"2026-07-19T18:47:25","date_gmt":"2026-07-19T16:47:25","guid":{"rendered":"https:\/\/www.carrera-fun.com\/?p=9401"},"modified":"2026-07-19T18:47:25","modified_gmt":"2026-07-19T16:47:25","slug":"carrera-fun-world-a-new-experience","status":"publish","type":"post","link":"https:\/\/www.carrera-fun.com\/?p=9401&lang=en","title":{"rendered":"Carrera Fun World: a new experience"},"content":{"rendered":"<div class=\"wp-block-image\">\n<figure class=\"alignright size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"672\" height=\"698\" src=\"https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/logo_carrera_fun_world_3.png\" alt=\"\" class=\"wp-image-9291\" style=\"width:261px;height:auto\" srcset=\"https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/logo_carrera_fun_world_3.png 672w, https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/logo_carrera_fun_world_3-289x300.png 289w, https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/logo_carrera_fun_world_3-600x623.png 600w\" sizes=\"auto, (max-width: 672px) 100vw, 672px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">I was looking for a slightly original interface idea for my Carrera website. Something with a racing theme that would allow users to easily discover or rediscover articles and tracks.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">And I had the idea to create a 3D world that users can explore with a small car, displaying many of the site&rsquo;s elements as totems.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After several versions to test, improvements, and optimizations, I&rsquo;m sharing this version with you, which will surely be further improved in the future.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For those in a hurry, here&rsquo;s the link: <a href=\"https:\/\/www.carrera-fun.com\/world\/\">https:\/\/www.carrera-fun.com\/world\/<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Otherwise, here is some information before we begin.<\/p>\n\n\n\n<div style=\"height:4px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"417\" src=\"https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/cfw_01.png\" alt=\"\" class=\"wp-image-9287\" srcset=\"https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/cfw_01.png 900w, https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/cfw_01-300x139.png 300w, https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/cfw_01-768x356.png 768w, https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/cfw_01-600x278.png 600w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"726\" src=\"https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/cfw_02.png\" alt=\"\" class=\"wp-image-9289\" style=\"width:357px;height:auto\" srcset=\"https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/cfw_02.png 800w, https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/cfw_02-300x272.png 300w, https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/cfw_02-768x697.png 768w, https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/cfw_02-600x545.png 600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">The first thing to do was develop a tool to export information from articles on the website www.carrera-fun.com. To organize all of this in a 3D environment, I developed a world editor where I can place all the different elements.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The world is organized into different tracks, which are visible on the ground with totems all around the track. The tracks and totems are organized by theme.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Since the tracks are on the ground, you can have fun racing around them.<\/p>\n\n\n\n<div style=\"height:13px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">The keys<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>Action<\/strong><\/td><td><strong>Keys (AZERTY keyboard)<\/strong><\/td><td><strong>Keys (QWERTY keyboard)<\/strong><\/td><\/tr><\/thead><tbody><tr><td><strong>Move forward \/ Move backward<\/strong><\/td><td>Z \/ S or arrows \u2191 \/ \u2193<\/td><td>W \/ S or arrows \u2191 \/ \u2193<\/td><\/tr><tr><td><strong>Turn left \/ right<\/strong><\/td><td>Q \/ D or arrows \u2190 \/ \u2192<\/td><td>A \/ D or arrows \u2190 \/ \u2192<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In front of a totem: Press F to access an article<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As I mentioned, several themes are present in the world of \u00ab\u00a0Carrera Fun World,\u00a0\u00bb so you will find the following themes there:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>articles on Carrera GO<\/li>\n\n\n\n<li>articles on Carrera FIRST<\/li>\n\n\n\n<li>articles on Carrera D132<\/li>\n\n\n\n<li>articles on Carrera HYBRID<\/li>\n\n\n\n<li>real circuit plans in GO<\/li>\n\n\n\n<li>real circuit plans in HYBRID<\/li>\n\n\n\n<li>GO box set plans<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"353\" src=\"https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/cfw_03.png\" alt=\"\" class=\"wp-image-9290\" srcset=\"https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/cfw_03.png 900w, https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/cfw_03-300x118.png 300w, https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/cfw_03-768x301.png 768w, https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/cfw_03-600x235.png 600w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To easily find each theme in this relatively large world, indicators at the top of the screen show the direction of the themes. These indicators show the starting point of the theme&rsquo;s circuit. To find the direction of the desired theme, simply rotate 360\u00b0 to see its direction.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To prevent you from getting lost in the vast expanse of the exhibit, virtual markers float at the top of your screen. Similar to an aircraft head-up display (HUD), these indicators calculate in real time the exact distance (in meters) between you and a major area of \u200b\u200bthe exhibit and point precisely in its direction.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Bonus<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">As a bonus, there are collectibles to find on the various tracks. You can have fun exploring all the tracks to collect them all; the number of collectibles is shown in the top right corner of the screen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A score counter is displayed in the top right corner of your screen (e.g., 0\/15). Geometric cones are hidden in the four corners of the scenery. Drive your vehicle over them to collect them and increase your score! Will you be able to find them all?<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"321\" src=\"https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/world_02.png\" alt=\"\" class=\"wp-image-9397\" srcset=\"https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/world_02.png 800w, https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/world_02-300x120.png 300w, https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/world_02-768x308.png 768w, https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/world_02-600x241.png 600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">You are not alone<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Imagine this virtual world as a large public square. If you log in at the same time as another visitor, you&rsquo;re not alone: \u200b\u200bthe program brings you together. You drive your red car, and you&rsquo;ll see other users driving alongside you in the form of blue cars. It&rsquo;s the virtual equivalent of a shared stroll in a park!<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"340\" src=\"https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/world_01.png\" alt=\"\" class=\"wp-image-9396\" srcset=\"https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/world_01.png 800w, https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/world_01-300x128.png 300w, https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/world_01-768x326.png 768w, https:\/\/www.carrera-fun.com\/wp-content\/uploads\/2026\/07\/world_01-600x255.png 600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Languages<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Language Selector: Located in the top left corner, a drop-down menu lets you instantly switch the experience between French \ud83c\uddeb\ud83c\uddf7, English \ud83c\uddec\ud83c\udde7, or German \ud83c\udde9\ud83c\uddea. The entire world (menus, totems, categories) automatically regenerates on the fly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A true miniature world with nothing but CARRERA.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Want to try it out? Don&rsquo;t wait, click below:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.carrera-fun.com\/world\">https:\/\/www.carrera-fun.com\/world<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I was looking for a slightly original interface idea for my Carrera website. Something with a racing theme that would allow users to easily discover or rediscover articles and tracks.&hellip; <\/p>\n","protected":false},"author":1,"featured_media":9292,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_sitemap_exclude":false,"_sitemap_priority":"","_sitemap_frequency":"","footnotes":""},"categories":[194,209,196,198,231,192,217,219,221],"tags":[],"class_list":["post-9401","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles-en","category-tag_d124-en","category-tag_d132-en","category-tag_evolution-en","category-tag_first-en","category-tag_go-en","category-tag_gobattery-en","category-tag_goplus-en","category-tag_hybrid-en"],"_links":{"self":[{"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/posts\/9401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9401"}],"version-history":[{"count":2,"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/posts\/9401\/revisions"}],"predecessor-version":[{"id":9403,"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/posts\/9401\/revisions\/9403"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/media\/9292"}],"wp:attachment":[{"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9401"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=9401"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=9401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}