Explore | PlayCanvas

<!doctype html> <html lang="en"> <head> <title>Explore | PlayCanvas</title> <meta name="description" content="Explore some amazing WebGL content built with PlayCanvas, the open source, realtime collaborative game engine."> <link rel="icon" type="image/png" href="//playcanvas.com/static-assets/images/icons/favicon.png">  <link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/css/animations.css"> <link rel="stylesheet" type="text/css" href="/css/contrib/slick.css"/>  <script src="/js/contrib/jquery-3.5.1.min.js"></script> <script src="/js/contrib/velocity.js"></script> <script src="/js/contrib/velocity-ui.js"></script> <script src="/js/contrib/slick-carousel-1.8.1.js"></script> <script src="/js/bundle.js"></script>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta property="og:title" content="PlayCanvas - The Web Graphics Creation Platform"> <meta property="og:description" content="Collaboratively build stunning HTML5 visualizations and games"> <meta property="og:image" content="https://playcanvas.com/assets/images/PlayCanvas-OG-Image.png"> <meta property="og:url" content="https://playcanvas.com"> <meta name="twitter:card" content="summary_large_image"> <meta property="og:site_name" content="PlayCanvas.com"> <meta name="twitter:image:alt" content="PlayCanvas.com"> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('set', 'developer_id.dNzMyY2', true); // OneTrust developer id gtag('consent', 'default', { 'analytics_storage': 'denied', 'ad_storage': 'denied', 'wait_for_update': 1000 }); // Google Analytics gtag('js', new Date()); gtag('config', "G-NDG04ENSGD", { 'send_page_view': false, 'anonymize_ip': true }); // for non-angular pages send page views now if (!document.querySelector("meta[name=fragment]")) { gtag('event', 'page_view'); } // onetrust callbacks if (!window._optanonCallbacks) { window._optanonCallbacks = []; } _optanonCallbacks.push(function () { // if consent given for cookies then // update gtag consent var analytics = (OnetrustActiveGroups.indexOf('C0002') != -1); var ads = (OnetrustActiveGroups.indexOf('C0004') != -1); if (analytics || ads) { gtag('consent', 'update', { 'analytics_storage': analytics ? 'granted' : 'denied', 'ad_storage': ads ? 'granted' : 'denied' }); } }); </script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-NDG04ENSGD"></script> </head> <body id="explore"> <div id="header"> <div class="links-wrapper"> <a href="/"> <div class="logo"> <img src="/assets/images/logo/PlayCanvas-Logo-White.svg" alt="PlayCanvas Logo"> </div> </a> <div class="nav-links"> <div class="nav-link products"> <span class="drop-link"> Products </span> <div class="dropdown products"> <a href="/products/editor"> <div class="nav-link secondary Editor"> Editor </div> </a> <a href="/products/engine"> <div class="nav-link secondary Engine"> Engine </div> </a> <a href="/products/supersplat"> <div class="nav-link secondary SuperSplat"> SuperSplat </div> </a> <a href="/products/viewer"> <div class="nav-link secondary Model Viewer"> Model Viewer </div> </a> </div> </div> <div class="nav-link industries"> <span class="drop-link"> Industries </span> <div class="dropdown industries"> <a href="/industries/games"> <div class="nav-link secondary Games"> Games </div> </a> <a href="/industries/ar"> <div class="nav-link secondary AR"> AR </div> </a> <a href="/industries/vr"> <div class="nav-link secondary VR"> VR </div> </a> <a href="/industries/configurators"> <div class="nav-link secondary Configurators"> Configurators </div> </a> <a href="/industries/creative"> <div class="nav-link secondary Playable Ads"> Playable Ads </div> </a> <a href="/industries/gambling"> <div class="nav-link secondary Gambling"> Gambling </div> </a> </div> </div> <div class="nav-link explore"> <a href="/explore"> Explore </a> <div class="dropdown explore"> </div> </div> <div class="nav-link learn"> <a href="https://developer.playcanvas.com"> Learn </a> <div class="dropdown learn"> </div> </div> <div class="nav-link pricing"> <a href="/pricing"> Pricing </a> <div class="dropdown pricing"> </div> </div> <div class="nav-link login"> <a href="https://login.playcanvas.com/"> <span class="button light"> Log in </span> </a> </div> <div class="nav-link signup"> <a href="https://login.playcanvas.com/signup"> <span class="button call-to-action"> Sign up </span> </a> </div> </div> <div class="hamburger" onClick="showHamburgerMenu()"> <svg width="27" height="23" viewBox="0 0 27 23" version="1.1" xmlns="http://www.w3.org/2000/svg"> <defs> <rect id="path-1" x="0" y="0" width="27" height="3"></rect> <filter x="-370.4%" y="-2666.7%" width="840.7%" height="6766.7%" filterUnits="objectBoundingBox" id="filter-2"> <feOffset dx="0" dy="20" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="30" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0.0941176471 0 0 0 0 0.121568627 0 0 0 0 0.129411765 0 0 0 0.8 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix> </filter> <rect id="path-3" x="0" y="10" width="27" height="3"></rect> <filter x="-370.4%" y="-2666.7%" width="840.7%" height="6766.7%" filterUnits="objectBoundingBox" id="filter-4"> <feOffset dx="0" dy="20" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="30" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0.0941176471 0 0 0 0 0.121568627 0 0 0 0 0.129411765 0 0 0 0.8 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix> </filter> <rect id="path-5" x="0" y="20" width="27" height="3"></rect> <filter x="-370.4%" y="-2666.7%" width="840.7%" height="6766.7%" filterUnits="objectBoundingBox" id="filter-6"> <feOffset dx="0" dy="20" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="30" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0.0941176471 0 0 0 0 0.121568627 0 0 0 0 0.129411765 0 0 0 0.8 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix> </filter> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g> <g> <g id="Rectangle-9"> <use fill="black" fill-opacity="1" filter="url(#filter-2)" href="#path-1"></use> <use fill="#FFFFFF" fill-rule="evenodd" href="#path-1"></use> </g> <g id="Rectangle-9-Copy"> <use fill="black" fill-opacity="1" filter="url(#filter-4)" href="#path-3"></use> <use fill="#FFFFFF" fill-rule="evenodd" href="#path-3"></use> </g> <g id="Rectangle-9-Copy-2"> <use fill="black" fill-opacity="1" filter="url(#filter-6)" href="#path-5"></use> <use fill="#FFFFFF" fill-rule="evenodd" href="#path-5"></use> </g> </g> </g> </g> </svg> </div> </div> <div id="hamburger-menu"> <div class="links-wrapper"> <a href="/"> <div class="logo"> <img src="/assets/images/logo/PlayCanvas-Logo-White.svg" alt="PlayCanvas Logo"> </div> </a> <div class="close" onclick="hideHamburgerMenu()"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path fill="#E05F2C" d="M54.8013319,9.19866815 C57.7373436,12.371455 60.0044315,15.9111902 61.6026637,19.81798 C63.2008959,23.7247698 64,27.7854025 64,32 C64,36.2145975 63.2008959,40.2752302 61.6026637,44.18202 C60.0044315,48.0888098 57.7373436,51.628545 54.8013319,54.8013319 C51.6759,57.8083761 48.1657612,60.0932219 44.2708102,61.6559378 C40.3758592,63.2186538 36.28563,64 32,64 C27.71437,64 23.6241408,63.2186538 19.7291898,61.6559378 C15.8342388,60.0932219 12.3241,57.8083761 9.19866815,54.8013319 C6.19162388,51.6759 3.90677807,48.1657612 2.34406215,44.2708102 C0.781346238,40.3758592 0,36.28563 0,32 C0,27.71437 0.781346238,23.6241408 2.34406215,19.7291898 C3.90677807,15.8342388 6.19162388,12.3241 9.19866815,9.19866815 C12.371455,6.26265643 15.9111902,3.99556848 19.81798,2.39733629 C23.7247698,0.799104107 27.7854025,0 32,0 C36.2145975,0 40.2752302,0.799104107 44.18202,2.39733629 C48.0888098,3.99556848 51.628545,6.26265643 54.8013319,9.19866815 Z M32,59.1698113 C36.9249229,59.1698113 41.4709374,57.9563569 45.6381798,55.5294118 C49.8054222,53.1024666 53.1024666,49.8054222 55.5294118,45.6381798 C57.9563569,41.4709374 59.1698113,36.9249229 59.1698113,32 C59.1698113,27.0750771 57.9563569,22.5290626 55.5294118,18.3618202 C53.1024666,14.1945778 49.8054222,10.8975334 45.6381798,8.47058824 C41.4709374,6.04364306 36.9249229,4.83018868 32,4.83018868 C27.0750771,4.83018868 22.5290626,6.04364306 18.3618202,8.47058824 C14.1945778,10.8975334 10.8975334,14.1945778 8.47058824,18.3618202 C6.04364306,22.5290626 4.83018868,27.0750771 4.83018868,32 C4.83018868,36.9249229 6.04364306,41.4709374 8.47058824,45.6381798 C10.8975334,49.8054222 14.1945778,53.1024666 18.3618202,55.5294118 C22.5290626,57.9563569 27.0750771,59.1698113 32,59.1698113 Z M43.4006659,38.7835738 L38.7835738,43.8978912 L32,37.0788013 L25.2164262,43.8978912 L20.1021088,38.7835738 L26.9211987,32 L20.1021088,25.2164262 L25.2164262,20.5993341 L32,27.1698113 L38.7835738,20.5993341 L43.4006659,25.2164262 L36.8657048,32 L43.4006659,38.7835738 Z"></path> </svg> </div> <div class="nav-links"> <div class="nav-link primary Products" > <span class="drop-link"> Products </span> </div> <div class="nav-link secondary Editor" > <a href="/products/editor"> Editor </a> </div> <div class="nav-link secondary Engine" > <a href="/products/engine"> Engine </a> </div> <div class="nav-link secondary SuperSplat" > <a href="/products/supersplat"> SuperSplat </a> </div> <div class="nav-link secondary Model Viewer" > <a href="/products/viewer"> Model Viewer </a> </div> <div class="nav-link primary Industries" > <span class="drop-link"> Industries </span> </div> <div class="nav-link secondary Games" > <a href="/industries/games"> Games </a> </div> <div class="nav-link secondary AR" > <a href="/industries/ar"> AR </a> </div> <div class="nav-link secondary VR" > <a href="/industries/vr"> VR </a> </div> <div class="nav-link secondary Configurators" > <a href="/industries/configurators"> Configurators </a> </div> <div class="nav-link secondary Playable Ads" > <a href="/industries/creative"> Playable Ads </a> </div> <div class="nav-link secondary Gambling" > <a href="/industries/gambling"> Gambling </a> </div> <div class="nav-link primary Explore" > <a href="/explore"> Explore </a> </div> <div class="nav-link primary Learn" > <a href="https://developer.playcanvas.com"> Learn </a> </div> <div class="nav-link primary Pricing" > <a href="/pricing"> Pricing </a> </div> <div class='login-buttons'> <a href="https://login.playcanvas.com/"> <div class="button light"> Log in </div> </a> <a href="https://login.playcanvas.com/signup"> <div class="button call-to-action"> Sign up </div> </a> </div> </div> </div> </div> </div> <div class="main"> <div class="section top no-padding-sides no-padding-vertical" id="explore-featured"> <div class="projects-gallery"> <div class="grey-wipe animatable"></div> <div class="projects-wrapper animatable"> <div class="featured-projects"> <div class="featured-project" id="1-featured-project-full"> <div class="bg-gradient"></div> <div class="media-cover"> <video data-type="gallery" loop muted> <source src="https://playcanvas.com/static-assets/videos/explore-projects/project--fieldsoffury.mp4" type="video/mp4"> <source src="https://playcanvas.com/static-assets/videos/explore-projects/project--fieldsoffury.webm" type="video/webm"> </video> <picture> <source media="(max-width: 750px)" srcset="/assets/images/projects/banners/project--fieldsoffury-mobile.jpg"> <source media="(min-width: 750px)" srcset="/assets/images/projects/banners/project--fieldsoffury-desktop.jpg"> <img src="/assets/images/projects/banners/project--fieldsoffury-desktop.jpg" alt="Fields of Fury"> </picture> </div> <div class="project-info"> <div class="game-info"> <h1 class="title"> Fields of Fury </h1> <div class="description hide-on-mobile"> Fields of Fury is a free online FPS game featuring capture the flag on a WW2-themed battleground. Features incredible VFX, fantastic character animation and plenty of fast paced action. </div> <div class="description hide-on-desktop"> A free to play, multi-player FPS game. </div> <a href="https://www.fieldsoffury.io/" target="_blank" rel="noopener"> <span class="button call-to-action"> Play </span> </a> </div> </div> </div> <div class="featured-project" id="5-featured-project-full"> <div class="bg-gradient"></div> <div class="media-cover"> <picture> <source media="(max-width: 750px)" srcset="/assets/images/projects/banners/venge-mobile.jpg"> <source media="(min-width: 750px)" srcset="/assets/images/projects/banners/venge-desktop.jpg"> <img src="/assets/images/projects/banners/venge-desktop.jpg" alt="Venge.io"> </picture> </div> <div class="project-info"> <div class="game-info"> <h1 class="title"> Venge.io </h1> <div class="description hide-on-mobile"> Become champion of the arena in this objective-based multiplayer third-person shooter. </div> <div class="description hide-on-desktop"> Objective-based multiplayer third-person shooter. </div> <a href="https://venge.io/" target="_blank" rel="noopener"> <span class="button call-to-action"> Play </span> </a> </div> </div> </div> <div class="featured-project" id="6-featured-project-full"> <div class="bg-gradient"></div> <div class="media-cover"> <video data-type="gallery" loop muted> <source src="https://playcanvas.com/static-assets/videos/explore-projects/project--holovideo.mp4" type="video/mp4"> <source src="https://playcanvas.com/static-assets/videos/explore-projects/project--holovideo.webm" type="video/webm"> </video> <picture> <source media="(max-width: 750px)" srcset="/assets/images/projects/banners/project--holovideo-mobile.jpg"> <source media="(min-width: 750px)" srcset="/assets/images/projects/banners/project--holovideo-desktop.jpg"> <img src="/assets/images/projects/banners/project--holovideo-desktop.jpg" alt="Microsoft Volumetric Video in XR"> </picture> </div> <div class="project-info"> <div class="game-info"> <h1 class="title"> Microsoft Volumetric Video in XR </h1> <div class="description hide-on-mobile"> PlayCanvas supports Microsoft volumetric video with a playback library for captured footage at their studios. Watch it on desktop, mobile with AR or even in a WebXR-enabled VR headset, all from a single URL! </div> <div class="description hide-on-desktop"> PlayCanvas supports Microsoft volumetric video. Watch it on desktop, mobile or in XR! </div> <a href="https://playcanv.as/p/d3xb8X2Q/" target="_blank" rel="noopener"> <span class="button call-to-action"> Play </span> </a> </div> </div> </div> <div class="featured-project" id="3-featured-project-full"> <div class="bg-gradient"></div> <div class="media-cover"> <video data-type="gallery" loop muted> <source src="https://playcanvas.com/static-assets/videos/explore-projects/polaris-feature-CBR4.mp4" type="video/mp4"> <source src="https://playcanvas.com/static-assets/videos/explore-projects/polaris-feature-CBR4.webm" type="video/webm"> </video> <picture> <source media="(max-width: 750px)" srcset="/assets/images/projects/banners/project--polaris-mobile.jpg"> <source media="(min-width: 750px)" srcset="/assets/images/projects/banners/project--polaris-desktop.jpg"> <img src="/assets/images/projects/banners/project--polaris-desktop.jpg" alt="Polaris Vehicle Configurator"> </picture> </div> <div class="project-info"> <div class="game-info"> <h1 class="title"> Polaris Vehicle Configurator </h1> <div class="description hide-on-mobile"> The Polaris vehicle configurator is the world's first to use realtime 3D graphics. It makes full use of the PlayCanvas physically based rendering engine to achieve stunningly realistic visuals which is critical for the automotive sector. </div> <div class="description hide-on-desktop"> The world's first vehicle configurator to use realtime 3D graphics </div> <a href="https://rzr.polaris.com/" target="_blank" rel="noopener"> <span class="button call-to-action"> Play </span> </a> </div> </div> </div> </div> <div class="projects-list"> <div class="tile inactive" id="1-featured-project-thumb"> <a class="gallery-thumb-link" href="#!" data-project-id="1"> <div class="front"> <div class="media-cover"> <img src="/assets/images/projects/thumbs/project--fieldsoffury-thumb.jpg" alt="Fields of Fury"> </div> <div class="gradient-overlay"></div> <div class="text">Fields of Fury</div> <div class="progress-bar"> <div class="progress"></div> </div> </div> </a> </div> <div class="tile inactive" id="5-featured-project-thumb"> <a class="gallery-thumb-link" href="#!" data-project-id="5"> <div class="front"> <div class="media-cover"> <img src="/assets/images/projects/thumbs/venge.jpg" alt="Venge.io"> </div> <div class="gradient-overlay"></div> <div class="text">Venge.io</div> <div class="progress-bar"> <div class="progress"></div> </div> </div> </a> </div> <div class="tile inactive" id="6-featured-project-thumb"> <a class="gallery-thumb-link" href="#!" data-project-id="6"> <div class="front"> <div class="media-cover"> <img src="/assets/images/projects/thumbs/project--holovideo-thumb.jpg" alt="Microsoft Volumetric Video in XR"> </div> <div class="gradient-overlay"></div> <div class="text">Microsoft Volumetric Video in XR</div> <div class="progress-bar"> <div class="progress"></div> </div> </div> </a> </div> <div class="tile inactive" id="3-featured-project-thumb"> <a class="gallery-thumb-link" href="#!" data-project-id="3"> <div class="front"> <div class="media-cover"> <img src="/assets/images/projects/thumbs/project--polaris-thumb.jpg" alt="Polaris Vehicle Configurator"> </div> <div class="gradient-overlay"></div> <div class="text">Polaris Vehicle Configurator</div> <div class="progress-bar"> <div class="progress"></div> </div> </div> </a> </div> </div> </div> </div> </div> <div class="subnav"> <ul> <li> <a href="#explore-games">Games</a> </li> <li> <a href="#explore-configurators">Configurators</a> </li> <li> <a href="#explore-tech">Tech demos</a> </li> <li> <a href="#explore-automotive">Automotive</a> </li> </ul> </div> <div class="section dark games no-padding-sides" id="explore-games"> <h1 class="title"> Games </h1> <h4 class="sub-text"> Some of the web鈥檚 most popular games are built with PlayCanvas </h4> <div class="projects-gallery"> <div class="projects-wrapper"> <div class="featured-projects secondary"> <div class="featured-project" id="-featured-project-full"> <div class="bg-gradient"></div> <div class="media-cover"> <video data-type="gallery" loop muted> <source src="https://playcanvas.com/static-assets/videos/explore-projects/PlayCanvas-Arthur-Robostorm-CBR4.mp4" type="video/mp4"> <source src="https://playcanvas.com/static-assets/videos/explore-projects/PlayCanvas-Arthur-Robostorm-CBR4.webm" type="video/webm"> </video> <picture> <source media="(max-width: 750px)" srcset="/assets/images/projects/banners/project--robostorm-mobile.jpg"> <source media="(min-width: 750px)" srcset="/assets/images/projects/banners/project--robostorm-desktop.jpg"> <img src="/assets/images/projects/banners/project--robostorm-desktop.jpg" alt="Robostorm"> </picture> </div> <div class="project-info"> <div class="game-info"> <h1 class="title"> Robostorm </h1> <div class="description hide-on-mobile"> Robostorm is an online multiplayer robot battle game featuring an impressive array of weaponry to take out your opponents. Amazing particle effects, superb sound and frenetic action add up to a breathtaking game. </div> <div class="description hide-on-desktop"> Shells and bullets fly in this robotic battle royale! </div> <a href="http://robostorm.io" target="_blank" rel="noopener"> <span class="button call-to-action"> Play </span> </a> </div> </div> </div> </div> </div> <div class="game-tiles"> <div class="tile not-featured"> <div class="front"> <div class="media-cover"> <img src="/assets/images/projects/banners/project--miniroyale-mobile-2.jpg" alt="Mini Royale: Nations" /> </div> <div class="gradient-overlay"></div> <div class="info-trigger"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <g> <path d="M27.4006659,4.59933407 C28.8686718,6.1857275 30.0022158,7.95559512 30.8013319,9.90899001 C31.6004479,11.8623849 32,13.8927013 32,16 C32,18.1072987 31.6004479,20.1376151 30.8013319,22.09101 C30.0022158,24.0444049 28.8686718,25.8142725 27.4006659,27.4006659 C25.8142725,28.8686718 24.0444049,30.0022158 22.09101,30.8013319 C20.1376151,31.6004479 18.1072987,32 16,32 C13.8927013,32 11.8623849,31.6004479 9.90899001,30.8013319 C7.95559512,30.0022158 6.1857275,28.8686718 4.59933407,27.4006659 C3.09581194,25.83795 1.95338903,24.0828806 1.17203108,22.1354051 C0.390673119,20.1879296 0,18.142815 0,16 C0,13.857185 0.390673119,11.8120704 1.17203108,9.86459489 C1.95338903,7.91711938 3.09581194,6.16204999 4.59933407,4.59933407 C6.1857275,3.13132821 7.95559512,1.99778424 9.90899001,1.19866815 C11.8623849,0.399552053 13.8927013,0 16,0 C18.1072987,0 20.1376151,0.399552053 22.09101,1.19866815 C24.0444049,1.99778424 25.8142725,3.13132821 27.4006659,4.59933407 Z M16,29.5849057 C18.4624614,29.5849057 20.7354687,28.9781785 22.8190899,27.7647059 C24.9027111,26.5512333 26.5512333,24.9027111 27.7647059,22.8190899 C28.9781785,20.7354687 29.5849057,18.4624614 29.5849057,16 C29.5849057,13.5375386 28.9781785,11.2645313 27.7647059,9.1809101 C26.5512333,7.09728888 24.9027111,5.4487667 22.8190899,4.23529412 C20.7354687,3.02182153 18.4624614,2.41509434 16,2.41509434 C13.5375386,2.41509434 11.2645313,3.02182153 9.1809101,4.23529412 C7.09728888,5.4487667 5.4487667,7.09728888 4.23529412,9.1809101 C3.02182153,11.2645313 2.41509434,13.5375386 2.41509434,16 C2.41509434,18.4624614 3.02182153,20.7354687 4.23529412,22.8190899 C5.4487667,24.9027111 7.09728888,26.5512333 9.1809101,27.7647059 C11.2645313,28.9781785 13.5375386,29.5849057 16,29.5849057 Z M16,12 C17.1052632,12 18,11.1052632 18,10 C18,8.89473684 17.1052632,8 16,8 C14.9210526,8 14,8.89473684 14,10 C14,11.1052632 14.9210526,12 16,12 Z M14,24 L18,24 L18,14 L14,14 L14,24 Z"></path> </g> </svg> </div> <div class="text"> Mini Royale: Nations </div> <div class="more-info"> <div class="close"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path fill="#E05F2C" d="M54.8013319,9.19866815 C57.7373436,12.371455 60.0044315,15.9111902 61.6026637,19.81798 C63.2008959,23.7247698 64,27.7854025 64,32 C64,36.2145975 63.2008959,40.2752302 61.6026637,44.18202 C60.0044315,48.0888098 57.7373436,51.628545 54.8013319,54.8013319 C51.6759,57.8083761 48.1657612,60.0932219 44.2708102,61.6559378 C40.3758592,63.2186538 36.28563,64 32,64 C27.71437,64 23.6241408,63.2186538 19.7291898,61.6559378 C15.8342388,60.0932219 12.3241,57.8083761 9.19866815,54.8013319 C6.19162388,51.6759 3.90677807,48.1657612 2.34406215,44.2708102 C0.781346238,40.3758592 0,36.28563 0,32 C0,27.71437 0.781346238,23.6241408 2.34406215,19.7291898 C3.90677807,15.8342388 6.19162388,12.3241 9.19866815,9.19866815 C12.371455,6.26265643 15.9111902,3.99556848 19.81798,2.39733629 C23.7247698,0.799104107 27.7854025,0 32,0 C36.2145975,0 40.2752302,0.799104107 44.18202,2.39733629 C48.0888098,3.99556848 51.628545,6.26265643 54.8013319,9.19866815 Z M32,59.1698113 C36.9249229,59.1698113 41.4709374,57.9563569 45.6381798,55.5294118 C49.8054222,53.1024666 53.1024666,49.8054222 55.5294118,45.6381798 C57.9563569,41.4709374 59.1698113,36.9249229 59.1698113,32 C59.1698113,27.0750771 57.9563569,22.5290626 55.5294118,18.3618202 C53.1024666,14.1945778 49.8054222,10.8975334 45.6381798,8.47058824 C41.4709374,6.04364306 36.9249229,4.83018868 32,4.83018868 C27.0750771,4.83018868 22.5290626,6.04364306 18.3618202,8.47058824 C14.1945778,10.8975334 10.8975334,14.1945778 8.47058824,18.3618202 C6.04364306,22.5290626 4.83018868,27.0750771 4.83018868,32 C4.83018868,36.9249229 6.04364306,41.4709374 8.47058824,45.6381798 C10.8975334,49.8054222 14.1945778,53.1024666 18.3618202,55.5294118 C22.5290626,57.9563569 27.0750771,59.1698113 32,59.1698113 Z M43.4006659,38.7835738 L38.7835738,43.8978912 L32,37.0788013 L25.2164262,43.8978912 L20.1021088,38.7835738 L26.9211987,32 L20.1021088,25.2164262 L25.2164262,20.5993341 L32,27.1698113 L38.7835738,20.5993341 L43.4006659,25.2164262 L36.8657048,32 L43.4006659,38.7835738 Z"></path> </svg> </div> <div class="text"> Mini Royale: Nations </div> <div class="description"> Mini Royale: Nations is a free-to-play browser-based FPS and social strategy game. The core shooter game is set on top of a land control-oriented, social strategy game with a deep emphasis on clans, alliances and social mechanics. <a href="https://miniroyale.io/" target="_blank" rel="noopener"> <span class="button call-to-action">Play</span> </a> </div> </div> </div> </div> <div class="tile not-featured"> <div class="front"> <div class="media-cover"> <img src="/assets/images/projects/banners/project--omnomrun-mobile.jpg" alt="Om Nom Run" /> </div> <div class="gradient-overlay"></div> <div class="info-trigger"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <g> <path d="M27.4006659,4.59933407 C28.8686718,6.1857275 30.0022158,7.95559512 30.8013319,9.90899001 C31.6004479,11.8623849 32,13.8927013 32,16 C32,18.1072987 31.6004479,20.1376151 30.8013319,22.09101 C30.0022158,24.0444049 28.8686718,25.8142725 27.4006659,27.4006659 C25.8142725,28.8686718 24.0444049,30.0022158 22.09101,30.8013319 C20.1376151,31.6004479 18.1072987,32 16,32 C13.8927013,32 11.8623849,31.6004479 9.90899001,30.8013319 C7.95559512,30.0022158 6.1857275,28.8686718 4.59933407,27.4006659 C3.09581194,25.83795 1.95338903,24.0828806 1.17203108,22.1354051 C0.390673119,20.1879296 0,18.142815 0,16 C0,13.857185 0.390673119,11.8120704 1.17203108,9.86459489 C1.95338903,7.91711938 3.09581194,6.16204999 4.59933407,4.59933407 C6.1857275,3.13132821 7.95559512,1.99778424 9.90899001,1.19866815 C11.8623849,0.399552053 13.8927013,0 16,0 C18.1072987,0 20.1376151,0.399552053 22.09101,1.19866815 C24.0444049,1.99778424 25.8142725,3.13132821 27.4006659,4.59933407 Z M16,29.5849057 C18.4624614,29.5849057 20.7354687,28.9781785 22.8190899,27.7647059 C24.9027111,26.5512333 26.5512333,24.9027111 27.7647059,22.8190899 C28.9781785,20.7354687 29.5849057,18.4624614 29.5849057,16 C29.5849057,13.5375386 28.9781785,11.2645313 27.7647059,9.1809101 C26.5512333,7.09728888 24.9027111,5.4487667 22.8190899,4.23529412 C20.7354687,3.02182153 18.4624614,2.41509434 16,2.41509434 C13.5375386,2.41509434 11.2645313,3.02182153 9.1809101,4.23529412 C7.09728888,5.4487667 5.4487667,7.09728888 4.23529412,9.1809101 C3.02182153,11.2645313 2.41509434,13.5375386 2.41509434,16 C2.41509434,18.4624614 3.02182153,20.7354687 4.23529412,22.8190899 C5.4487667,24.9027111 7.09728888,26.5512333 9.1809101,27.7647059 C11.2645313,28.9781785 13.5375386,29.5849057 16,29.5849057 Z M16,12 C17.1052632,12 18,11.1052632 18,10 C18,8.89473684 17.1052632,8 16,8 C14.9210526,8 14,8.89473684 14,10 C14,11.1052632 14.9210526,12 16,12 Z M14,24 L18,24 L18,14 L14,14 L14,24 Z"></path> </g> </svg> </div> <div class="text"> Om Nom Run </div> <div class="more-info"> <div class="close"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path fill="#E05F2C" d="M54.8013319,9.19866815 C57.7373436,12.371455 60.0044315,15.9111902 61.6026637,19.81798 C63.2008959,23.7247698 64,27.7854025 64,32 C64,36.2145975 63.2008959,40.2752302 61.6026637,44.18202 C60.0044315,48.0888098 57.7373436,51.628545 54.8013319,54.8013319 C51.6759,57.8083761 48.1657612,60.0932219 44.2708102,61.6559378 C40.3758592,63.2186538 36.28563,64 32,64 C27.71437,64 23.6241408,63.2186538 19.7291898,61.6559378 C15.8342388,60.0932219 12.3241,57.8083761 9.19866815,54.8013319 C6.19162388,51.6759 3.90677807,48.1657612 2.34406215,44.2708102 C0.781346238,40.3758592 0,36.28563 0,32 C0,27.71437 0.781346238,23.6241408 2.34406215,19.7291898 C3.90677807,15.8342388 6.19162388,12.3241 9.19866815,9.19866815 C12.371455,6.26265643 15.9111902,3.99556848 19.81798,2.39733629 C23.7247698,0.799104107 27.7854025,0 32,0 C36.2145975,0 40.2752302,0.799104107 44.18202,2.39733629 C48.0888098,3.99556848 51.628545,6.26265643 54.8013319,9.19866815 Z M32,59.1698113 C36.9249229,59.1698113 41.4709374,57.9563569 45.6381798,55.5294118 C49.8054222,53.1024666 53.1024666,49.8054222 55.5294118,45.6381798 C57.9563569,41.4709374 59.1698113,36.9249229 59.1698113,32 C59.1698113,27.0750771 57.9563569,22.5290626 55.5294118,18.3618202 C53.1024666,14.1945778 49.8054222,10.8975334 45.6381798,8.47058824 C41.4709374,6.04364306 36.9249229,4.83018868 32,4.83018868 C27.0750771,4.83018868 22.5290626,6.04364306 18.3618202,8.47058824 C14.1945778,10.8975334 10.8975334,14.1945778 8.47058824,18.3618202 C6.04364306,22.5290626 4.83018868,27.0750771 4.83018868,32 C4.83018868,36.9249229 6.04364306,41.4709374 8.47058824,45.6381798 C10.8975334,49.8054222 14.1945778,53.1024666 18.3618202,55.5294118 C22.5290626,57.9563569 27.0750771,59.1698113 32,59.1698113 Z M43.4006659,38.7835738 L38.7835738,43.8978912 L32,37.0788013 L25.2164262,43.8978912 L20.1021088,38.7835738 L26.9211987,32 L20.1021088,25.2164262 L25.2164262,20.5993341 L32,27.1698113 L38.7835738,20.5993341 L43.4006659,25.2164262 L36.8657048,32 L43.4006659,38.7835738 Z"></path> </svg> </div> <div class="text"> Om Nom Run </div> <div class="description"> Run for glory in Om Nom: Run, a new game from the creators of Cut the Rope! <a href="https://www.crazygames.com/game/om-nom-run" target="_blank" rel="noopener"> <span class="button call-to-action">Play</span> </a> </div> </div> </div> </div> <div class="tile not-featured"> <div class="front"> <div class="media-cover"> <img src="/assets/images/projects/banners/venge-mobile.jpg" alt="Venge.io" /> </div> <div class="gradient-overlay"></div> <div class="info-trigger"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <g> <path d="M27.4006659,4.59933407 C28.8686718,6.1857275 30.0022158,7.95559512 30.8013319,9.90899001 C31.6004479,11.8623849 32,13.8927013 32,16 C32,18.1072987 31.6004479,20.1376151 30.8013319,22.09101 C30.0022158,24.0444049 28.8686718,25.8142725 27.4006659,27.4006659 C25.8142725,28.8686718 24.0444049,30.0022158 22.09101,30.8013319 C20.1376151,31.6004479 18.1072987,32 16,32 C13.8927013,32 11.8623849,31.6004479 9.90899001,30.8013319 C7.95559512,30.0022158 6.1857275,28.8686718 4.59933407,27.4006659 C3.09581194,25.83795 1.95338903,24.0828806 1.17203108,22.1354051 C0.390673119,20.1879296 0,18.142815 0,16 C0,13.857185 0.390673119,11.8120704 1.17203108,9.86459489 C1.95338903,7.91711938 3.09581194,6.16204999 4.59933407,4.59933407 C6.1857275,3.13132821 7.95559512,1.99778424 9.90899001,1.19866815 C11.8623849,0.399552053 13.8927013,0 16,0 C18.1072987,0 20.1376151,0.399552053 22.09101,1.19866815 C24.0444049,1.99778424 25.8142725,3.13132821 27.4006659,4.59933407 Z M16,29.5849057 C18.4624614,29.5849057 20.7354687,28.9781785 22.8190899,27.7647059 C24.9027111,26.5512333 26.5512333,24.9027111 27.7647059,22.8190899 C28.9781785,20.7354687 29.5849057,18.4624614 29.5849057,16 C29.5849057,13.5375386 28.9781785,11.2645313 27.7647059,9.1809101 C26.5512333,7.09728888 24.9027111,5.4487667 22.8190899,4.23529412 C20.7354687,3.02182153 18.4624614,2.41509434 16,2.41509434 C13.5375386,2.41509434 11.2645313,3.02182153 9.1809101,4.23529412 C7.09728888,5.4487667 5.4487667,7.09728888 4.23529412,9.1809101 C3.02182153,11.2645313 2.41509434,13.5375386 2.41509434,16 C2.41509434,18.4624614 3.02182153,20.7354687 4.23529412,22.8190899 C5.4487667,24.9027111 7.09728888,26.5512333 9.1809101,27.7647059 C11.2645313,28.9781785 13.5375386,29.5849057 16,29.5849057 Z M16,12 C17.1052632,12 18,11.1052632 18,10 C18,8.89473684 17.1052632,8 16,8 C14.9210526,8 14,8.89473684 14,10 C14,11.1052632 14.9210526,12 16,12 Z M14,24 L18,24 L18,14 L14,14 L14,24 Z"></path> </g> </svg> </div> <div class="text"> Venge.io </div> <div class="more-info"> <div class="close"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path fill="#E05F2C" d="M54.8013319,9.19866815 C57.7373436,12.371455 60.0044315,15.9111902 61.6026637,19.81798 C63.2008959,23.7247698 64,27.7854025 64,32 C64,36.2145975 63.2008959,40.2752302 61.6026637,44.18202 C60.0044315,48.0888098 57.7373436,51.628545 54.8013319,54.8013319 C51.6759,57.8083761 48.1657612,60.0932219 44.2708102,61.6559378 C40.3758592,63.2186538 36.28563,64 32,64 C27.71437,64 23.6241408,63.2186538 19.7291898,61.6559378 C15.8342388,60.0932219 12.3241,57.8083761 9.19866815,54.8013319 C6.19162388,51.6759 3.90677807,48.1657612 2.34406215,44.2708102 C0.781346238,40.3758592 0,36.28563 0,32 C0,27.71437 0.781346238,23.6241408 2.34406215,19.7291898 C3.90677807,15.8342388 6.19162388,12.3241 9.19866815,9.19866815 C12.371455,6.26265643 15.9111902,3.99556848 19.81798,2.39733629 C23.7247698,0.799104107 27.7854025,0 32,0 C36.2145975,0 40.2752302,0.799104107 44.18202,2.39733629 C48.0888098,3.99556848 51.628545,6.26265643 54.8013319,9.19866815 Z M32,59.1698113 C36.9249229,59.1698113 41.4709374,57.9563569 45.6381798,55.5294118 C49.8054222,53.1024666 53.1024666,49.8054222 55.5294118,45.6381798 C57.9563569,41.4709374 59.1698113,36.9249229 59.1698113,32 C59.1698113,27.0750771 57.9563569,22.5290626 55.5294118,18.3618202 C53.1024666,14.1945778 49.8054222,10.8975334 45.6381798,8.47058824 C41.4709374,6.04364306 36.9249229,4.83018868 32,4.83018868 C27.0750771,4.83018868 22.5290626,6.04364306 18.3618202,8.47058824 C14.1945778,10.8975334 10.8975334,14.1945778 8.47058824,18.3618202 C6.04364306,22.5290626 4.83018868,27.0750771 4.83018868,32 C4.83018868,36.9249229 6.04364306,41.4709374 8.47058824,45.6381798 C10.8975334,49.8054222 14.1945778,53.1024666 18.3618202,55.5294118 C22.5290626,57.9563569 27.0750771,59.1698113 32,59.1698113 Z M43.4006659,38.7835738 L38.7835738,43.8978912 L32,37.0788013 L25.2164262,43.8978912 L20.1021088,38.7835738 L26.9211987,32 L20.1021088,25.2164262 L25.2164262,20.5993341 L32,27.1698113 L38.7835738,20.5993341 L43.4006659,25.2164262 L36.8657048,32 L43.4006659,38.7835738 Z"></path> </svg> </div> <div class="text"> Venge.io </div> <div class="description"> Become champion of the arena in this objective-based multiplayer third-person shooter. <a href="https://venge.io/" target="_blank" rel="noopener"> <span class="button call-to-action">Play</span> </a> </div> </div> </div> </div> <div class="tile not-featured"> <div class="front"> <div class="media-cover"> <img src="/assets/images/projects/banners/project--townstar-mobile.jpg" alt="Townstar" /> </div> <div class="gradient-overlay"></div> <div class="info-trigger"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <g> <path d="M27.4006659,4.59933407 C28.8686718,6.1857275 30.0022158,7.95559512 30.8013319,9.90899001 C31.6004479,11.8623849 32,13.8927013 32,16 C32,18.1072987 31.6004479,20.1376151 30.8013319,22.09101 C30.0022158,24.0444049 28.8686718,25.8142725 27.4006659,27.4006659 C25.8142725,28.8686718 24.0444049,30.0022158 22.09101,30.8013319 C20.1376151,31.6004479 18.1072987,32 16,32 C13.8927013,32 11.8623849,31.6004479 9.90899001,30.8013319 C7.95559512,30.0022158 6.1857275,28.8686718 4.59933407,27.4006659 C3.09581194,25.83795 1.95338903,24.0828806 1.17203108,22.1354051 C0.390673119,20.1879296 0,18.142815 0,16 C0,13.857185 0.390673119,11.8120704 1.17203108,9.86459489 C1.95338903,7.91711938 3.09581194,6.16204999 4.59933407,4.59933407 C6.1857275,3.13132821 7.95559512,1.99778424 9.90899001,1.19866815 C11.8623849,0.399552053 13.8927013,0 16,0 C18.1072987,0 20.1376151,0.399552053 22.09101,1.19866815 C24.0444049,1.99778424 25.8142725,3.13132821 27.4006659,4.59933407 Z M16,29.5849057 C18.4624614,29.5849057 20.7354687,28.9781785 22.8190899,27.7647059 C24.9027111,26.5512333 26.5512333,24.9027111 27.7647059,22.8190899 C28.9781785,20.7354687 29.5849057,18.4624614 29.5849057,16 C29.5849057,13.5375386 28.9781785,11.2645313 27.7647059,9.1809101 C26.5512333,7.09728888 24.9027111,5.4487667 22.8190899,4.23529412 C20.7354687,3.02182153 18.4624614,2.41509434 16,2.41509434 C13.5375386,2.41509434 11.2645313,3.02182153 9.1809101,4.23529412 C7.09728888,5.4487667 5.4487667,7.09728888 4.23529412,9.1809101 C3.02182153,11.2645313 2.41509434,13.5375386 2.41509434,16 C2.41509434,18.4624614 3.02182153,20.7354687 4.23529412,22.8190899 C5.4487667,24.9027111 7.09728888,26.5512333 9.1809101,27.7647059 C11.2645313,28.9781785 13.5375386,29.5849057 16,29.5849057 Z M16,12 C17.1052632,12 18,11.1052632 18,10 C18,8.89473684 17.1052632,8 16,8 C14.9210526,8 14,8.89473684 14,10 C14,11.1052632 14.9210526,12 16,12 Z M14,24 L18,24 L18,14 L14,14 L14,24 Z"></path> </g> </svg> </div> <div class="text"> Townstar </div> <div class="more-info"> <div class="close"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path fill="#E05F2C" d="M54.8013319,9.19866815 C57.7373436,12.371455 60.0044315,15.9111902 61.6026637,19.81798 C63.2008959,23.7247698 64,27.7854025 64,32 C64,36.2145975 63.2008959,40.2752302 61.6026637,44.18202 C60.0044315,48.0888098 57.7373436,51.628545 54.8013319,54.8013319 C51.6759,57.8083761 48.1657612,60.0932219 44.2708102,61.6559378 C40.3758592,63.2186538 36.28563,64 32,64 C27.71437,64 23.6241408,63.2186538 19.7291898,61.6559378 C15.8342388,60.0932219 12.3241,57.8083761 9.19866815,54.8013319 C6.19162388,51.6759 3.90677807,48.1657612 2.34406215,44.2708102 C0.781346238,40.3758592 0,36.28563 0,32 C0,27.71437 0.781346238,23.6241408 2.34406215,19.7291898 C3.90677807,15.8342388 6.19162388,12.3241 9.19866815,9.19866815 C12.371455,6.26265643 15.9111902,3.99556848 19.81798,2.39733629 C23.7247698,0.799104107 27.7854025,0 32,0 C36.2145975,0 40.2752302,0.799104107 44.18202,2.39733629 C48.0888098,3.99556848 51.628545,6.26265643 54.8013319,9.19866815 Z M32,59.1698113 C36.9249229,59.1698113 41.4709374,57.9563569 45.6381798,55.5294118 C49.8054222,53.1024666 53.1024666,49.8054222 55.5294118,45.6381798 C57.9563569,41.4709374 59.1698113,36.9249229 59.1698113,32 C59.1698113,27.0750771 57.9563569,22.5290626 55.5294118,18.3618202 C53.1024666,14.1945778 49.8054222,10.8975334 45.6381798,8.47058824 C41.4709374,6.04364306 36.9249229,4.83018868 32,4.83018868 C27.0750771,4.83018868 22.5290626,6.04364306 18.3618202,8.47058824 C14.1945778,10.8975334 10.8975334,14.1945778 8.47058824,18.3618202 C6.04364306,22.5290626 4.83018868,27.0750771 4.83018868,32 C4.83018868,36.9249229 6.04364306,41.4709374 8.47058824,45.6381798 C10.8975334,49.8054222 14.1945778,53.1024666 18.3618202,55.5294118 C22.5290626,57.9563569 27.0750771,59.1698113 32,59.1698113 Z M43.4006659,38.7835738 L38.7835738,43.8978912 L32,37.0788013 L25.2164262,43.8978912 L20.1021088,38.7835738 L26.9211987,32 L20.1021088,25.2164262 L25.2164262,20.5993341 L32,27.1698113 L38.7835738,20.5993341 L43.4006659,25.2164262 L36.8657048,32 L43.4006659,38.7835738 Z"></path> </svg> </div> <div class="text"> Townstar </div> <div class="description"> Townstar is the global Play-to-Earn game of town and city builders by Gala Games. <a href="https://games.gala.com/games/town-star" target="_blank" rel="noopener"> <span class="button call-to-action">Play</span> </a> </div> </div> </div> </div> <div class="tile not-featured"> <div class="front"> <div class="media-cover"> <img src="/assets/images/projects/banners/project--SWOOOP-mobile.jpg" alt="SWOOOP" /> </div> <div class="gradient-overlay"></div> <div class="info-trigger"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <g> <path d="M27.4006659,4.59933407 C28.8686718,6.1857275 30.0022158,7.95559512 30.8013319,9.90899001 C31.6004479,11.8623849 32,13.8927013 32,16 C32,18.1072987 31.6004479,20.1376151 30.8013319,22.09101 C30.0022158,24.0444049 28.8686718,25.8142725 27.4006659,27.4006659 C25.8142725,28.8686718 24.0444049,30.0022158 22.09101,30.8013319 C20.1376151,31.6004479 18.1072987,32 16,32 C13.8927013,32 11.8623849,31.6004479 9.90899001,30.8013319 C7.95559512,30.0022158 6.1857275,28.8686718 4.59933407,27.4006659 C3.09581194,25.83795 1.95338903,24.0828806 1.17203108,22.1354051 C0.390673119,20.1879296 0,18.142815 0,16 C0,13.857185 0.390673119,11.8120704 1.17203108,9.86459489 C1.95338903,7.91711938 3.09581194,6.16204999 4.59933407,4.59933407 C6.1857275,3.13132821 7.95559512,1.99778424 9.90899001,1.19866815 C11.8623849,0.399552053 13.8927013,0 16,0 C18.1072987,0 20.1376151,0.399552053 22.09101,1.19866815 C24.0444049,1.99778424 25.8142725,3.13132821 27.4006659,4.59933407 Z M16,29.5849057 C18.4624614,29.5849057 20.7354687,28.9781785 22.8190899,27.7647059 C24.9027111,26.5512333 26.5512333,24.9027111 27.7647059,22.8190899 C28.9781785,20.7354687 29.5849057,18.4624614 29.5849057,16 C29.5849057,13.5375386 28.9781785,11.2645313 27.7647059,9.1809101 C26.5512333,7.09728888 24.9027111,5.4487667 22.8190899,4.23529412 C20.7354687,3.02182153 18.4624614,2.41509434 16,2.41509434 C13.5375386,2.41509434 11.2645313,3.02182153 9.1809101,4.23529412 C7.09728888,5.4487667 5.4487667,7.09728888 4.23529412,9.1809101 C3.02182153,11.2645313 2.41509434,13.5375386 2.41509434,16 C2.41509434,18.4624614 3.02182153,20.7354687 4.23529412,22.8190899 C5.4487667,24.9027111 7.09728888,26.5512333 9.1809101,27.7647059 C11.2645313,28.9781785 13.5375386,29.5849057 16,29.5849057 Z M16,12 C17.1052632,12 18,11.1052632 18,10 C18,8.89473684 17.1052632,8 16,8 C14.9210526,8 14,8.89473684 14,10 C14,11.1052632 14.9210526,12 16,12 Z M14,24 L18,24 L18,14 L14,14 L14,24 Z"></path> </g> </svg> </div> <div class="text"> SWOOOP </div> <div class="more-info"> <div class="close"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path fill="#E05F2C" d="M54.8013319,9.19866815 C57.7373436,12.371455 60.0044315,15.9111902 61.6026637,19.81798 C63.2008959,23.7247698 64,27.7854025 64,32 C64,36.2145975 63.2008959,40.2752302 61.6026637,44.18202 C60.0044315,48.0888098 57.7373436,51.628545 54.8013319,54.8013319 C51.6759,57.8083761 48.1657612,60.0932219 44.2708102,61.6559378 C40.3758592,63.2186538 36.28563,64 32,64 C27.71437,64 23.6241408,63.2186538 19.7291898,61.6559378 C15.8342388,60.0932219 12.3241,57.8083761 9.19866815,54.8013319 C6.19162388,51.6759 3.90677807,48.1657612 2.34406215,44.2708102 C0.781346238,40.3758592 0,36.28563 0,32 C0,27.71437 0.781346238,23.6241408 2.34406215,19.7291898 C3.90677807,15.8342388 6.19162388,12.3241 9.19866815,9.19866815 C12.371455,6.26265643 15.9111902,3.99556848 19.81798,2.39733629 C23.7247698,0.799104107 27.7854025,0 32,0 C36.2145975,0 40.2752302,0.799104107 44.18202,2.39733629 C48.0888098,3.99556848 51.628545,6.26265643 54.8013319,9.19866815 Z M32,59.1698113 C36.9249229,59.1698113 41.4709374,57.9563569 45.6381798,55.5294118 C49.8054222,53.1024666 53.1024666,49.8054222 55.5294118,45.6381798 C57.9563569,41.4709374 59.1698113,36.9249229 59.1698113,32 C59.1698113,27.0750771 57.9563569,22.5290626 55.5294118,18.3618202 C53.1024666,14.1945778 49.8054222,10.8975334 45.6381798,8.47058824 C41.4709374,6.04364306 36.9249229,4.83018868 32,4.83018868 C27.0750771,4.83018868 22.5290626,6.04364306 18.3618202,8.47058824 C14.1945778,10.8975334 10.8975334,14.1945778 8.47058824,18.3618202 C6.04364306,22.5290626 4.83018868,27.0750771 4.83018868,32 C4.83018868,36.9249229 6.04364306,41.4709374 8.47058824,45.6381798 C10.8975334,49.8054222 14.1945778,53.1024666 18.3618202,55.5294118 C22.5290626,57.9563569 27.0750771,59.1698113 32,59.1698113 Z M43.4006659,38.7835738 L38.7835738,43.8978912 L32,37.0788013 L25.2164262,43.8978912 L20.1021088,38.7835738 L26.9211987,32 L20.1021088,25.2164262 L25.2164262,20.5993341 L32,27.1698113 L38.7835738,20.5993341 L43.4006659,25.2164262 L36.8657048,32 L43.4006659,38.7835738 Z"></path> </svg> </div> <div class="text"> SWOOOP </div> <div class="description"> SWOOOP puts you in control of a colorful biplane that soars above a magical island. Pick up as many gems as you can before your fuel runs out. And get ready for the dazzling bonus mode! It's a 'one button' game - left mouse or a touch to control the plane. <a href="https://playcanv.as/p/JtL2iqIH/" target="_blank" rel="noopener"> <span class="button call-to-action">Play</span> </a> </div> </div> </div> </div> <div class="tile not-featured"> <div class="front"> <div class="media-cover"> <img src="/assets/images/projects/banners/project--fieldsoffury-mobile.jpg" alt="Fields of Fury" /> </div> <div class="gradient-overlay"></div> <div class="info-trigger"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <g> <path d="M27.4006659,4.59933407 C28.8686718,6.1857275 30.0022158,7.95559512 30.8013319,9.90899001 C31.6004479,11.8623849 32,13.8927013 32,16 C32,18.1072987 31.6004479,20.1376151 30.8013319,22.09101 C30.0022158,24.0444049 28.8686718,25.8142725 27.4006659,27.4006659 C25.8142725,28.8686718 24.0444049,30.0022158 22.09101,30.8013319 C20.1376151,31.6004479 18.1072987,32 16,32 C13.8927013,32 11.8623849,31.6004479 9.90899001,30.8013319 C7.95559512,30.0022158 6.1857275,28.8686718 4.59933407,27.4006659 C3.09581194,25.83795 1.95338903,24.0828806 1.17203108,22.1354051 C0.390673119,20.1879296 0,18.142815 0,16 C0,13.857185 0.390673119,11.8120704 1.17203108,9.86459489 C1.95338903,7.91711938 3.09581194,6.16204999 4.59933407,4.59933407 C6.1857275,3.13132821 7.95559512,1.99778424 9.90899001,1.19866815 C11.8623849,0.399552053 13.8927013,0 16,0 C18.1072987,0 20.1376151,0.399552053 22.09101,1.19866815 C24.0444049,1.99778424 25.8142725,3.13132821 27.4006659,4.59933407 Z M16,29.5849057 C18.4624614,29.5849057 20.7354687,28.9781785 22.8190899,27.7647059 C24.9027111,26.5512333 26.5512333,24.9027111 27.7647059,22.8190899 C28.9781785,20.7354687 29.5849057,18.4624614 29.5849057,16 C29.5849057,13.5375386 28.9781785,11.2645313 27.7647059,9.1809101 C26.5512333,7.09728888 24.9027111,5.4487667 22.8190899,4.23529412 C20.7354687,3.02182153 18.4624614,2.41509434 16,2.41509434 C13.5375386,2.41509434 11.2645313,3.02182153 9.1809101,4.23529412 C7.09728888,5.4487667 5.4487667,7.09728888 4.23529412,9.1809101 C3.02182153,11.2645313 2.41509434,13.5375386 2.41509434,16 C2.41509434,18.4624614 3.02182153,20.7354687 4.23529412,22.8190899 C5.4487667,24.9027111 7.09728888,26.5512333 9.1809101,27.7647059 C11.2645313,28.9781785 13.5375386,29.5849057 16,29.5849057 Z M16,12 C17.1052632,12 18,11.1052632 18,10 C18,8.89473684 17.1052632,8 16,8 C14.9210526,8 14,8.89473684 14,10 C14,11.1052632 14.9210526,12 16,12 Z M14,24 L18,24 L18,14 L14,14 L14,24 Z"></path> </g> </svg> </div> <div class="text"> Fields of Fury </div> <div class="more-info"> <div class="close"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path fill="#E05F2C" d="M54.8013319,9.19866815 C57.7373436,12.371455 60.0044315,15.9111902 61.6026637,19.81798 C63.2008959,23.7247698 64,27.7854025 64,32 C64,36.2145975 63.2008959,40.2752302 61.6026637,44.18202 C60.0044315,48.0888098 57.7373436,51.628545 54.8013319,54.8013319 C51.6759,57.8083761 48.1657612,60.0932219 44.2708102,61.6559378 C40.3758592,63.2186538 36.28563,64 32,64 C27.71437,64 23.6241408,63.2186538 19.7291898,61.6559378 C15.8342388,60.0932219 12.3241,57.8083761 9.19866815,54.8013319 C6.19162388,51.6759 3.90677807,48.1657612 2.34406215,44.2708102 C0.781346238,40.3758592 0,36.28563 0,32 C0,27.71437 0.781346238,23.6241408 2.34406215,19.7291898 C3.90677807,15.8342388 6.19162388,12.3241 9.19866815,9.19866815 C12.371455,6.26265643 15.9111902,3.99556848 19.81798,2.39733629 C23.7247698,0.799104107 27.7854025,0 32,0 C36.2145975,0 40.2752302,0.799104107 44.18202,2.39733629 C48.0888098,3.99556848 51.628545,6.26265643 54.8013319,9.19866815 Z M32,59.1698113 C36.9249229,59.1698113 41.4709374,57.9563569 45.6381798,55.5294118 C49.8054222,53.1024666 53.1024666,49.8054222 55.5294118,45.6381798 C57.9563569,41.4709374 59.1698113,36.9249229 59.1698113,32 C59.1698113,27.0750771 57.9563569,22.5290626 55.5294118,18.3618202 C53.1024666,14.1945778 49.8054222,10.8975334 45.6381798,8.47058824 C41.4709374,6.04364306 36.9249229,4.83018868 32,4.83018868 C27.0750771,4.83018868 22.5290626,6.04364306 18.3618202,8.47058824 C14.1945778,10.8975334 10.8975334,14.1945778 8.47058824,18.3618202 C6.04364306,22.5290626 4.83018868,27.0750771 4.83018868,32 C4.83018868,36.9249229 6.04364306,41.4709374 8.47058824,45.6381798 C10.8975334,49.8054222 14.1945778,53.1024666 18.3618202,55.5294118 C22.5290626,57.9563569 27.0750771,59.1698113 32,59.1698113 Z M43.4006659,38.7835738 L38.7835738,43.8978912 L32,37.0788013 L25.2164262,43.8978912 L20.1021088,38.7835738 L26.9211987,32 L20.1021088,25.2164262 L25.2164262,20.5993341 L32,27.1698113 L38.7835738,20.5993341 L43.4006659,25.2164262 L36.8657048,32 L43.4006659,38.7835738 Z"></path> </svg> </div> <div class="text"> Fields of Fury </div> <div class="description"> Fields of Fury is a free online FPS game featuring capture the flag on a WW2-themed battleground. Features incredible VFX, fantastic character animation and plenty of fast paced action. <a href="https://www.fieldsoffury.io/" target="_blank" rel="noopener"> <span class="button call-to-action">Play</span> </a> </div> </div> </div> </div> <div class="tile not-featured"> <div class="front"> <div class="media-cover"> <div class="video-container"> <div class="video-label"> Video </div> <video data-type="thumbnail" loop muted> <source src="https://playcanvas.com/static-assets/videos/projects/thumbs/PC-Video-Thumb-Master-Archer.mp4" type='video/mp4' /> </video> </div> <img src="/assets/images/projects/banners/project--masterArcher-mobile.jpg" alt="Master Archer" /> </div> <div class="gradient-overlay"></div> <div class="info-trigger"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <g> <path d="M27.4006659,4.59933407 C28.8686718,6.1857275 30.0022158,7.95559512 30.8013319,9.90899001 C31.6004479,11.8623849 32,13.8927013 32,16 C32,18.1072987 31.6004479,20.1376151 30.8013319,22.09101 C30.0022158,24.0444049 28.8686718,25.8142725 27.4006659,27.4006659 C25.8142725,28.8686718 24.0444049,30.0022158 22.09101,30.8013319 C20.1376151,31.6004479 18.1072987,32 16,32 C13.8927013,32 11.8623849,31.6004479 9.90899001,30.8013319 C7.95559512,30.0022158 6.1857275,28.8686718 4.59933407,27.4006659 C3.09581194,25.83795 1.95338903,24.0828806 1.17203108,22.1354051 C0.390673119,20.1879296 0,18.142815 0,16 C0,13.857185 0.390673119,11.8120704 1.17203108,9.86459489 C1.95338903,7.91711938 3.09581194,6.16204999 4.59933407,4.59933407 C6.1857275,3.13132821 7.95559512,1.99778424 9.90899001,1.19866815 C11.8623849,0.399552053 13.8927013,0 16,0 C18.1072987,0 20.1376151,0.399552053 22.09101,1.19866815 C24.0444049,1.99778424 25.8142725,3.13132821 27.4006659,4.59933407 Z M16,29.5849057 C18.4624614,29.5849057 20.7354687,28.9781785 22.8190899,27.7647059 C24.9027111,26.5512333 26.5512333,24.9027111 27.7647059,22.8190899 C28.9781785,20.7354687 29.5849057,18.4624614 29.5849057,16 C29.5849057,13.5375386 28.9781785,11.2645313 27.7647059,9.1809101 C26.5512333,7.09728888 24.9027111,5.4487667 22.8190899,4.23529412 C20.7354687,3.02182153 18.4624614,2.41509434 16,2.41509434 C13.5375386,2.41509434 11.2645313,3.02182153 9.1809101,4.23529412 C7.09728888,5.4487667 5.4487667,7.09728888 4.23529412,9.1809101 C3.02182153,11.2645313 2.41509434,13.5375386 2.41509434,16 C2.41509434,18.4624614 3.02182153,20.7354687 4.23529412,22.8190899 C5.4487667,24.9027111 7.09728888,26.5512333 9.1809101,27.7647059 C11.2645313,28.9781785 13.5375386,29.5849057 16,29.5849057 Z M16,12 C17.1052632,12 18,11.1052632 18,10 C18,8.89473684 17.1052632,8 16,8 C14.9210526,8 14,8.89473684 14,10 C14,11.1052632 14.9210526,12 16,12 Z M14,24 L18,24 L18,14 L14,14 L14,24 Z"></path> </g> </svg> </div> <div class="text"> Master Archer </div> <div class="more-info"> <div class="close"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path fill="#E05F2C" d="M54.8013319,9.19866815 C57.7373436,12.371455 60.0044315,15.9111902 61.6026637,19.81798 C63.2008959,23.7247698 64,27.7854025 64,32 C64,36.2145975 63.2008959,40.2752302 61.6026637,44.18202 C60.0044315,48.0888098 57.7373436,51.628545 54.8013319,54.8013319 C51.6759,57.8083761 48.1657612,60.0932219 44.2708102,61.6559378 C40.3758592,63.2186538 36.28563,64 32,64 C27.71437,64 23.6241408,63.2186538 19.7291898,61.6559378 C15.8342388,60.0932219 12.3241,57.8083761 9.19866815,54.8013319 C6.19162388,51.6759 3.90677807,48.1657612 2.34406215,44.2708102 C0.781346238,40.3758592 0,36.28563 0,32 C0,27.71437 0.781346238,23.6241408 2.34406215,19.7291898 C3.90677807,15.8342388 6.19162388,12.3241 9.19866815,9.19866815 C12.371455,6.26265643 15.9111902,3.99556848 19.81798,2.39733629 C23.7247698,0.799104107 27.7854025,0 32,0 C36.2145975,0 40.2752302,0.799104107 44.18202,2.39733629 C48.0888098,3.99556848 51.628545,6.26265643 54.8013319,9.19866815 Z M32,59.1698113 C36.9249229,59.1698113 41.4709374,57.9563569 45.6381798,55.5294118 C49.8054222,53.1024666 53.1024666,49.8054222 55.5294118,45.6381798 C57.9563569,41.4709374 59.1698113,36.9249229 59.1698113,32 C59.1698113,27.0750771 57.9563569,22.5290626 55.5294118,18.3618202 C53.1024666,14.1945778 49.8054222,10.8975334 45.6381798,8.47058824 C41.4709374,6.04364306 36.9249229,4.83018868 32,4.83018868 C27.0750771,4.83018868 22.5290626,6.04364306 18.3618202,8.47058824 C14.1945778,10.8975334 10.8975334,14.1945778 8.47058824,18.3618202 C6.04364306,22.5290626 4.83018868,27.0750771 4.83018868,32 C4.83018868,36.9249229 6.04364306,41.4709374 8.47058824,45.6381798 C10.8975334,49.8054222 14.1945778,53.1024666 18.3618202,55.5294118 C22.5290626,57.9563569 27.0750771,59.1698113 32,59.1698113 Z M43.4006659,38.7835738 L38.7835738,43.8978912 L32,37.0788013 L25.2164262,43.8978912 L20.1021088,38.7835738 L26.9211987,32 L20.1021088,25.2164262 L25.2164262,20.5993341 L32,27.1698113 L38.7835738,20.5993341 L43.4006659,25.2164262 L36.8657048,32 L43.4006659,38.7835738 Z"></path> </svg> </div> <div class="text"> Master Archer </div> <div class="description"> Master Archer was developed for the Facebook Instant Games platform. It took 2 weeks to be made by a team of 3 people and rose to become one of the most popular Messenger games. Behind the scenes, it uses PlayCanvas' Spine plugin. <a href="https://playcanv.as/p/JERg21J8/" target="_blank" rel="noopener"> <span class="button call-to-action">Play</span> </a> </div> </div> </div> </div> <div class="tile not-featured"> <div class="front"> <div class="media-cover"> <img src="/assets/images/projects/banners/project--dangerMouse-mobile.jpg" alt="Danger Mouse: Full Speed" /> </div> <div class="gradient-overlay"></div> <div class="info-trigger"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <g> <path d="M27.4006659,4.59933407 C28.8686718,6.1857275 30.0022158,7.95559512 30.8013319,9.90899001 C31.6004479,11.8623849 32,13.8927013 32,16 C32,18.1072987 31.6004479,20.1376151 30.8013319,22.09101 C30.0022158,24.0444049 28.8686718,25.8142725 27.4006659,27.4006659 C25.8142725,28.8686718 24.0444049,30.0022158 22.09101,30.8013319 C20.1376151,31.6004479 18.1072987,32 16,32 C13.8927013,32 11.8623849,31.6004479 9.90899001,30.8013319 C7.95559512,30.0022158 6.1857275,28.8686718 4.59933407,27.4006659 C3.09581194,25.83795 1.95338903,24.0828806 1.17203108,22.1354051 C0.390673119,20.1879296 0,18.142815 0,16 C0,13.857185 0.390673119,11.8120704 1.17203108,9.86459489 C1.95338903,7.91711938 3.09581194,6.16204999 4.59933407,4.59933407 C6.1857275,3.13132821 7.95559512,1.99778424 9.90899001,1.19866815 C11.8623849,0.399552053 13.8927013,0 16,0 C18.1072987,0 20.1376151,0.399552053 22.09101,1.19866815 C24.0444049,1.99778424 25.8142725,3.13132821 27.4006659,4.59933407 Z M16,29.5849057 C18.4624614,29.5849057 20.7354687,28.9781785 22.8190899,27.7647059 C24.9027111,26.5512333 26.5512333,24.9027111 27.7647059,22.8190899 C28.9781785,20.7354687 29.5849057,18.4624614 29.5849057,16 C29.5849057,13.5375386 28.9781785,11.2645313 27.7647059,9.1809101 C26.5512333,7.09728888 24.9027111,5.4487667 22.8190899,4.23529412 C20.7354687,3.02182153 18.4624614,2.41509434 16,2.41509434 C13.5375386,2.41509434 11.2645313,3.02182153 9.1809101,4.23529412 C7.09728888,5.4487667 5.4487667,7.09728888 4.23529412,9.1809101 C3.02182153,11.2645313 2.41509434,13.5375386 2.41509434,16 C2.41509434,18.4624614 3.02182153,20.7354687 4.23529412,22.8190899 C5.4487667,24.9027111 7.09728888,26.5512333 9.1809101,27.7647059 C11.2645313,28.9781785 13.5375386,29.5849057 16,29.5849057 Z M16,12 C17.1052632,12 18,11.1052632 18,10 C18,8.89473684 17.1052632,8 16,8 C14.9210526,8 14,8.89473684 14,10 C14,11.1052632 14.9210526,12 16,12 Z M14,24 L18,24 L18,14 L14,14 L14,24 Z"></path> </g> </svg> </div> <div class="text"> Danger Mouse: Full Speed </div> <div class="more-info"> <div class="close"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path fill="#E05F2C" d="M54.8013319,9.19866815 C57.7373436,12.371455 60.0044315,15.9111902 61.6026637,19.81798 C63.2008959,23.7247698 64,27.7854025 64,32 C64,36.2145975 63.2008959,40.2752302 61.6026637,44.18202 C60.0044315,48.0888098 57.7373436,51.628545 54.8013319,54.8013319 C51.6759,57.8083761 48.1657612,60.0932219 44.2708102,61.6559378 C40.3758592,63.2186538 36.28563,64 32,64 C27.71437,64 23.6241408,63.2186538 19.7291898,61.6559378 C15.8342388,60.0932219 12.3241,57.8083761 9.19866815,54.8013319 C6.19162388,51.6759 3.90677807,48.1657612 2.34406215,44.2708102 C0.781346238,40.3758592 0,36.28563 0,32 C0,27.71437 0.781346238,23.6241408 2.34406215,19.7291898 C3.90677807,15.8342388 6.19162388,12.3241 9.19866815,9.19866815 C12.371455,6.26265643 15.9111902,3.99556848 19.81798,2.39733629 C23.7247698,0.799104107 27.7854025,0 32,0 C36.2145975,0 40.2752302,0.799104107 44.18202,2.39733629 C48.0888098,3.99556848 51.628545,6.26265643 54.8013319,9.19866815 Z M32,59.1698113 C36.9249229,59.1698113 41.4709374,57.9563569 45.6381798,55.5294118 C49.8054222,53.1024666 53.1024666,49.8054222 55.5294118,45.6381798 C57.9563569,41.4709374 59.1698113,36.9249229 59.1698113,32 C59.1698113,27.0750771 57.9563569,22.5290626 55.5294118,18.3618202 C53.1024666,14.1945778 49.8054222,10.8975334 45.6381798,8.47058824 C41.4709374,6.04364306 36.9249229,4.83018868 32,4.83018868 C27.0750771,4.83018868 22.5290626,6.04364306 18.3618202,8.47058824 C14.1945778,10.8975334 10.8975334,14.1945778 8.47058824,18.3618202 C6.04364306,22.5290626 4.83018868,27.0750771 4.83018868,32 C4.83018868,36.9249229 6.04364306,41.4709374 8.47058824,45.6381798 C10.8975334,49.8054222 14.1945778,53.1024666 18.3618202,55.5294118 C22.5290626,57.9563569 27.0750771,59.1698113 32,59.1698113 Z M43.4006659,38.7835738 L38.7835738,43.8978912 L32,37.0788013 L25.2164262,43.8978912 L20.1021088,38.7835738 L26.9211987,32 L20.1021088,25.2164262 L25.2164262,20.5993341 L32,27.1698113 L38.7835738,20.5993341 L43.4006659,25.2164262 L36.8657048,32 L43.4006659,38.7835738 Z"></path> </svg> </div> <div class="text"> Danger Mouse: Full Speed </div> <div class="description"> Danger Mouse: Full Speed is a frenetic racing game, inspired by the great arcade racers of the late 80鈥檚 arcade such as Outrun and Chase HQ. It was made for the BBC by Preloaded, the BAFTA-winning games studio that uses the power of play to solve problems and change lives. <a href="https://www.bbc.co.uk/cbbc/games/danger-mouse-full-speed-game" target="_blank" rel="noopener"> <span class="button call-to-action">Play</span> </a> </div> </div> </div> </div> </div> </div> </div> <div class="section no-padding-sides" id="explore-configurators"> <h1 class="title"> Configurators </h1> <h4 class="sub-text"> Taked product configurators to the next level with the PlayCanvas engine </h4> <div class="projects-gallery"> <div class="projects-wrapper"> <div class="featured-projects secondary"> <div class="featured-project" id="-featured-project-full"> <div class="bg-gradient"></div> <div class="media-cover"> <picture> <source media="(max-width: 750px)" srcset="/assets/images/projects/banners/project--DAB-mobile.jpg"> <source media="(min-width: 750px)" srcset="/assets/images/projects/banners/project--DAB-desktop.jpg"> <img src="/assets/images/projects/banners/project--DAB-desktop.jpg" alt="DAB Motors Configurator"> </picture> </div> <div class="project-info"> <div class="game-info"> <h1 class="title"> DAB Motors Configurator </h1> <div class="description hide-on-mobile"> DAB Motors used PlayCanvas create what has been named 'The Future of motorcycle shopping'. It allows users to customize the bike of their dreams directly in their browser on any device. </div> <div class="description hide-on-desktop"> DAB Motors create 'The Future of motorcycle shopping'. </div> </div> </div> </div> </div> </div> <div class="game-tiles"> <div class="tile not-featured"> <div class="front"> <div class="media-cover"> <img src="/assets/images/projects/banners/project--kankenme-mobile.jpg" alt="K氓nken Me" /> </div> <div class="gradient-overlay"></div> <div class="info-trigger"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <g> <path d="M27.4006659,4.59933407 C28.8686718,6.1857275 30.0022158,7.95559512 30.8013319,9.90899001 C31.6004479,11.8623849 32,13.8927013 32,16 C32,18.1072987 31.6004479,20.1376151 30.8013319,22.09101 C30.0022158,24.0444049 28.8686718,25.8142725 27.4006659,27.4006659 C25.8142725,28.8686718 24.0444049,30.0022158 22.09101,30.8013319 C20.1376151,31.6004479 18.1072987,32 16,32 C13.8927013,32 11.8623849,31.6004479 9.90899001,30.8013319 C7.95559512,30.0022158 6.1857275,28.8686718 4.59933407,27.4006659 C3.09581194,25.83795 1.95338903,24.0828806 1.17203108,22.1354051 C0.390673119,20.1879296 0,18.142815 0,16 C0,13.857185 0.390673119,11.8120704 1.17203108,9.86459489 C1.95338903,7.91711938 3.09581194,6.16204999 4.59933407,4.59933407 C6.1857275,3.13132821 7.95559512,1.99778424 9.90899001,1.19866815 C11.8623849,0.399552053 13.8927013,0 16,0 C18.1072987,0 20.1376151,0.399552053 22.09101,1.19866815 C24.0444049,1.99778424 25.8142725,3.13132821 27.4006659,4.59933407 Z M16,29.5849057 C18.4624614,29.5849057 20.7354687,28.9781785 22.8190899,27.7647059 C24.9027111,26.5512333 26.5512333,24.9027111 27.7647059,22.8190899 C28.9781785,20.7354687 29.5849057,18.4624614 29.5849057,16 C29.5849057,13.5375386 28.9781785,11.2645313 27.7647059,9.1809101 C26.5512333,7.09728888 24.9027111,5.4487667 22.8190899,4.23529412 C20.7354687,3.02182153 18.4624614,2.41509434 16,2.41509434 C13.5375386,2.41509434 11.2645313,3.02182153 9.1809101,4.23529412 C7.09728888,5.4487667 5.4487667,7.09728888 4.23529412,9.1809101 C3.02182153,11.2645313 2.41509434,13.5375386 2.41509434,16 C2.41509434,18.4624614 3.02182153,20.7354687 4.23529412,22.8190899 C5.4487667,24.9027111 7.09728888,26.5512333 9.1809101,27.7647059 C11.2645313,28.9781785 13.5375386,29.5849057 16,29.5849057 Z M16,12 C17.1052632,12 18,11.1052632 18,10 C18,8.89473684 17.1052632,8 16,8 C14.9210526,8 14,8.89473684 14,10 C14,11.1052632 14.9210526,12 16,12 Z M14,24 L18,24 L18,14 L14,14 L14,24 Z"></path> </g> </svg> </div> <div class="text"> K氓nken Me </div> <div class="more-info"> <div class="close"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path fill="#E05F2C" d="M54.8013319,9.19866815 C57.7373436,12.371455 60.0044315,15.9111902 61.6026637,19.81798 C63.2008959,23.7247698 64,27.7854025 64,32 C64,36.2145975 63.2008959,40.2752302 61.6026637,44.18202 C60.0044315,48.0888098 57.7373436,51.628545 54.8013319,54.8013319 C51.6759,57.8083761 48.1657612,60.0932219 44.2708102,61.6559378 C40.3758592,63.2186538 36.28563,64 32,64 C27.71437,64 23.6241408,63.2186538 19.7291898,61.6559378 C15.8342388,60.0932219 12.3241,57.8083761 9.19866815,54.8013319 C6.19162388,51.6759 3.90677807,48.1657612 2.34406215,44.2708102 C0.781346238,40.3758592 0,36.28563 0,32 C0,27.71437 0.781346238,23.6241408 2.34406215,19.7291898 C3.90677807,15.8342388 6.19162388,12.3241 9.19866815,9.19866815 C12.371455,6.26265643 15.9111902,3.99556848 19.81798,2.39733629 C23.7247698,0.799104107 27.7854025,0 32,0 C36.2145975,0 40.2752302,0.799104107 44.18202,2.39733629 C48.0888098,3.99556848 51.628545,6.26265643 54.8013319,9.19866815 Z M32,59.1698113 C36.9249229,59.1698113 41.4709374,57.9563569 45.6381798,55.5294118 C49.8054222,53.1024666 53.1024666,49.8054222 55.5294118,45.6381798 C57.9563569,41.4709374 59.1698113,36.9249229 59.1698113,32 C59.1698113,27.0750771 57.9563569,22.5290626 55.5294118,18.3618202 C53.1024666,14.1945778 49.8054222,10.8975334 45.6381798,8.47058824 C41.4709374,6.04364306 36.9249229,4.83018868 32,4.83018868 C27.0750771,4.83018868 22.5290626,6.04364306 18.3618202,8.47058824 C14.1945778,10.8975334 10.8975334,14.1945778 8.47058824,18.3618202 C6.04364306,22.5290626 4.83018868,27.0750771 4.83018868,32 C4.83018868,36.9249229 6.04364306,41.4709374 8.47058824,45.6381798 C10.8975334,49.8054222 14.1945778,53.1024666 18.3618202,55.5294118 C22.5290626,57.9563569 27.0750771,59.1698113 32,59.1698113 Z M43.4006659,38.7835738 L38.7835738,43.8978912 L32,37.0788013 L25.2164262,43.8978912 L20.1021088,38.7835738 L26.9211987,32 L20.1021088,25.2164262 L25.2164262,20.5993341 L32,27.1698113 L38.7835738,20.5993341 L43.4006659,25.2164262 L36.8657048,32 L43.4006659,38.7835738 Z"></path> </svg> </div> <div class="text"> K氓nken Me </div> <div class="description"> Experiment and have fun. Colour co-ordinate to perfection or go crazy. Co-create your K氓nken Me with a friend by sharing the link and taking turns. <a href="https://www.fjallraven.com/uk/en-gb/bags-gear/kanken/kanken-bags/kanken-me" target="_blank" rel="noopener"> <span class="button call-to-action">Play</span> </a> </div> </div> </div> </div> <div class="tile not-featured"> <div class="front"> <div class="media-cover"> <img src="/assets/images/projects/banners/project--basecamp-mobile.jpg" alt="Basecamp Airstream Configurator" /> </div> <div class="gradient-overlay"></div> <div class="info-trigger"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <g> <path d="M27.4006659,4.59933407 C28.8686718,6.1857275 30.0022158,7.95559512 30.8013319,9.90899001 C31.6004479,11.8623849 32,13.8927013 32,16 C32,18.1072987 31.6004479,20.1376151 30.8013319,22.09101 C30.0022158,24.0444049 28.8686718,25.8142725 27.4006659,27.4006659 C25.8142725,28.8686718 24.0444049,30.0022158 22.09101,30.8013319 C20.1376151,31.6004479 18.1072987,32 16,32 C13.8927013,32 11.8623849,31.6004479 9.90899001,30.8013319 C7.95559512,30.0022158 6.1857275,28.8686718 4.59933407,27.4006659 C3.09581194,25.83795 1.95338903,24.0828806 1.17203108,22.1354051 C0.390673119,20.1879296 0,18.142815 0,16 C0,13.857185 0.390673119,11.8120704 1.17203108,9.86459489 C1.95338903,7.91711938 3.09581194,6.16204999 4.59933407,4.59933407 C6.1857275,3.13132821 7.95559512,1.99778424 9.90899001,1.19866815 C11.8623849,0.399552053 13.8927013,0 16,0 C18.1072987,0 20.1376151,0.399552053 22.09101,1.19866815 C24.0444049,1.99778424 25.8142725,3.13132821 27.4006659,4.59933407 Z M16,29.5849057 C18.4624614,29.5849057 20.7354687,28.9781785 22.8190899,27.7647059 C24.9027111,26.5512333 26.5512333,24.9027111 27.7647059,22.8190899 C28.9781785,20.7354687 29.5849057,18.4624614 29.5849057,16 C29.5849057,13.5375386 28.9781785,11.2645313 27.7647059,9.1809101 C26.5512333,7.09728888 24.9027111,5.4487667 22.8190899,4.23529412 C20.7354687,3.02182153 18.4624614,2.41509434 16,2.41509434 C13.5375386,2.41509434 11.2645313,3.02182153 9.1809101,4.23529412 C7.09728888,5.4487667 5.4487667,7.09728888 4.23529412,9.1809101 C3.02182153,11.2645313 2.41509434,13.5375386 2.41509434,16 C2.41509434,18.4624614 3.02182153,20.7354687 4.23529412,22.8190899 C5.4487667,24.9027111 7.09728888,26.5512333 9.1809101,27.7647059 C11.2645313,28.9781785 13.5375386,29.5849057 16,29.5849057 Z M16,12 C17.1052632,12 18,11.1052632 18,10 C18,8.89473684 17.1052632,8 16,8 C14.9210526,8 14,8.89473684 14,10 C14,11.1052632 14.9210526,12 16,12 Z M14,24 L18,24 L18,14 L14,14 L14,24 Z"></path> </g> </svg> </div> <div class="text"> Basecamp Airstream Configurator </div> <div class="more-info"> <div class="close"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path fill="#E05F2C" d="M54.8013319,9.19866815 C57.7373436,12.371455 60.0044315,15.9111902 61.6026637,19.81798 C63.2008959,23.7247698 64,27.7854025 64,32 C64,36.2145975 63.2008959,40.2752302 61.6026637,44.18202 C60.0044315,48.0888098 57.7373436,51.628545 54.8013319,54.8013319 C51.6759,57.8083761 48.1657612,60.0932219 44.2708102,61.6559378 C40.3758592,63.2186538 36.28563,64 32,64 C27.71437,64 23.6241408,63.2186538 19.7291898,61.6559378 C15.8342388,60.0932219 12.3241,57.8083761 9.19866815,54.8013319 C6.19162388,51.6759 3.90677807,48.1657612 2.34406215,44.2708102 C0.781346238,40.3758592 0,36.28563 0,32 C0,27.71437 0.781346238,23.6241408 2.34406215,19.7291898 C3.90677807,15.8342388 6.19162388,12.3241 9.19866815,9.19866815 C12.371455,6.26265643 15.9111902,3.99556848 19.81798,2.39733629 C23.7247698,0.799104107 27.7854025,0 32,0 C36.2145975,0 40.2752302,0.799104107 44.18202,2.39733629 C48.0888098,3.99556848 51.628545,6.26265643 54.8013319,9.19866815 Z M32,59.1698113 C36.9249229,59.1698113 41.4709374,57.9563569 45.6381798,55.5294118 C49.8054222,53.1024666 53.1024666,49.8054222 55.5294118,45.6381798 C57.9563569,41.4709374 59.1698113,36.9249229 59.1698113,32 C59.1698113,27.0750771 57.9563569,22.5290626 55.5294118,18.3618202 C53.1024666,14.1945778 49.8054222,10.8975334 45.6381798,8.47058824 C41.4709374,6.04364306 36.9249229,4.83018868 32,4.83018868 C27.0750771,4.83018868 22.5290626,6.04364306 18.3618202,8.47058824 C14.1945778,10.8975334 10.8975334,14.1945778 8.47058824,18.3618202 C6.04364306,22.5290626 4.83018868,27.0750771 4.83018868,32 C4.83018868,36.9249229 6.04364306,41.4709374 8.47058824,45.6381798 C10.8975334,49.8054222 14.1945778,53.1024666 18.3618202,55.5294118 C22.5290626,57.9563569 27.0750771,59.1698113 32,59.1698113 Z M43.4006659,38.7835738 L38.7835738,43.8978912 L32,37.0788013 L25.2164262,43.8978912 L20.1021088,38.7835738 L26.9211987,32 L20.1021088,25.2164262 L25.2164262,20.5993341 L32,27.1698113 L38.7835738,20.5993341 L43.4006659,25.2164262 L36.8657048,32 L43.4006659,38.7835738 Z"></path> </svg> </div> <div class="text"> Basecamp Airstream Configurator </div> <div class="description"> Plow Digital and LABOV used PlayCanvas to help launch the New Airstream Basecamp 20 travel trailer for the Airstream website. The application allows users to rotate, open doors, explore inside to see different configurations, and view the product in a 3D campground scene. <a href="https://www.airstream.com/travel-trailers/airstream-basecamp-3d-experience/" target="_blank" rel="noopener"> <span class="button call-to-action">Play</span> </a> </div> </div> </div> </div> <div class="tile not-featured"> <div class="front"> <div class="media-cover"> <img src="/assets/images/projects/banners/project--polaris-mobile.jpg" alt="Polaris Vehicle Configurator" /> </div> <div class="gradient-overlay"></div> <div class="info-trigger"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <g> <path d="M27.4006659,4.59933407 C28.8686718,6.1857275 30.0022158,7.95559512 30.8013319,9.90899001 C31.6004479,11.8623849 32,13.8927013 32,16 C32,18.1072987 31.6004479,20.1376151 30.8013319,22.09101 C30.0022158,24.0444049 28.8686718,25.8142725 27.4006659,27.4006659 C25.8142725,28.8686718 24.0444049,30.0022158 22.09101,30.8013319 C20.1376151,31.6004479 18.1072987,32 16,32 C13.8927013,32 11.8623849,31.6004479 9.90899001,30.8013319 C7.95559512,30.0022158 6.1857275,28.8686718 4.59933407,27.4006659 C3.09581194,25.83795 1.95338903,24.0828806 1.17203108,22.1354051 C0.390673119,20.1879296 0,18.142815 0,16 C0,13.857185 0.390673119,11.8120704 1.17203108,9.86459489 C1.95338903,7.91711938 3.09581194,6.16204999 4.59933407,4.59933407 C6.1857275,3.13132821 7.95559512,1.99778424 9.90899001,1.19866815 C11.8623849,0.399552053 13.8927013,0 16,0 C18.1072987,0 20.1376151,0.399552053 22.09101,1.19866815 C24.0444049,1.99778424 25.8142725,3.13132821 27.4006659,4.59933407 Z M16,29.5849057 C18.4624614,29.5849057 20.7354687,28.9781785 22.8190899,27.7647059 C24.9027111,26.5512333 26.5512333,24.9027111 27.7647059,22.8190899 C28.9781785,20.7354687 29.5849057,18.4624614 29.5849057,16 C29.5849057,13.5375386 28.9781785,11.2645313 27.7647059,9.1809101 C26.5512333,7.09728888 24.9027111,5.4487667 22.8190899,4.23529412 C20.7354687,3.02182153 18.4624614,2.41509434 16,2.41509434 C13.5375386,2.41509434 11.2645313,3.02182153 9.1809101,4.23529412 C7.09728888,5.4487667 5.4487667,7.09728888 4.23529412,9.1809101 C3.02182153,11.2645313 2.41509434,13.5375386 2.41509434,16 C2.41509434,18.4624614 3.02182153,20.7354687 4.23529412,22.8190899 C5.4487667,24.9027111 7.09728888,26.5512333 9.1809101,27.7647059 C11.2645313,28.9781785 13.5375386,29.5849057 16,29.5849057 Z M16,12 C17.1052632,12 18,11.1052632 18,10 C18,8.89473684 17.1052632,8 16,8 C14.9210526,8 14,8.89473684 14,10 C14,11.1052632 14.9210526,12 16,12 Z M14,24 L18,24 L18,14 L14,14 L14,24 Z"></path> </g> </svg> </div> <div class="text"> Polaris Vehicle Configurator </div> <div class="more-info"> <div class="close"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path fill="#E05F2C" d="M54.8013319,9.19866815 C57.7373436,12.371455 60.0044315,15.9111902 61.6026637,19.81798 C63.2008959,23.7247698 64,27.7854025 64,32 C64,36.2145975 63.2008959,40.2752302 61.6026637,44.18202 C60.0044315,48.0888098 57.7373436,51.628545 54.8013319,54.8013319 C51.6759,57.8083761 48.1657612,60.0932219 44.2708102,61.6559378 C40.3758592,63.2186538 36.28563,64 32,64 C27.71437,64 23.6241408,63.2186538 19.7291898,61.6559378 C15.8342388,60.0932219 12.3241,57.8083761 9.19866815,54.8013319 C6.19162388,51.6759 3.90677807,48.1657612 2.34406215,44.2708102 C0.781346238,40.3758592 0,36.28563 0,32 C0,27.71437 0.781346238,23.6241408 2.34406215,19.7291898 C3.90677807,15.8342388 6.19162388,12.3241 9.19866815,9.19866815 C12.371455,6.26265643 15.9111902,3.99556848 19.81798,2.39733629 C23.7247698,0.799104107 27.7854025,0 32,0 C36.2145975,0 40.2752302,0.799104107 44.18202,2.39733629 C48.0888098,3.99556848 51.628545,6.26265643 54.8013319,9.19866815 Z M32,59.1698113 C36.9249229,59.1698113 41.4709374,57.9563569 45.6381798,55.5294118 C49.8054222,53.1024666 53.1024666,49.8054222 55.5294118,45.6381798 C57.9563569,41.4709374 59.1698113,36.9249229 59.1698113,32 C59.1698113,27.0750771 57.9563569,22.5290626 55.5294118,18.3618202 C53.1024666,14.1945778 49.8054222,10.8975334 45.6381798,8.47058824 C41.4709374,6.04364306 36.9249229,4.83018868 32,4.83018868 C27.0750771,4.83018868 22.5290626,6.04364306 18.3618202,8.47058824 C14.1945778,10.8975334 10.8975334,14.1945778 8.47058824,18.3618202 C6.04364306,22.5290626 4.83018868,27.0750771 4.83018868,32 C4.83018868,36.9249229 6.04364306,41.4709374 8.47058824,45.6381798 C10.8975334,49.8054222 14.1945778,53.1024666 18.3618202,55.5294118 C22.5290626,57.9563569 27.0750771,59.1698113 32,59.1698113 Z M43.4006659,38.7835738 L38.7835738,43.8978912 L32,37.0788013 L25.2164262,43.8978912 L20.1021088,38.7835738 L26.9211987,32 L20.1021088,25.2164262 L25.2164262,20.5993341 L32,27.1698113 L38.7835738,20.5993341 L43.4006659,25.2164262 L36.8657048,32 L43.4006659,38.7835738 Z"></path> </svg> </div> <div class="text"> Polaris Vehicle Configurator </div> <div class="description"> The Polaris vehicle configurator is the world's first to use realtime 3D graphics. It makes full use of the PlayCanvas physically based rendering engine to achieve stunningly realistic visuals which is critical for the automotive sector <a href="https://rzr.polaris.com/" target="_blank" rel="noopener"> <span class="button call-to-action">Play</span> </a> </div> </div> </div> </div> <div class="tile not-featured"> <div class="front"> <div class="media-cover"> <img src="/assets/images/projects/banners/project--sesotec-mobile.jpg" alt="Sesotec NEXWEY Visualizer" /> </div> <div class="gradient-overlay"></div> <div class="info-trigger"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <g> <path d="M27.4006659,4.59933407 C28.8686718,6.1857275 30.0022158,7.95559512 30.8013319,9.90899001 C31.6004479,11.8623849 32,13.8927013 32,16 C32,18.1072987 31.6004479,20.1376151 30.8013319,22.09101 C30.0022158,24.0444049 28.8686718,25.8142725 27.4006659,27.4006659 C25.8142725,28.8686718 24.0444049,30.0022158 22.09101,30.8013319 C20.1376151,31.6004479 18.1072987,32 16,32 C13.8927013,32 11.8623849,31.6004479 9.90899001,30.8013319 C7.95559512,30.0022158 6.1857275,28.8686718 4.59933407,27.4006659 C3.09581194,25.83795 1.95338903,24.0828806 1.17203108,22.1354051 C0.390673119,20.1879296 0,18.142815 0,16 C0,13.857185 0.390673119,11.8120704 1.17203108,9.86459489 C1.95338903,7.91711938 3.09581194,6.16204999 4.59933407,4.59933407 C6.1857275,3.13132821 7.95559512,1.99778424 9.90899001,1.19866815 C11.8623849,0.399552053 13.8927013,0 16,0 C18.1072987,0 20.1376151,0.399552053 22.09101,1.19866815 C24.0444049,1.99778424 25.8142725,3.13132821 27.4006659,4.59933407 Z M16,29.5849057 C18.4624614,29.5849057 20.7354687,28.9781785 22.8190899,27.7647059 C24.9027111,26.5512333 26.5512333,24.9027111 27.7647059,22.8190899 C28.9781785,20.7354687 29.5849057,18.4624614 29.5849057,16 C29.5849057,13.5375386 28.9781785,11.2645313 27.7647059,9.1809101 C26.5512333,7.09728888 24.9027111,5.4487667 22.8190899,4.23529412 C20.7354687,3.02182153 18.4624614,2.41509434 16,2.41509434 C13.5375386,2.41509434 11.2645313,3.02182153 9.1809101,4.23529412 C7.09728888,5.4487667 5.4487667,7.09728888 4.23529412,9.1809101 C3.02182153,11.2645313 2.41509434,13.5375386 2.41509434,16 C2.41509434,18.4624614 3.02182153,20.7354687 4.23529412,22.8190899 C5.4487667,24.9027111 7.09728888,26.5512333 9.1809101,27.7647059 C11.2645313,28.9781785 13.5375386,29.5849057 16,29.5849057 Z M16,12 C17.1052632,12 18,11.1052632 18,10 C18,8.89473684 17.1052632,8 16,8 C14.9210526,8 14,8.89473684 14,10 C14,11.1052632 14.9210526,12 16,12 Z M14,24 L18,24 L18,14 L14,14 L14,24 Z"></path> </g> </svg> </div> <div class="text"> Sesotec NEXWEY Visualizer </div> <div class="more-info"> <div class="close"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path fill="#E05F2C" d="M54.8013319,9.19866815 C57.7373436,12.371455 60.0044315,15.9111902 61.6026637,19.81798 C63.2008959,23.7247698 64,27.7854025 64,32 C64,36.2145975 63.2008959,40.2752302 61.6026637,44.18202 C60.0044315,48.0888098 57.7373436,51.628545 54.8013319,54.8013319 C51.6759,57.8083761 48.1657612,60.0932219 44.2708102,61.6559378 C40.3758592,63.2186538 36.28563,64 32,64 C27.71437,64 23.6241408,63.2186538 19.7291898,61.6559378 C15.8342388,60.0932219 12.3241,57.8083761 9.19866815,54.8013319 C6.19162388,51.6759 3.90677807,48.1657612 2.34406215,44.2708102 C0.781346238,40.3758592 0,36.28563 0,32 C0,27.71437 0.781346238,23.6241408 2.34406215,19.7291898 C3.90677807,15.8342388 6.19162388,12.3241 9.19866815,9.19866815 C12.371455,6.26265643 15.9111902,3.99556848 19.81798,2.39733629 C23.7247698,0.799104107 27.7854025,0 32,0 C36.2145975,0 40.2752302,0.799104107 44.18202,2.39733629 C48.0888098,3.99556848 51.628545,6.26265643 54.8013319,9.19866815 Z M32,59.1698113 C36.9249229,59.1698113 41.4709374,57.9563569 45.6381798,55.5294118 C49.8054222,53.1024666 53.1024666,49.8054222 55.5294118,45.6381798 C57.9563569,41.4709374 59.1698113,36.9249229 59.1698113,32 C59.1698113,27.0750771 57.9563569,22.5290626 55.5294118,18.3618202 C53.1024666,14.1945778 49.8054222,10.8975334 45.6381798,8.47058824 C41.4709374,6.04364306 36.9249229,4.83018868 32,4.83018868 C27.0750771,4.83018868 22.5290626,6.04364306 18.3618202,8.47058824 C14.1945778,10.8975334 10.8975334,14.1945778 8.47058824,18.3618202 C6.04364306,22.5290626 4.83018868,27.0750771 4.83018868,32 C4.83018868,36.9249229 6.04364306,41.4709374 8.47058824,45.6381798 C10.8975334,49.8054222 14.1945778,53.1024666 18.3618202,55.5294118 C22.5290626,57.9563569 27.0750771,59.1698113 32,59.1698113 Z M43.4006659,38.7835738 L38.7835738,43.8978912 L32,37.0788013 L25.2164262,43.8978912 L20.1021088,38.7835738 L26.9211987,32 L20.1021088,25.2164262 L25.2164262,20.5993341 L32,27.1698113 L38.7835738,20.5993341 L43.4006659,25.2164262 L36.8657048,32 L43.4006659,38.7835738 Z"></path> </svg> </div> <div class="text"> Sesotec NEXWEY Visualizer </div> <div class="description"> Sesotec builds high-tech systems for foreign object detection and material sorting. This 3D visualizer allows customers to explore their new Checkweighing System NEXWEY. <a href="https://www.sesotec.com/na/en-US/lp/nexwey" target="_blank" rel="noopener"> <span class="button call-to-action">Play</span> </a> </div> </div> </div> </div> <div class="tile not-featured"> <div class="front"> <div class="media-cover"> <img src="/assets/images/projects/banners/project--inr-mobile.jpg" alt="INR Bathroom Configurator" /> </div> <div class="gradient-overlay"></div> <div class="info-trigger"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <g> <path d="M27.4006659,4.59933407 C28.8686718,6.1857275 30.0022158,7.95559512 30.8013319,9.90899001 C31.6004479,11.8623849 32,13.8927013 32,16 C32,18.1072987 31.6004479,20.1376151 30.8013319,22.09101 C30.0022158,24.0444049 28.8686718,25.8142725 27.4006659,27.4006659 C25.8142725,28.8686718 24.0444049,30.0022158 22.09101,30.8013319 C20.1376151,31.6004479 18.1072987,32 16,32 C13.8927013,32 11.8623849,31.6004479 9.90899001,30.8013319 C7.95559512,30.0022158 6.1857275,28.8686718 4.59933407,27.4006659 C3.09581194,25.83795 1.95338903,24.0828806 1.17203108,22.1354051 C0.390673119,20.1879296 0,18.142815 0,16 C0,13.857185 0.390673119,11.8120704 1.17203108,9.86459489 C1.95338903,7.91711938 3.09581194,6.16204999 4.59933407,4.59933407 C6.1857275,3.13132821 7.95559512,1.99778424 9.90899001,1.19866815 C11.8623849,0.399552053 13.8927013,0 16,0 C18.1072987,0 20.1376151,0.399552053 22.09101,1.19866815 C24.0444049,1.99778424 25.8142725,3.13132821 27.4006659,4.59933407 Z M16,29.5849057 C18.4624614,29.5849057 20.7354687,28.9781785 22.8190899,27.7647059 C24.9027111,26.5512333 26.5512333,24.9027111 27.7647059,22.8190899 C28.9781785,20.7354687 29.5849057,18.4624614 29.5849057,16 C29.5849057,13.5375386 28.9781785,11.2645313 27.7647059,9.1809101 C26.5512333,7.09728888 24.9027111,5.4487667 22.8190899,4.23529412 C20.7354687,3.02182153 18.4624614,2.41509434 16,2.41509434 C13.5375386,2.41509434 11.2645313,3.02182153 9.1809101,4.23529412 C7.09728888,5.4487667 5.4487667,7.09728888 4.23529412,9.1809101 C3.02182153,11.2645313 2.41509434,13.5375386 2.41509434,16 C2.41509434,18.4624614 3.02182153,20.7354687 4.23529412,22.8190899 C5.4487667,24.9027111 7.09728888,26.5512333 9.1809101,27.7647059 C11.2645313,28.9781785 13.5375386,29.5849057 16,29.5849057 Z M16,12 C17.1052632,12 18,11.1052632 18,10 C18,8.89473684 17.1052632,8 16,8 C14.9210526,8 14,8.89473684 14,10 C14,11.1052632 14.9210526,12 16,12 Z M14,24 L18,24 L18,14 L14,14 L14,24 Z"></path> </g> </svg> </div> <div class="text"> INR Bathroom Configurator </div> <div class="more-info"> <div class="close"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path fill="#E05F2C" d="M54.8013319,9.19866815 C57.7373436,12.371455 60.0044315,15.9111902 61.6026637,19.81798 C63.2008959,23.7247698 64,27.7854025 64,32 C64,36.2145975 63.2008959,40.2752302 61.6026637,44.18202 C60.0044315,48.0888098 57.7373436,51.628545 54.8013319,54.8013319 C51.6759,57.8083761 48.1657612,60.0932219 44.2708102,61.6559378 C40.3758592,63.2186538 36.28563,64 32,64 C27.71437,64 23.6241408,63.2186538 19.7291898,61.6559378 C15.8342388,60.0932219 12.3241,57.8083761 9.19866815,54.8013319 C6.19162388,51.6759 3.90677807,48.1657612 2.34406215,44.2708102 C0.781346238,40.3758592 0,36.28563 0,32 C0,27.71437 0.781346238,23.6241408 2.34406215,19.7291898 C3.90677807,15.8342388 6.19162388,12.3241 9.19866815,9.19866815 C12.371455,6.26265643 15.9111902,3.99556848 19.81798,2.39733629 C23.7247698,0.799104107 27.7854025,0 32,0 C36.2145975,0 40.2752302,0.799104107 44.18202,2.39733629 C48.0888098,3.99556848 51.628545,6.26265643 54.8013319,9.19866815 Z M32,59.1698113 C36.9249229,59.1698113 41.4709374,57.9563569 45.6381798,55.5294118 C49.8054222,53.1024666 53.1024666,49.8054222 55.5294118,45.6381798 C57.9563569,41.4709374 59.1698113,36.9249229 59.1698113,32 C59.1698113,27.0750771 57.9563569,22.5290626 55.5294118,18.3618202 C53.1024666,14.1945778 49.8054222,10.8975334 45.6381798,8.47058824 C41.4709374,6.04364306 36.9249229,4.83018868 32,4.83018868 C27.0750771,4.83018868 22.5290626,6.04364306 18.3618202,8.47058824 C14.1945778,10.8975334 10.8975334,14.1945778 8.47058824,18.3618202 C6.04364306,22.5290626 4.83018868,27.0750771 4.83018868,32 C4.83018868,36.9249229 6.04364306,41.4709374 8.47058824,45.6381798 C10.8975334,49.8054222 14.1945778,53.1024666 18.3618202,55.5294118 C22.5290626,57.9563569 27.0750771,59.1698113 32,59.1698113 Z M43.4006659,38.7835738 L38.7835738,43.8978912 L32,37.0788013 L25.2164262,43.8978912 L20.1021088,38.7835738 L26.9211987,32 L20.1021088,25.2164262 L25.2164262,20.5993341 L32,27.1698113 L38.7835738,20.5993341 L43.4006659,25.2164262 L36.8657048,32 L43.4006659,38.7835738 Z"></path> </svg> </div> <div class="text"> INR Bathroom Configurator </div> <div class="description"> A stunning bathroom configurator from Swedish bathroom manufacturer INR. <a href="https://www.inr.se/planera-badrum/planera-badrum-verktyg-3d/" target="_blank" rel="noopener"> <span class="button call-to-action">Play</span> </a> </div> </div> </div> </div> <div class="tile not-featured"> <div class="front"> <div class="media-cover"> <img src="/assets/images/projects/banners/project--Indian-mobile.jpg" alt="Indian Motorcycles Configurator" /> </div> <div class="gradient-overlay"></div> <div class="info-trigger"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <g> <path d="M27.4006659,4.59933407 C28.8686718,6.1857275 30.0022158,7.95559512 30.8013319,9.90899001 C31.6004479,11.8623849 32,13.8927013 32,16 C32,18.1072987 31.6004479,20.1376151 30.8013319,22.09101 C30.0022158,24.0444049 28.8686718,25.8142725 27.4006659,27.4006659 C25.8142725,28.8686718 24.0444049,30.0022158 22.09101,30.8013319 C20.1376151,31.6004479 18.1072987,32 16,32 C13.8927013,32 11.8623849,31.6004479 9.90899001,30.8013319 C7.95559512,30.0022158 6.1857275,28.8686718 4.59933407,27.4006659 C3.09581194,25.83795 1.95338903,24.0828806 1.17203108,22.1354051 C0.390673119,20.1879296 0,18.142815 0,16 C0,13.857185 0.390673119,11.8120704 1.17203108,9.86459489 C1.95338903,7.91711938 3.09581194,6.16204999 4.59933407,4.59933407 C6.1857275,3.13132821 7.95559512,1.99778424 9.90899001,1.19866815 C11.8623849,0.399552053 13.8927013,0 16,0 C18.1072987,0 20.1376151,0.399552053 22.09101,1.19866815 C24.0444049,1.99778424 25.8142725,3.13132821 27.4006659,4.59933407 Z M16,29.5849057 C18.4624614,29.5849057 20.7354687,28.9781785 22.8190899,27.7647059 C24.9027111,26.5512333 26.5512333,24.9027111 27.7647059,22.8190899 C28.9781785,20.7354687 29.5849057,18.4624614 29.5849057,16 C29.5849057,13.5375386 28.9781785,11.2645313 27.7647059,9.1809101 C26.5512333,7.09728888 24.9027111,5.4487667 22.8190899,4.23529412 C20.7354687,3.02182153 18.4624614,2.41509434 16,2.41509434 C13.5375386,2.41509434 11.2645313,3.02182153 9.1809101,4.23529412 C7.09728888,5.4487667 5.4487667,7.09728888 4.23529412,9.1809101 C3.02182153,11.2645313 2.41509434,13.5375386 2.41509434,16 C2.41509434,18.4624614 3.02182153,20.7354687 4.23529412,22.8190899 C5.4487667,24.9027111 7.09728888,26.5512333 9.1809101,27.7647059 C11.2645313,28.9781785 13.5375386,29.5849057 16,29.5849057 Z M16,12 C17.1052632,12 18,11.1052632 18,10 C18,8.89473684 17.1052632,8 16,8 C14.9210526,8 14,8.89473684 14,10 C14,11.1052632 14.9210526,12 16,12 Z M14,24 L18,24 L18,14 L14,14 L14,24 Z"></path> </g> </svg> </div> <div class="text"> Indian Motorcycles Configurator </div> <div class="more-info"> <div class="close"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path fill="#E05F2C" d="M54.8013319,9.19866815 C57.7373436,12.371455 60.0044315,15.9111902 61.6026637,19.81798 C63.2008959,23.7247698 64,27.7854025 64,32 C64,36.2145975 63.2008959,40.2752302 61.6026637,44.18202 C60.0044315,48.0888098 57.7373436,51.628545 54.8013319,54.8013319 C51.6759,57.8083761 48.1657612,60.0932219 44.2708102,61.6559378 C40.3758592,63.2186538 36.28563,64 32,64 C27.71437,64 23.6241408,63.2186538 19.7291898,61.6559378 C15.8342388,60.0932219 12.3241,57.8083761 9.19866815,54.8013319 C6.19162388,51.6759 3.90677807,48.1657612 2.34406215,44.2708102 C0.781346238,40.3758592 0,36.28563 0,32 C0,27.71437 0.781346238,23.6241408 2.34406215,19.7291898 C3.90677807,15.8342388 6.19162388,12.3241 9.19866815,9.19866815 C12.371455,6.26265643 15.9111902,3.99556848 19.81798,2.39733629 C23.7247698,0.799104107 27.7854025,0 32,0 C36.2145975,0 40.2752302,0.799104107 44.18202,2.39733629 C48.0888098,3.99556848 51.628545,6.26265643 54.8013319,9.19866815 Z M32,59.1698113 C36.9249229,59.1698113 41.4709374,57.9563569 45.6381798,55.5294118 C49.8054222,53.1024666 53.1024666,49.8054222 55.5294118,45.6381798 C57.9563569,41.4709374 59.1698113,36.9249229 59.1698113,32 C59.1698113,27.0750771 57.9563569,22.5290626 55.5294118,18.3618202 C53.1024666,14.1945778 49.8054222,10.8975334 45.6381798,8.47058824 C41.4709374,6.04364306 36.9249229,4.83018868 32,4.83018868 C27.0750771,4.83018868 22.5290626,6.04364306 18.3618202,8.47058824 C14.1945778,10.8975334 10.8975334,14.1945778 8.47058824,18.3618202 C6.04364306,22.5290626 4.83018868,27.0750771 4.83018868,32 C4.83018868,36.9249229 6.04364306,41.4709374 8.47058824,45.6381798 C10.8975334,49.8054222 14.1945778,53.1024666 18.3618202,55.5294118 C22.5290626,57.9563569 27.0750771,59.1698113 32,59.1698113 Z M43.4006659,38.7835738 L38.7835738,43.8978912 L32,37.0788013 L25.2164262,43.8978912 L20.1021088,38.7835738 L26.9211987,32 L20.1021088,25.2164262 L25.2164262,20.5993341 L32,27.1698113 L38.7835738,20.5993341 L43.4006659,25.2164262 L36.8657048,32 L43.4006659,38.7835738 Z"></path> </svg> </div> <div class="text"> Indian Motorcycles Configurator </div> <div class="description"> Indian Motorcycles are brought to life in this beautiful configurator. It makes full use of PlayCanvas to truly bring Indian Motorcycles to life; allowing customers to endlessly configure their dream motorcyle. <a href="https://www.indianmotorcycle.com/en-us/scout-bobber/build-color/" target="_blank" rel="noopener"> <span class="button call-to-action">Play</span> </a> </div> </div> </div> </div> <div class="tile not-featured"> <div class="front"> <div class="media-cover"> <div class="video-container"> <div class="video-label"> Video </div> <video data-type="thumbnail" loop muted> <source src="https://playcanvas.com/static-assets/videos/projects/thumbs/PC-Video-Thumb-BMW.mp4" type='video/mp4' /> </video> </div> <img src="/assets/images/projects/banners/project--BMWi8-mobile.jpg" alt="BMW i8" /> </div> <div class="gradient-overlay"></div> <div class="info-trigger"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <g> <path d="M27.4006659,4.59933407 C28.8686718,6.1857275 30.0022158,7.95559512 30.8013319,9.90899001 C31.6004479,11.8623849 32,13.8927013 32,16 C32,18.1072987 31.6004479,20.1376151 30.8013319,22.09101 C30.0022158,24.0444049 28.8686718,25.8142725 27.4006659,27.4006659 C25.8142725,28.8686718 24.0444049,30.0022158 22.09101,30.8013319 C20.1376151,31.6004479 18.1072987,32 16,32 C13.8927013,32 11.8623849,31.6004479 9.90899001,30.8013319 C7.95559512,30.0022158 6.1857275,28.8686718 4.59933407,27.4006659 C3.09581194,25.83795 1.95338903,24.0828806 1.17203108,22.1354051 C0.390673119,20.1879296 0,18.142815 0,16 C0,13.857185 0.390673119,11.8120704 1.17203108,9.86459489 C1.95338903,7.91711938 3.09581194,6.16204999 4.59933407,4.59933407 C6.1857275,3.13132821 7.95559512,1.99778424 9.90899001,1.19866815 C11.8623849,0.399552053 13.8927013,0 16,0 C18.1072987,0 20.1376151,0.399552053 22.09101,1.19866815 C24.0444049,1.99778424 25.8142725,3.13132821 27.4006659,4.59933407 Z M16,29.5849057 C18.4624614,29.5849057 20.7354687,28.9781785 22.8190899,27.7647059 C24.9027111,26.5512333 26.5512333,24.9027111 27.7647059,22.8190899 C28.9781785,20.7354687 29.5849057,18.4624614 29.5849057,16 C29.5849057,13.5375386 28.9781785,11.2645313 27.7647059,9.1809101 C26.5512333,7.09728888 24.9027111,5.4487667 22.8190899,4.23529412 C20.7354687,3.02182153 18.4624614,2.41509434 16,2.41509434 C13.5375386,2.41509434 11.2645313,3.02182153 9.1809101,4.23529412 C7.09728888,5.4487667 5.4487667,7.09728888 4.23529412,9.1809101 C3.02182153,11.2645313 2.41509434,13.5375386 2.41509434,16 C2.41509434,18.4624614 3.02182153,20.7354687 4.23529412,22.8190899 C5.4487667,24.9027111 7.09728888,26.5512333 9.1809101,27.7647059 C11.2645313,28.9781785 13.5375386,29.5849057 16,29.5849057 Z M16,12 C17.1052632,12 18,11.1052632 18,10 C18,8.89473684 17.1052632,8 16,8 C14.9210526,8 14,8.89473684 14,10 C14,11.1052632 14.9210526,12 16,12 Z M14,24 L18,24 L18,14 L14,14 L14,24 Z"></path> </g> </svg> </div> <div class="text"> BMW i8 </div> <div class="more-info"> <div class="close"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path fill="#E05F2C" d="M54.8013319,9.19866815 C57.7373436,12.371455 60.0044315,15.9111902 61.6026637,19.81798 C63.2008959,23.7247698 64,27.7854025 64,32 C64,36.2145975 63.2008959,40.2752302 61.6026637,44.18202 C60.0044315,48.0888098 57.7373436,51.628545 54.8013319,54.8013319 C51.6759,57.8083761 48.1657612,60.0932219 44.2708102,61.6559378 C40.3758592,63.2186538 36.28563,64 32,64 C27.71437,64 23.6241408,63.2186538 19.7291898,61.6559378 C15.8342388,60.0932219 12.3241,57.8083761 9.19866815,54.8013319 C6.19162388,51.6759 3.90677807,48.1657612 2.34406215,44.2708102 C0.781346238,40.3758592 0,36.28563 0,32 C0,27.71437 0.781346238,23.6241408 2.34406215,19.7291898 C3.90677807,15.8342388 6.19162388,12.3241 9.19866815,9.19866815 C12.371455,6.26265643 15.9111902,3.99556848 19.81798,2.39733629 C23.7247698,0.799104107 27.7854025,0 32,0 C36.2145975,0 40.2752302,0.799104107 44.18202,2.39733629 C48.0888098,3.99556848 51.628545,6.26265643 54.8013319,9.19866815 Z M32,59.1698113 C36.9249229,59.1698113 41.4709374,57.9563569 45.6381798,55.5294118 C49.8054222,53.1024666 53.1024666,49.8054222 55.5294118,45.6381798 C57.9563569,41.4709374 59.1698113,36.9249229 59.1698113,32 C59.1698113,27.0750771 57.9563569,22.5290626 55.5294118,18.3618202 C53.1024666,14.1945778 49.8054222,10.8975334 45.6381798,8.47058824 C41.4709374,6.04364306 36.9249229,4.83018868 32,4.83018868 C27.0750771,4.83018868 22.5290626,6.04364306 18.3618202,8.47058824 C14.1945778,10.8975334 10.8975334,14.1945778 8.47058824,18.3618202 C6.04364306,22.5290626 4.83018868,27.0750771 4.83018868,32 C4.83018868,36.9249229 6.04364306,41.4709374 8.47058824,45.6381798 C10.8975334,49.8054222 14.1945778,53.1024666 18.3618202,55.5294118 C22.5290626,57.9563569 27.0750771,59.1698113 32,59.1698113 Z M43.4006659,38.7835738 L38.7835738,43.8978912 L32,37.0788013 L25.2164262,43.8978912 L20.1021088,38.7835738 L26.9211987,32 L20.1021088,25.2164262 L25.2164262,20.5993341 L32,27.1698113 L38.7835738,20.5993341 L43.4006659,25.2164262 L36.8657048,32 L43.4006659,38.7835738 Z"></path> </svg> </div> <div class="text"> BMW i8 </div> <div class="description"> A beautiful and engaging brand experience of the BMW i8. Select AR markers to explore the vehicle, change paint and trim. Proof that WebGL is ready for the automotive industry. <a href="https://playcanv.as/p/RqJJ9oU9/" target="_blank" rel="noopener"> <span class="button call-to-action">Play</span> </a> </div> </div> </div> </div> </div> </div> </div> <div class="section dark no-padding-sides" id="explore-tech"> <h1 class="title"> Tech demos </h1> <h4 class="sub-text"> PlayCanvas is at the bleeding edge of WebGL and these technical demonstrations illustrate the latest graphical techniques </h4> <div class="projects-gallery"> <div class="projects-wrapper"> <div class="featured-projects secondary"> <div class="featured-project" id="-featured-project-full"> <div class="bg-gradient"></div> <div class="media-cover"> <picture> <source media="(max-width: 750px)" srcset="/assets/images/projects/banners/project--seemore-mobile.jpg"> <source media="(min-width: 750px)" srcset="/assets/images/projects/banners/project--seemore-desktop.jpg"> <img src="/assets/images/projects/banners/project--seemore-desktop.jpg" alt="Seemore"> </picture> </div> <div class="project-info"> <div class="game-info"> <h1 class="title"> Seemore </h1> <div class="description hide-on-mobile"> ARM is a world leader in microprocessor design and wanted to demonstrate the power of its mobile GPUs. The Seemore demo uses Basis texture compression, GPU vertex animation, interpolated lightmaps and other techniques to achieve maximum performance and visual quality. </div> <div class="description hide-on-desktop"> A graphical tech demo from ARM and PlayCanvas showcasing mobile WebGL </div> <a href="https://playcanv.as/p/MflWvdTW/" target="_blank" rel="noopener"> <span class="button call-to-action"> Play </span> </a> </div> </div> </div> </div> </div> <div class="game-tiles"> <div class="tile not-featured"> <div class="front"> <div class="media-cover"> <img src="/assets/images/projects/banners/project--afterTheFlood-mobile.jpg" alt="After the Flood" /> </div> <div class="gradient-overlay"></div> <div class="info-trigger"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <g> <path d="M27.4006659,4.59933407 C28.8686718,6.1857275 30.0022158,7.95559512 30.8013319,9.90899001 C31.6004479,11.8623849 32,13.8927013 32,16 C32,18.1072987 31.6004479,20.1376151 30.8013319,22.09101 C30.0022158,24.0444049 28.8686718,25.8142725 27.4006659,27.4006659 C25.8142725,28.8686718 24.0444049,30.0022158 22.09101,30.8013319 C20.1376151,31.6004479 18.1072987,32 16,32 C13.8927013,32 11.8623849,31.6004479 9.90899001,30.8013319 C7.95559512,30.0022158 6.1857275,28.8686718 4.59933407,27.4006659 C3.09581194,25.83795 1.95338903,24.0828806 1.17203108,22.1354051 C0.390673119,20.1879296 0,18.142815 0,16 C0,13.857185 0.390673119,11.8120704 1.17203108,9.86459489 C1.95338903,7.91711938 3.09581194,6.16204999 4.59933407,4.59933407 C6.1857275,3.13132821 7.95559512,1.99778424 9.90899001,1.19866815 C11.8623849,0.399552053 13.8927013,0 16,0 C18.1072987,0 20.1376151,0.399552053 22.09101,1.19866815 C24.0444049,1.99778424 25.8142725,3.13132821 27.4006659,4.59933407 Z M16,29.5849057 C18.4624614,29.5849057 20.7354687,28.9781785 22.8190899,27.7647059 C24.9027111,26.5512333 26.5512333,24.9027111 27.7647059,22.8190899 C28.9781785,20.7354687 29.5849057,18.4624614 29.5849057,16 C29.5849057,13.5375386 28.9781785,11.2645313 27.7647059,9.1809101 C26.5512333,7.09728888 24.9027111,5.4487667 22.8190899,4.23529412 C20.7354687,3.02182153 18.4624614,2.41509434 16,2.41509434 C13.5375386,2.41509434 11.2645313,3.02182153 9.1809101,4.23529412 C7.09728888,5.4487667 5.4487667,7.09728888 4.23529412,9.1809101 C3.02182153,11.2645313 2.41509434,13.5375386 2.41509434,16 C2.41509434,18.4624614 3.02182153,20.7354687 4.23529412,22.8190899 C5.4487667,24.9027111 7.09728888,26.5512333 9.1809101,27.7647059 C11.2645313,28.9781785 13.5375386,29.5849057 16,29.5849057 Z M16,12 C17.1052632,12 18,11.1052632 18,10 C18,8.89473684 17.1052632,8 16,8 C14.9210526,8 14,8.89473684 14,10 C14,11.1052632 14.9210526,12 16,12 Z M14,24 L18,24 L18,14 L14,14 L14,24 Z"></path> </g> </svg> </div> <div class="text"> After the Flood </div> <div class="more-info"> <div class="close"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path fill="#E05F2C" d="M54.8013319,9.19866815 C57.7373436,12.371455 60.0044315,15.9111902 61.6026637,19.81798 C63.2008959,23.7247698 64,27.7854025 64,32 C64,36.2145975 63.2008959,40.2752302 61.6026637,44.18202 C60.0044315,48.0888098 57.7373436,51.628545 54.8013319,54.8013319 C51.6759,57.8083761 48.1657612,60.0932219 44.2708102,61.6559378 C40.3758592,63.2186538 36.28563,64 32,64 C27.71437,64 23.6241408,63.2186538 19.7291898,61.6559378 C15.8342388,60.0932219 12.3241,57.8083761 9.19866815,54.8013319 C6.19162388,51.6759 3.90677807,48.1657612 2.34406215,44.2708102 C0.781346238,40.3758592 0,36.28563 0,32 C0,27.71437 0.781346238,23.6241408 2.34406215,19.7291898 C3.90677807,15.8342388 6.19162388,12.3241 9.19866815,9.19866815 C12.371455,6.26265643 15.9111902,3.99556848 19.81798,2.39733629 C23.7247698,0.799104107 27.7854025,0 32,0 C36.2145975,0 40.2752302,0.799104107 44.18202,2.39733629 C48.0888098,3.99556848 51.628545,6.26265643 54.8013319,9.19866815 Z M32,59.1698113 C36.9249229,59.1698113 41.4709374,57.9563569 45.6381798,55.5294118 C49.8054222,53.1024666 53.1024666,49.8054222 55.5294118,45.6381798 C57.9563569,41.4709374 59.1698113,36.9249229 59.1698113,32 C59.1698113,27.0750771 57.9563569,22.5290626 55.5294118,18.3618202 C53.1024666,14.1945778 49.8054222,10.8975334 45.6381798,8.47058824 C41.4709374,6.04364306 36.9249229,4.83018868 32,4.83018868 C27.0750771,4.83018868 22.5290626,6.04364306 18.3618202,8.47058824 C14.1945778,10.8975334 10.8975334,14.1945778 8.47058824,18.3618202 C6.04364306,22.5290626 4.83018868,27.0750771 4.83018868,32 C4.83018868,36.9249229 6.04364306,41.4709374 8.47058824,45.6381798 C10.8975334,49.8054222 14.1945778,53.1024666 18.3618202,55.5294118 C22.5290626,57.9563569 27.0750771,59.1698113 32,59.1698113 Z M43.4006659,38.7835738 L38.7835738,43.8978912 L32,37.0788013 L25.2164262,43.8978912 L20.1021088,38.7835738 L26.9211987,32 L20.1021088,25.2164262 L25.2164262,20.5993341 L32,27.1698113 L38.7835738,20.5993341 L43.4006659,25.2164262 L36.8657048,32 L43.4006659,38.7835738 Z"></path> </svg> </div> <div class="text"> After the Flood </div> <div class="description"> Mozilla turned to PlayCanvas for a graphical showcase to mark the arrival of WebGL 2. After the Flood transports the user into an abstract world of the natural and the artificial. Glass and steel, trees and water. All adds up to another knock-out PlayCanvas tech demo. <a href="https://playcanv.as/p/vexafQ6D/" target="_blank" rel="noopener"> <span class="button call-to-action">Play</span> </a> </div> </div> </div> </div> <div class="tile not-featured"> <div class="front"> <div class="media-cover"> <img src="/assets/images/projects/banners/project--pirronpool-mobile.jpg" alt="Pirron Pool" /> </div> <div class="gradient-overlay"></div> <div class="info-trigger"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <g> <path d="M27.4006659,4.59933407 C28.8686718,6.1857275 30.0022158,7.95559512 30.8013319,9.90899001 C31.6004479,11.8623849 32,13.8927013 32,16 C32,18.1072987 31.6004479,20.1376151 30.8013319,22.09101 C30.0022158,24.0444049 28.8686718,25.8142725 27.4006659,27.4006659 C25.8142725,28.8686718 24.0444049,30.0022158 22.09101,30.8013319 C20.1376151,31.6004479 18.1072987,32 16,32 C13.8927013,32 11.8623849,31.6004479 9.90899001,30.8013319 C7.95559512,30.0022158 6.1857275,28.8686718 4.59933407,27.4006659 C3.09581194,25.83795 1.95338903,24.0828806 1.17203108,22.1354051 C0.390673119,20.1879296 0,18.142815 0,16 C0,13.857185 0.390673119,11.8120704 1.17203108,9.86459489 C1.95338903,7.91711938 3.09581194,6.16204999 4.59933407,4.59933407 C6.1857275,3.13132821 7.95559512,1.99778424 9.90899001,1.19866815 C11.8623849,0.399552053 13.8927013,0 16,0 C18.1072987,0 20.1376151,0.399552053 22.09101,1.19866815 C24.0444049,1.99778424 25.8142725,3.13132821 27.4006659,4.59933407 Z M16,29.5849057 C18.4624614,29.5849057 20.7354687,28.9781785 22.8190899,27.7647059 C24.9027111,26.5512333 26.5512333,24.9027111 27.7647059,22.8190899 C28.9781785,20.7354687 29.5849057,18.4624614 29.5849057,16 C29.5849057,13.5375386 28.9781785,11.2645313 27.7647059,9.1809101 C26.5512333,7.09728888 24.9027111,5.4487667 22.8190899,4.23529412 C20.7354687,3.02182153 18.4624614,2.41509434 16,2.41509434 C13.5375386,2.41509434 11.2645313,3.02182153 9.1809101,4.23529412 C7.09728888,5.4487667 5.4487667,7.09728888 4.23529412,9.1809101 C3.02182153,11.2645313 2.41509434,13.5375386 2.41509434,16 C2.41509434,18.4624614 3.02182153,20.7354687 4.23529412,22.8190899 C5.4487667,24.9027111 7.09728888,26.5512333 9.1809101,27.7647059 C11.2645313,28.9781785 13.5375386,29.5849057 16,29.5849057 Z M16,12 C17.1052632,12 18,11.1052632 18,10 C18,8.89473684 17.1052632,8 16,8 C14.9210526,8 14,8.89473684 14,10 C14,11.1052632 14.9210526,12 16,12 Z M14,24 L18,24 L18,14 L14,14 L14,24 Z"></path> </g> </svg> </div> <div class="text"> Pirron Pool </div> <div class="more-info"> <div class="close"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path fill="#E05F2C" d="M54.8013319,9.19866815 C57.7373436,12.371455 60.0044315,15.9111902 61.6026637,19.81798 C63.2008959,23.7247698 64,27.7854025 64,32 C64,36.2145975 63.2008959,40.2752302 61.6026637,44.18202 C60.0044315,48.0888098 57.7373436,51.628545 54.8013319,54.8013319 C51.6759,57.8083761 48.1657612,60.0932219 44.2708102,61.6559378 C40.3758592,63.2186538 36.28563,64 32,64 C27.71437,64 23.6241408,63.2186538 19.7291898,61.6559378 C15.8342388,60.0932219 12.3241,57.8083761 9.19866815,54.8013319 C6.19162388,51.6759 3.90677807,48.1657612 2.34406215,44.2708102 C0.781346238,40.3758592 0,36.28563 0,32 C0,27.71437 0.781346238,23.6241408 2.34406215,19.7291898 C3.90677807,15.8342388 6.19162388,12.3241 9.19866815,9.19866815 C12.371455,6.26265643 15.9111902,3.99556848 19.81798,2.39733629 C23.7247698,0.799104107 27.7854025,0 32,0 C36.2145975,0 40.2752302,0.799104107 44.18202,2.39733629 C48.0888098,3.99556848 51.628545,6.26265643 54.8013319,9.19866815 Z M32,59.1698113 C36.9249229,59.1698113 41.4709374,57.9563569 45.6381798,55.5294118 C49.8054222,53.1024666 53.1024666,49.8054222 55.5294118,45.6381798 C57.9563569,41.4709374 59.1698113,36.9249229 59.1698113,32 C59.1698113,27.0750771 57.9563569,22.5290626 55.5294118,18.3618202 C53.1024666,14.1945778 49.8054222,10.8975334 45.6381798,8.47058824 C41.4709374,6.04364306 36.9249229,4.83018868 32,4.83018868 C27.0750771,4.83018868 22.5290626,6.04364306 18.3618202,8.47058824 C14.1945778,10.8975334 10.8975334,14.1945778 8.47058824,18.3618202 C6.04364306,22.5290626 4.83018868,27.0750771 4.83018868,32 C4.83018868,36.9249229 6.04364306,41.4709374 8.47058824,45.6381798 C10.8975334,49.8054222 14.1945778,53.1024666 18.3618202,55.5294118 C22.5290626,57.9563569 27.0750771,59.1698113 32,59.1698113 Z M43.4006659,38.7835738 L38.7835738,43.8978912 L32,37.0788013 L25.2164262,43.8978912 L20.1021088,38.7835738 L26.9211987,32 L20.1021088,25.2164262 L25.2164262,20.5993341 L32,27.1698113 L38.7835738,20.5993341 L43.4006659,25.2164262 L36.8657048,32 L43.4006659,38.7835738 Z"></path> </svg> </div> <div class="text"> Pirron Pool </div> <div class="description"> Pirron Pool from Solar Games showcases real-time, dynamic lighting performance using clustered lighting and the post processing stack to acheive this stunning archviz demo. Open the options menu to toggle graphics features at runtime. <a href="https://pirron.one/pool/" target="_blank" rel="noopener"> <span class="button call-to-action">Play</span> </a> </div> </div> </div> </div> <div class="tile not-featured"> <div class="front"> <div class="media-cover"> <img src="/assets/images/projects/banners/project--starLord-mobile.jpg" alt="Star-Lord" /> </div> <div class="gradient-overlay"></div> <div class="info-trigger"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <g> <path d="M27.4006659,4.59933407 C28.8686718,6.1857275 30.0022158,7.95559512 30.8013319,9.90899001 C31.6004479,11.8623849 32,13.8927013 32,16 C32,18.1072987 31.6004479,20.1376151 30.8013319,22.09101 C30.0022158,24.0444049 28.8686718,25.8142725 27.4006659,27.4006659 C25.8142725,28.8686718 24.0444049,30.0022158 22.09101,30.8013319 C20.1376151,31.6004479 18.1072987,32 16,32 C13.8927013,32 11.8623849,31.6004479 9.90899001,30.8013319 C7.95559512,30.0022158 6.1857275,28.8686718 4.59933407,27.4006659 C3.09581194,25.83795 1.95338903,24.0828806 1.17203108,22.1354051 C0.390673119,20.1879296 0,18.142815 0,16 C0,13.857185 0.390673119,11.8120704 1.17203108,9.86459489 C1.95338903,7.91711938 3.09581194,6.16204999 4.59933407,4.59933407 C6.1857275,3.13132821 7.95559512,1.99778424 9.90899001,1.19866815 C11.8623849,0.399552053 13.8927013,0 16,0 C18.1072987,0 20.1376151,0.399552053 22.09101,1.19866815 C24.0444049,1.99778424 25.8142725,3.13132821 27.4006659,4.59933407 Z M16,29.5849057 C18.4624614,29.5849057 20.7354687,28.9781785 22.8190899,27.7647059 C24.9027111,26.5512333 26.5512333,24.9027111 27.7647059,22.8190899 C28.9781785,20.7354687 29.5849057,18.4624614 29.5849057,16 C29.5849057,13.5375386 28.9781785,11.2645313 27.7647059,9.1809101 C26.5512333,7.09728888 24.9027111,5.4487667 22.8190899,4.23529412 C20.7354687,3.02182153 18.4624614,2.41509434 16,2.41509434 C13.5375386,2.41509434 11.2645313,3.02182153 9.1809101,4.23529412 C7.09728888,5.4487667 5.4487667,7.09728888 4.23529412,9.1809101 C3.02182153,11.2645313 2.41509434,13.5375386 2.41509434,16 C2.41509434,18.4624614 3.02182153,20.7354687 4.23529412,22.8190899 C5.4487667,24.9027111 7.09728888,26.5512333 9.1809101,27.7647059 C11.2645313,28.9781785 13.5375386,29.5849057 16,29.5849057 Z M16,12 C17.1052632,12 18,11.1052632 18,10 C18,8.89473684 17.1052632,8 16,8 C14.9210526,8 14,8.89473684 14,10 C14,11.1052632 14.9210526,12 16,12 Z M14,24 L18,24 L18,14 L14,14 L14,24 Z"></path> </g> </svg> </div> <div class="text"> Star-Lord </div> <div class="more-info"> <div class="close"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path fill="#E05F2C" d="M54.8013319,9.19866815 C57.7373436,12.371455 60.0044315,15.9111902 61.6026637,19.81798 C63.2008959,23.7247698 64,27.7854025 64,32 C64,36.2145975 63.2008959,40.2752302 61.6026637,44.18202 C60.0044315,48.0888098 57.7373436,51.628545 54.8013319,54.8013319 C51.6759,57.8083761 48.1657612,60.0932219 44.2708102,61.6559378 C40.3758592,63.2186538 36.28563,64 32,64 C27.71437,64 23.6241408,63.2186538 19.7291898,61.6559378 C15.8342388,60.0932219 12.3241,57.8083761 9.19866815,54.8013319 C6.19162388,51.6759 3.90677807,48.1657612 2.34406215,44.2708102 C0.781346238,40.3758592 0,36.28563 0,32 C0,27.71437 0.781346238,23.6241408 2.34406215,19.7291898 C3.90677807,15.8342388 6.19162388,12.3241 9.19866815,9.19866815 C12.371455,6.26265643 15.9111902,3.99556848 19.81798,2.39733629 C23.7247698,0.799104107 27.7854025,0 32,0 C36.2145975,0 40.2752302,0.799104107 44.18202,2.39733629 C48.0888098,3.99556848 51.628545,6.26265643 54.8013319,9.19866815 Z M32,59.1698113 C36.9249229,59.1698113 41.4709374,57.9563569 45.6381798,55.5294118 C49.8054222,53.1024666 53.1024666,49.8054222 55.5294118,45.6381798 C57.9563569,41.4709374 59.1698113,36.9249229 59.1698113,32 C59.1698113,27.0750771 57.9563569,22.5290626 55.5294118,18.3618202 C53.1024666,14.1945778 49.8054222,10.8975334 45.6381798,8.47058824 C41.4709374,6.04364306 36.9249229,4.83018868 32,4.83018868 C27.0750771,4.83018868 22.5290626,6.04364306 18.3618202,8.47058824 C14.1945778,10.8975334 10.8975334,14.1945778 8.47058824,18.3618202 C6.04364306,22.5290626 4.83018868,27.0750771 4.83018868,32 C4.83018868,36.9249229 6.04364306,41.4709374 8.47058824,45.6381798 C10.8975334,49.8054222 14.1945778,53.1024666 18.3618202,55.5294118 C22.5290626,57.9563569 27.0750771,59.1698113 32,59.1698113 Z M43.4006659,38.7835738 L38.7835738,43.8978912 L32,37.0788013 L25.2164262,43.8978912 L20.1021088,38.7835738 L26.9211987,32 L20.1021088,25.2164262 L25.2164262,20.5993341 L32,27.1698113 L38.7835738,20.5993341 L43.4006659,25.2164262 L36.8657048,32 L43.4006659,38.7835738 Z"></path> </svg> </div> <div class="text"> Star-Lord </div> <div class="description"> Star-Lord, leader of the Guardians of the Galaxy, wears this battle helmet to help him surivive in outer space. Here it is rendered using PlayCanvas' Physically Based Rendering (PBR) and uses Image Based Lighting (IBL) to realistically simulate reflectance of different materials. <a href="https://playcanv.as/p/SA7hVBLt/" target="_blank" rel="noopener"> <span class="button call-to-action">Play</span> </a> </div> </div> </div> </div> <div class="tile not-featured"> <div class="front"> <div class="media-cover"> <img src="/assets/images/projects/banners/project--casino-mobile.jpg" alt="Casino" /> </div> <div class="gradient-overlay"></div> <div class="info-trigger"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <g> <path d="M27.4006659,4.59933407 C28.8686718,6.1857275 30.0022158,7.95559512 30.8013319,9.90899001 C31.6004479,11.8623849 32,13.8927013 32,16 C32,18.1072987 31.6004479,20.1376151 30.8013319,22.09101 C30.0022158,24.0444049 28.8686718,25.8142725 27.4006659,27.4006659 C25.8142725,28.8686718 24.0444049,30.0022158 22.09101,30.8013319 C20.1376151,31.6004479 18.1072987,32 16,32 C13.8927013,32 11.8623849,31.6004479 9.90899001,30.8013319 C7.95559512,30.0022158 6.1857275,28.8686718 4.59933407,27.4006659 C3.09581194,25.83795 1.95338903,24.0828806 1.17203108,22.1354051 C0.390673119,20.1879296 0,18.142815 0,16 C0,13.857185 0.390673119,11.8120704 1.17203108,9.86459489 C1.95338903,7.91711938 3.09581194,6.16204999 4.59933407,4.59933407 C6.1857275,3.13132821 7.95559512,1.99778424 9.90899001,1.19866815 C11.8623849,0.399552053 13.8927013,0 16,0 C18.1072987,0 20.1376151,0.399552053 22.09101,1.19866815 C24.0444049,1.99778424 25.8142725,3.13132821 27.4006659,4.59933407 Z M16,29.5849057 C18.4624614,29.5849057 20.7354687,28.9781785 22.8190899,27.7647059 C24.9027111,26.5512333 26.5512333,24.9027111 27.7647059,22.8190899 C28.9781785,20.7354687 29.5849057,18.4624614 29.5849057,16 C29.5849057,13.5375386 28.9781785,11.2645313 27.7647059,9.1809101 C26.5512333,7.09728888 24.9027111,5.4487667 22.8190899,4.23529412 C20.7354687,3.02182153 18.4624614,2.41509434 16,2.41509434 C13.5375386,2.41509434 11.2645313,3.02182153 9.1809101,4.23529412 C7.09728888,5.4487667 5.4487667,7.09728888 4.23529412,9.1809101 C3.02182153,11.2645313 2.41509434,13.5375386 2.41509434,16 C2.41509434,18.4624614 3.02182153,20.7354687 4.23529412,22.8190899 C5.4487667,24.9027111 7.09728888,26.5512333 9.1809101,27.7647059 C11.2645313,28.9781785 13.5375386,29.5849057 16,29.5849057 Z M16,12 C17.1052632,12 18,11.1052632 18,10 C18,8.89473684 17.1052632,8 16,8 C14.9210526,8 14,8.89473684 14,10 C14,11.1052632 14.9210526,12 16,12 Z M14,24 L18,24 L18,14 L14,14 L14,24 Z"></path> </g> </svg> </div> <div class="text"> Casino </div> <div class="more-info"> <div class="close"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path fill="#E05F2C" d="M54.8013319,9.19866815 C57.7373436,12.371455 60.0044315,15.9111902 61.6026637,19.81798 C63.2008959,23.7247698 64,27.7854025 64,32 C64,36.2145975 63.2008959,40.2752302 61.6026637,44.18202 C60.0044315,48.0888098 57.7373436,51.628545 54.8013319,54.8013319 C51.6759,57.8083761 48.1657612,60.0932219 44.2708102,61.6559378 C40.3758592,63.2186538 36.28563,64 32,64 C27.71437,64 23.6241408,63.2186538 19.7291898,61.6559378 C15.8342388,60.0932219 12.3241,57.8083761 9.19866815,54.8013319 C6.19162388,51.6759 3.90677807,48.1657612 2.34406215,44.2708102 C0.781346238,40.3758592 0,36.28563 0,32 C0,27.71437 0.781346238,23.6241408 2.34406215,19.7291898 C3.90677807,15.8342388 6.19162388,12.3241 9.19866815,9.19866815 C12.371455,6.26265643 15.9111902,3.99556848 19.81798,2.39733629 C23.7247698,0.799104107 27.7854025,0 32,0 C36.2145975,0 40.2752302,0.799104107 44.18202,2.39733629 C48.0888098,3.99556848 51.628545,6.26265643 54.8013319,9.19866815 Z M32,59.1698113 C36.9249229,59.1698113 41.4709374,57.9563569 45.6381798,55.5294118 C49.8054222,53.1024666 53.1024666,49.8054222 55.5294118,45.6381798 C57.9563569,41.4709374 59.1698113,36.9249229 59.1698113,32 C59.1698113,27.0750771 57.9563569,22.5290626 55.5294118,18.3618202 C53.1024666,14.1945778 49.8054222,10.8975334 45.6381798,8.47058824 C41.4709374,6.04364306 36.9249229,4.83018868 32,4.83018868 C27.0750771,4.83018868 22.5290626,6.04364306 18.3618202,8.47058824 C14.1945778,10.8975334 10.8975334,14.1945778 8.47058824,18.3618202 C6.04364306,22.5290626 4.83018868,27.0750771 4.83018868,32 C4.83018868,36.9249229 6.04364306,41.4709374 8.47058824,45.6381798 C10.8975334,49.8054222 14.1945778,53.1024666 18.3618202,55.5294118 C22.5290626,57.9563569 27.0750771,59.1698113 32,59.1698113 Z M43.4006659,38.7835738 L38.7835738,43.8978912 L32,37.0788013 L25.2164262,43.8978912 L20.1021088,38.7835738 L26.9211987,32 L20.1021088,25.2164262 L25.2164262,20.5993341 L32,27.1698113 L38.7835738,20.5993341 L43.4006659,25.2164262 L36.8657048,32 L43.4006659,38.7835738 Z"></path> </svg> </div> <div class="text"> Casino </div> <div class="description"> The PlayCanvas Casino was built to illustrate the potential of WebGL to the gambling industry. It flexes the muscles of the graphics engine to illustrate what's possible in realtime 3D. It uses light probes and physical rendering to achieve beautiful results. <a href="http://casino.playcanvas.com" target="_blank" rel="noopener"> <span class="button call-to-action">Play</span> </a> </div> </div> </div> </div> </div> </div> </div> </div>  <div class="section get-started"> <h1 class="title"> Get started for free </h1> <h4 class="sub-text"> Free access to all PlayCanvas features, unlimited public projects and free hosting </h4> <div class="variable-order"> <div class="pop-box login"> <div class="inputs-wrapper"> <form id="signup-form" method="post" action="https://login.playcanvas.com/signup"> <div class="text-fields"> <div class="login-col"> <label class="name">Email <input type="email" name="email"> </label> </div> <div class="login-col"> <label class="name">Password <input type="password" name="password"> </label> </div> <div class="login-col"> <label class="name">Confirm Password <input type="password" name="confirm_password"> </label> </div> </div> <button id="submit" type="submit"> <span class="button call-to-action login-button"> Sign up </span> </button> </form> </div> </div> <div class="or-rule"> OR </div> <a href="https://login.playcanvas.com/signup"> <span class="button light signup google-button"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"> <g fill="none" fill-rule="evenodd"> <path fill="#EA4335" d="M9,3.48 C10.69,3.48 11.83,4.21 12.48,4.82 L15.02,2.34 C13.46,0.89 11.43,0 9,0 C5.48,0 2.44,2.02 0.96,4.96 L3.87,7.22 C4.6,5.05 6.62,3.48 9,3.48 L9,3.48 Z"></path> <path fill="#4285F4" d="M17.64,9.2 C17.64,8.46 17.58,7.92 17.45,7.36 L9,7.36 L9,10.7 L13.96,10.7 C13.86,11.53 13.32,12.78 12.12,13.62 L14.96,15.82 C16.66,14.25 17.64,11.94 17.64,9.2 L17.64,9.2 Z"></path> <path fill="#FBBC05" d="M3.88,10.78 C3.69,10.22 3.58,9.62 3.58,9 C3.58,8.38 3.69,7.78 3.87,7.22 L0.96,4.96 C0.35,6.18 0,7.55 0,9 C0,10.45 0.35,11.82 0.96,13.04 L3.88,10.78 L3.88,10.78 Z"></path> <path fill="#34A853" d="M9,18 C11.43,18 13.47,17.2 14.96,15.82 L12.12,13.62 C11.36,14.15 10.34,14.52 9,14.52 C6.62,14.52 4.6,12.95 3.88,10.78 L0.97,13.04 C2.45,15.98 5.48,18 9,18 L9,18 Z"></path> </g> </svg> Sign up with Google </span> <span class="button light signup github-button"> <?xml version="1.0" encoding="utf-8"?> <svg viewBox="122.44 27.141 17.24 16.954" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M 131.067 27.141 C 126.296 27.141 122.44 31.026 122.44 35.833 C 122.44 39.674 124.911 42.927 128.34 44.078 C 128.768 44.165 128.925 43.891 128.925 43.661 C 128.925 43.459 128.911 42.769 128.911 42.048 C 126.51 42.567 126.011 41.013 126.011 41.013 C 125.626 40.005 125.054 39.746 125.054 39.746 C 124.268 39.214 125.111 39.214 125.111 39.214 C 125.983 39.271 126.44 40.107 126.44 40.107 C 127.211 41.431 128.453 41.056 128.953 40.826 C 129.025 40.265 129.254 39.876 129.497 39.66 C 127.581 39.459 125.568 38.71 125.568 35.371 C 125.568 34.423 125.911 33.645 126.454 33.042 C 126.369 32.825 126.068 31.932 126.54 30.739 C 126.54 30.739 127.269 30.508 128.91 31.631 C 129.614 31.44 130.339 31.344 131.067 31.343 C 131.796 31.343 132.539 31.443 133.224 31.631 C 134.867 30.508 135.595 30.739 135.595 30.739 C 136.066 31.932 135.767 32.825 135.681 33.042 C 136.237 33.645 136.566 34.423 136.566 35.371 C 136.566 38.71 134.552 39.444 132.624 39.66 C 132.938 39.934 133.21 40.452 133.21 41.272 C 133.21 42.437 133.196 43.373 133.196 43.661 C 133.196 43.891 133.352 44.165 133.781 44.078 C 137.208 42.927 139.68 39.674 139.68 35.833 C 139.693 31.026 135.823 27.141 131.067 27.141 Z" style="fill: rgb(255, 255, 255);"/> </svg> Sign up with GitHub </span> </a> <div class="feature-checkboxes"> <div class="col3"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <g> <path d="M16,32 C13.8465064,32 11.7843467,31.5747237 9.81345927,30.7241583 C7.84257181,29.8735929 6.13932241,28.7300722 4.70365998,27.2935617 C3.26799754,25.8570513 2.12515183,24.1527958 1.27508855,22.1807442 C0.425025266,20.2086926 0,18.145315 0,15.9905493 C0,13.8357837 0.425025266,11.772406 1.27508855,9.8003544 C2.12515183,7.8283028 3.26799754,6.12719754 4.70365998,4.6969876 C6.13932241,3.26677765 7.84257181,2.12640709 9.81345927,1.2758417 C11.7843467,0.425276314 13.8465064,0 16,0 C18.1534936,0 20.2156533,0.425276314 22.1865407,1.2758417 C24.1574282,2.12640709 25.8606776,3.26677765 27.29634,4.6969876 C28.7320025,6.12719754 29.8748482,7.8283028 30.7249115,9.8003544 C31.5749747,11.772406 32,13.8357837 32,15.9905493 C32,18.145315 31.5749747,20.2086926 30.7249115,22.1807442 C29.8748482,24.1527958 28.7320025,25.8570513 27.29634,27.2935617 C25.8606776,28.7300722 24.1574282,29.8735929 22.1865407,30.7241583 C20.2156533,31.5747237 18.1534936,32 16,32 Z M16,4.25280567 C14.3880281,4.25280567 12.8484922,4.56467497 11.3813459,5.18842292 C9.91419967,5.81217087 8.65171721,6.65012272 7.59386068,7.7023036 C6.53600416,8.75448449 5.69539863,10.0019617 5.07201889,11.4447726 C4.44863915,12.8875835 4.13695396,14.4028273 4.13695396,15.9905493 C4.13695396,18.145315 4.66587429,20.133088 5.72373081,21.9539279 C6.78158734,23.7747679 8.22037658,25.214407 10.0401417,26.2728884 C11.8599068,27.3313697 13.8465064,27.8606025 16,27.8606025 C17.5867848,27.8606025 19.1011341,27.5487332 20.5430933,26.9249852 C21.9850525,26.3012373 23.2317932,25.4601352 24.283353,24.4016539 C25.3349128,23.3431725 26.17237,22.0799443 26.7957497,20.6119315 C27.4191294,19.1439186 27.7308146,17.6034733 27.7308146,15.9905493 C27.7308146,14.4028273 27.4191294,12.8875835 26.7957497,11.4447726 C26.17237,10.0019617 25.3349128,8.75448449 24.283353,7.7023036 C23.2317932,6.65012272 21.9850525,5.81217087 20.5430933,5.18842292 C19.1011341,4.56467497 17.5867848,4.25280567 16,4.25280567 Z M22.3282172,9.03484938 L25.2939787,12.0023627 L13.6765053,23.6077968 L6.46044864,16.3874778 L9.42621015,13.4199646 L13.6765053,17.6727702 L22.3282172,9.03484938 Z"></path> </g> </svg> </span> <span class="text"> Unlimited public projects </span> </div> <div class="col3"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <g> <path d="M16,32 C13.8465064,32 11.7843467,31.5747237 9.81345927,30.7241583 C7.84257181,29.8735929 6.13932241,28.7300722 4.70365998,27.2935617 C3.26799754,25.8570513 2.12515183,24.1527958 1.27508855,22.1807442 C0.425025266,20.2086926 0,18.145315 0,15.9905493 C0,13.8357837 0.425025266,11.772406 1.27508855,9.8003544 C2.12515183,7.8283028 3.26799754,6.12719754 4.70365998,4.6969876 C6.13932241,3.26677765 7.84257181,2.12640709 9.81345927,1.2758417 C11.7843467,0.425276314 13.8465064,0 16,0 C18.1534936,0 20.2156533,0.425276314 22.1865407,1.2758417 C24.1574282,2.12640709 25.8606776,3.26677765 27.29634,4.6969876 C28.7320025,6.12719754 29.8748482,7.8283028 30.7249115,9.8003544 C31.5749747,11.772406 32,13.8357837 32,15.9905493 C32,18.145315 31.5749747,20.2086926 30.7249115,22.1807442 C29.8748482,24.1527958 28.7320025,25.8570513 27.29634,27.2935617 C25.8606776,28.7300722 24.1574282,29.8735929 22.1865407,30.7241583 C20.2156533,31.5747237 18.1534936,32 16,32 Z M16,4.25280567 C14.3880281,4.25280567 12.8484922,4.56467497 11.3813459,5.18842292 C9.91419967,5.81217087 8.65171721,6.65012272 7.59386068,7.7023036 C6.53600416,8.75448449 5.69539863,10.0019617 5.07201889,11.4447726 C4.44863915,12.8875835 4.13695396,14.4028273 4.13695396,15.9905493 C4.13695396,18.145315 4.66587429,20.133088 5.72373081,21.9539279 C6.78158734,23.7747679 8.22037658,25.214407 10.0401417,26.2728884 C11.8599068,27.3313697 13.8465064,27.8606025 16,27.8606025 C17.5867848,27.8606025 19.1011341,27.5487332 20.5430933,26.9249852 C21.9850525,26.3012373 23.2317932,25.4601352 24.283353,24.4016539 C25.3349128,23.3431725 26.17237,22.0799443 26.7957497,20.6119315 C27.4191294,19.1439186 27.7308146,17.6034733 27.7308146,15.9905493 C27.7308146,14.4028273 27.4191294,12.8875835 26.7957497,11.4447726 C26.17237,10.0019617 25.3349128,8.75448449 24.283353,7.7023036 C23.2317932,6.65012272 21.9850525,5.81217087 20.5430933,5.18842292 C19.1011341,4.56467497 17.5867848,4.25280567 16,4.25280567 Z M22.3282172,9.03484938 L25.2939787,12.0023627 L13.6765053,23.6077968 L6.46044864,16.3874778 L9.42621015,13.4199646 L13.6765053,17.6727702 L22.3282172,9.03484938 Z"></path> </g> </svg> </span> <span class="text"> 1GB Storage </span> </div> <div class="col3"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <g> <path d="M16,32 C13.8465064,32 11.7843467,31.5747237 9.81345927,30.7241583 C7.84257181,29.8735929 6.13932241,28.7300722 4.70365998,27.2935617 C3.26799754,25.8570513 2.12515183,24.1527958 1.27508855,22.1807442 C0.425025266,20.2086926 0,18.145315 0,15.9905493 C0,13.8357837 0.425025266,11.772406 1.27508855,9.8003544 C2.12515183,7.8283028 3.26799754,6.12719754 4.70365998,4.6969876 C6.13932241,3.26677765 7.84257181,2.12640709 9.81345927,1.2758417 C11.7843467,0.425276314 13.8465064,0 16,0 C18.1534936,0 20.2156533,0.425276314 22.1865407,1.2758417 C24.1574282,2.12640709 25.8606776,3.26677765 27.29634,4.6969876 C28.7320025,6.12719754 29.8748482,7.8283028 30.7249115,9.8003544 C31.5749747,11.772406 32,13.8357837 32,15.9905493 C32,18.145315 31.5749747,20.2086926 30.7249115,22.1807442 C29.8748482,24.1527958 28.7320025,25.8570513 27.29634,27.2935617 C25.8606776,28.7300722 24.1574282,29.8735929 22.1865407,30.7241583 C20.2156533,31.5747237 18.1534936,32 16,32 Z M16,4.25280567 C14.3880281,4.25280567 12.8484922,4.56467497 11.3813459,5.18842292 C9.91419967,5.81217087 8.65171721,6.65012272 7.59386068,7.7023036 C6.53600416,8.75448449 5.69539863,10.0019617 5.07201889,11.4447726 C4.44863915,12.8875835 4.13695396,14.4028273 4.13695396,15.9905493 C4.13695396,18.145315 4.66587429,20.133088 5.72373081,21.9539279 C6.78158734,23.7747679 8.22037658,25.214407 10.0401417,26.2728884 C11.8599068,27.3313697 13.8465064,27.8606025 16,27.8606025 C17.5867848,27.8606025 19.1011341,27.5487332 20.5430933,26.9249852 C21.9850525,26.3012373 23.2317932,25.4601352 24.283353,24.4016539 C25.3349128,23.3431725 26.17237,22.0799443 26.7957497,20.6119315 C27.4191294,19.1439186 27.7308146,17.6034733 27.7308146,15.9905493 C27.7308146,14.4028273 27.4191294,12.8875835 26.7957497,11.4447726 C26.17237,10.0019617 25.3349128,8.75448449 24.283353,7.7023036 C23.2317932,6.65012272 21.9850525,5.81217087 20.5430933,5.18842292 C19.1011341,4.56467497 17.5867848,4.25280567 16,4.25280567 Z M22.3282172,9.03484938 L25.2939787,12.0023627 L13.6765053,23.6077968 L6.46044864,16.3874778 L9.42621015,13.4199646 L13.6765053,17.6727702 L22.3282172,9.03484938 Z"></path> </g> </svg> </span> <span class="text"> Free hosting on PlayCanvas </span> </div> </div> </div> </div> <div class="section"> <h1 class="title"> Contact Us </h1> <h4 class="sub-text"> Drop us a line at <a target="_blank" href="mailto:support@playcanvas.com">support@playcanvas.com</a> </h4> </div>  <div id="footer"> <div class="links-wrapper"> <div class="nav-links"> <span class="nav-link"> <a href="https://developer.playcanvas.com">Learn</a> </span> <span class="nav-link"> <a href="https://blog.playcanvas.com/">Blog</a> </span> <span class="nav-link"> <a href="/contact">Contact</a> </span> <span class="nav-link"> <a href="/privacy">Privacy Policy</a> </span> <span class="nav-link"> <a href="/terms">Terms of Use</a> </span> <span class="nav-link"> <a href="/cookies">Cookies</a> </span> </div> </div> </div> <script async src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="f91a844d-1f3a-40ee-8434-e5049aee38da"></script> <script type="text/javascript"> if (!window._optanonCallbacks) { window._optanonCallbacks = []; } function OptanonWrapper() { for (var i = 0; i < _optanonCallbacks.length; i++) { _optanonCallbacks[i](); } } </script> </body> </html>

CINXE.COM

Explore | PlayCanvas