{"id":1571,"date":"2022-10-10T19:51:00","date_gmt":"2022-10-10T19:51:00","guid":{"rendered":"https:\/\/mapflaps.com\/?p=1571"},"modified":"2024-10-17T14:48:16","modified_gmt":"2024-10-17T14:48:16","slug":"formula-1-web-app-and-augmented-reality","status":"publish","type":"post","link":"https:\/\/mapflaps.com\/?p=1571","title":{"rendered":"Formula 1 web app and Augmented Reality"},"content":{"rendered":"<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"611\" height=\"800\" src=\"https:\/\/mapflaps.com\/wp-content\/uploads\/2024\/03\/f1-611x800.jpg\" alt=\"\" class=\"wp-image-1572\" style=\"width:357px;height:auto\" srcset=\"https:\/\/mapflaps.com\/wp-content\/uploads\/2024\/03\/f1-611x800.jpg 611w, https:\/\/mapflaps.com\/wp-content\/uploads\/2024\/03\/f1-229x300.jpg 229w, https:\/\/mapflaps.com\/wp-content\/uploads\/2024\/03\/f1-500x654.jpg 500w, https:\/\/mapflaps.com\/wp-content\/uploads\/2024\/03\/f1.jpg 713w\" sizes=\"(max-width: 611px) 100vw, 611px\" \/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\">F1 Livery Designer<\/h3>\n\n\n\n<p>An advanced webgl F1 car livery design web app.<br>Users can design their own livery for the 2023 F1 Season, and then using Augmented Reality, they could see their design over a real F1 car in the Red Bull paddock or in their own home!<br><\/p>\n\n\n\n<p>There&#8217;s a demo here -> <a href=\"http:\/\/www.mapflaps.com\/demo\/3Dpaint\/index.html\" data-type=\"link\" data-id=\"www.mapflaps.com\/demo\/3Dpaint\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\">link<\/a><\/p>\n\n\n\n<div style=\"border: 2px solid #90909000; margin-bottom: 20px; padding: 10px 20% 10px 20%;;text-align: center;\">\n\n\n<div class=\"wp-block-visual-portfolio alignwide\">\n<div class=\"vp-portfolio vp-uid-548a40e5 vp-id-1XWyu9\"\n\tdata-vp-layout=\"slider\" data-vp-content-source=\"images\" data-vp-items-style=\"fade\" data-vp-items-click-action=\"popup_gallery\" data-vp-items-gap=\"0\" data-vp-items-gap-vertical=\"\" data-vp-pagination=\"load-more\" data-vp-next-page-url=\"\" data-vp-slider-effect=\"slide\" data-vp-slider-items-height=\"150%\" data-vp-slider-items-min-height=\"150\" data-vp-slider-slides-per-view=\"1\" data-vp-slider-speed=\"0\" data-vp-slider-autoplay=\"0\" data-vp-slider-autoplay-hover-pause=\"false\" data-vp-slider-centered-slides=\"false\" data-vp-slider-loop=\"false\" data-vp-slider-free-mode=\"false\" data-vp-slider-free-mode-sticky=\"false\" data-vp-slider-arrows=\"false\" data-vp-slider-bullets=\"false\" data-vp-slider-bullets-dynamic=\"false\" data-vp-slider-mousewheel=\"false\" data-vp-slider-thumbnails=\"false\" >\n\t<div class=\"vp-portfolio__preloader-wrap\">\n\t\t<div class=\"vp-portfolio__preloader\">\n\t\t\t<img decoding=\"async\" loading=\"eager\" src=\"https:\/\/mapflaps.com\/wp-content\/plugins\/visual-portfolio\/assets\/images\/logo-dark.svg\" alt=\"Visual Portfolio, Posts &amp; Image Gallery for WordPress\" width=\"20\" height=\"20\" data-skip-lazy>\n\t\t<\/div>\n\t<\/div>\n\t\t<div class=\"vp-portfolio__items-wrap\">\n\t\t\t\n<div class=\"vp-portfolio__items vp-portfolio__items-style-fade vp-portfolio__items-show-overlay-always\">\n\n\t\t<div\t\tclass=\"vp-portfolio__item-wrap vp-portfolio__item-uid-960b59cb\" data-vp-filter=\"\" \t\t>\n\t\t\t<template class=\"vp-portfolio__item-popup\" data-vp-popup-img=\"https:\/\/mapflaps.com\/wp-content\/uploads\/2024\/08\/IMG_1679.jpg\" data-vp-popup-img-srcset=\"https:\/\/mapflaps.com\/wp-content\/uploads\/2024\/08\/IMG_1679.jpg 277w, https:\/\/mapflaps.com\/wp-content\/uploads\/2024\/08\/IMG_1679-139x300.jpg 139w\" data-vp-popup-img-size=\"277x600\" data-vp-popup-md-img=\"https:\/\/mapflaps.com\/wp-content\/uploads\/2024\/08\/IMG_1679.jpg\" data-vp-popup-md-img-size=\"277x600\" data-vp-popup-sm-img=\"https:\/\/mapflaps.com\/wp-content\/uploads\/2024\/08\/IMG_1679.jpg\" data-vp-popup-sm-img-size=\"277x600\">\n\t\t\t<h3 class=\"vp-portfolio__item-popup-title\">IMG_1679<\/h3>\n\t\t<\/template>\n\t\t\t\t\t\t<figure class=\"vp-portfolio__item\">\n\t\t\t\t\n<div class=\"vp-portfolio__item-img-wrap\">\n\t<div class=\"vp-portfolio__item-img\">\n\t\t\t<a\n\t\thref=\"https:\/\/mapflaps.com\/wp-content\/uploads\/2024\/08\/IMG_1679.jpg\"\n\t\t\t>\n\t\n\t\t<noscript><img loading=\"lazy\" decoding=\"async\" width=\"277\" height=\"600\" data-skip-lazy src=\"https:\/\/mapflaps.com\/wp-content\/uploads\/2024\/08\/IMG_1679.jpg\" class=\"wp-image-2586\" alt=\"\" srcset=\"https:\/\/mapflaps.com\/wp-content\/uploads\/2024\/08\/IMG_1679.jpg 277w, https:\/\/mapflaps.com\/wp-content\/uploads\/2024\/08\/IMG_1679-139x300.jpg 139w\" sizes=\"(max-width: 277px) 100vw, 277px\" \/><\/noscript><img fetchpriority=\"high\" decoding=\"async\" width=\"277\" height=\"600\" src=\"https:\/\/mapflaps.com\/wp-content\/uploads\/2024\/08\/IMG_1679.jpg\" class=\"wp-image-2586 vp-lazyload\" alt srcset=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMjc3IiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDI3NyA2MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+\" data-src=\"https:\/\/mapflaps.com\/wp-content\/uploads\/2024\/08\/IMG_1679.jpg\" data-srcset=\"https:\/\/mapflaps.com\/wp-content\/uploads\/2024\/08\/IMG_1679.jpg 277w, https:\/\/mapflaps.com\/wp-content\/uploads\/2024\/08\/IMG_1679-139x300.jpg 139w\" data-sizes=\"auto\" loading=\"eager\">\n\t\t<\/a>\t<\/div>\n<\/div>\n\t<div class=\"vp-portfolio__item-overlay\">\n\t\t\t<a\n\t\thref=\"https:\/\/mapflaps.com\/wp-content\/uploads\/2024\/08\/IMG_1679.jpg\"\n\t\ttabindex=\"-1\" class=\"vp-portfolio__item-meta\" \t>\n\t\t\t<\/a>\t<\/div>\n\t\t\t\t<\/figure>\n\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t\n<\/div>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/mapflaps.com\/wp-content\/uploads\/2024\/09\/f1.mov\"><\/video><\/figure>\n\n\n\n<\/div>\n\n\n\n<p><br>I created the web-app using javascript\/webgl\/shaders\/AWS and integrated the Augmented Reality using 8th Wall.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"F1 PaintShop\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/u3vfpIuoFpg?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>\n<\/div><figcaption class=\"wp-element-caption\">A walk through using a pc browser<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>F1 Livery Design<br \/>\nAn advanced webgl F1 car livery design web app.<br \/>\nUsers can design their own livery for the 2023 F1 Season, and then see their design over a real F1 car in the Red Bull paddock.<br \/>\nUsing javascript\/webgl\/shaders\/AWS<\/p>\n","protected":false},"author":1,"featured_media":1572,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"categories":[71,80,88,75,52,60],"tags":[72,32,61],"_links":{"self":[{"href":"https:\/\/mapflaps.com\/index.php?rest_route=\/wp\/v2\/posts\/1571"}],"collection":[{"href":"https:\/\/mapflaps.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mapflaps.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mapflaps.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mapflaps.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1571"}],"version-history":[{"count":19,"href":"https:\/\/mapflaps.com\/index.php?rest_route=\/wp\/v2\/posts\/1571\/revisions"}],"predecessor-version":[{"id":2913,"href":"https:\/\/mapflaps.com\/index.php?rest_route=\/wp\/v2\/posts\/1571\/revisions\/2913"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mapflaps.com\/index.php?rest_route=\/wp\/v2\/media\/1572"}],"wp:attachment":[{"href":"https:\/\/mapflaps.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1571"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mapflaps.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1571"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mapflaps.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1571"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}