Games Editor - Create Games with Construct 3

<!DOCTYPE html> <html lang="en-US"> <head><meta name="msvalidate.01" content="E92EA11DC949FB016AF167914FE79D84" /><meta charset="utf-8" /><title> Games Editor - Create Games with Construct 3 </title><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="construct-server" content="PRD-VM-WEB1a" /><meta name="construct-version" content="1476" /><meta property="fb:app_id" content="1652407751729238" /><meta property="fb:page_id" content="130477053653991" /><meta property="twitter:account_id" content="150751008" /><meta name="twitter:site" content="@ConstructTeam" /><meta name="referrer" content="unsafe-url" /><link rel="canonical" href="https://www.construct.net/en/make-games/games-editor" /><meta name="description" content="Use our advanced and powerful games editor to build the game you've always imagined. Our editor is packed with features to allow you to create your own games."/><meta property="og:url" content="https://www.construct.net/make-games/games-editor" /><meta property="og:title" content="Games Editor ★★★★★" /><meta property="og:description" content="Use our advanced and powerful games editor to build the game you've always imagined. Our editor is packed with features to allow you to create your own games." /><meta property="og:image" content="https://construct-static.com/images/v1476/siteicons/ogg-image.png"><link rel="shortcut icon" type="image/x-icon" href="https://construct-static.com/images/v1476/siteicons/favicon.ico" /><meta http-equiv="content-language" content="en-US" /> <meta rel="alternate" href="https://www.construct.net/en/make-games/games-editor" hreflang="en" /> <meta rel="alternate" href="https://www.construct.net/fr/make-games/games-editor" hreflang="fr" /> <meta rel="alternate" href="https://www.construct.net/fr-fr/make-games/games-editor" hreflang="fr-FR" /> <link rel="apple-touch-icon" sizes="57x57" href="https://construct-static.com/images/v1476/r/siteicons/construct_v60.png" /><link rel="apple-touch-icon" sizes="72x72" href="https://construct-static.com/images/v1476/r/siteicons/construct_v75.png" /><link rel="apple-touch-icon" sizes="114x114" href="https://construct-static.com/images/v1476/r/siteicons/construct_v120.png" /><link rel="apple-touch-icon" sizes="144x144" href="https://construct-static.com/images/v1476/r/siteicons/construct_v150.png" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:site" content="@ConstructTeam" /><meta name="twitter:description" content="Use our advanced and powerful games editor to build the game you've always imagined. Our editor is packed with features to allow you to create your own games." /><meta name="twitter:title" content="Games Editor" /><meta name="twitter:image" content="https://construct-static.com/images/v1476/siteicons/twitter-default-card.png" /> <link rel="stylesheet" type="text/css" media="all" href="https://construct-static.com/css/v1476/d/global/v1/fonts.css" /> <link rel="stylesheet" type="text/css" media="all" href="https://construct-static.com/css/v1476/global.css" /> <link rel="stylesheet" type="text/css" media="all" href="https://construct-static.com/css/v1476/refresh/override.css" /> <link rel="stylesheet" type="text/css" media="all" href="https://construct-static.com/css/v1476/refresh/c3features2.css" /> <link rel="stylesheet" type="text/css" media="all" href="https://construct-static.com/css/v1476/topmenu/menu.css" /> <link rel="stylesheet" type="text/css" media="all" href="https://construct-static.com/css/v1476/animate.css" /> <link rel="stylesheet" type="text/css" media="all" href="https://construct-static.com/css/v1476/responsive.css" /> <noscript> <link rel="stylesheet" type="text/css" media="all" href="https://construct-static.com/css/v1476/noscript.css" /> <link rel="stylesheet" type="text/css" media="all" href="https://construct-static.com/css/v1476/region.css" /> </noscript> <script async src="https://www.googletagmanager.com/gtag/js?id=G-C8FK0E6NDK"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-C8FK0E6NDK'); gtag('config', 'AW-1001646980'); </script> </head> <body> <form method="post" action="/en/make-games/games-editor" id="form1"> <div class="aspNetHidden"> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="IK33crcgcXUn8aHw5/dN5f68pvqAdIV/PvnX2fUe9hQH0sjLUvPPWY0/JT5goZdonjaJuoKkb1zrZUwpwSuK6YI/4zV0qVBy+m2FpcxY6YJcOj89zqt5+U+9k+y2xdSd7PIEw/nimQA6VyJR9uuWJOROXaLEh9z9pnqjpcYAQ6sOFfH4NjZ7ekD2S2i3cd+ZWW5hxCGMOLhvoZzOtGme1tGQxXAujRKWUcjjCELxpSOMZdBlIELoA9hkBLh+E6tv498nffTqwPSV3V6YdkUR2vTjZvIPpzm/wkzB213kkUed7DsxrgpO84rFa0k6qPEF7MEphXOrVmE5WGq8BzkcD7eEF3M1PiJ0e1YyOEesIhIbd3ySWEfXz0dvg5yyid6OnMy/zbF96j+QDdx4mDy3PaZmsl1eME2pdMrcf6/WjpuiaUeLf8nzu/P0odbskvGvSpiSIb/xwEbJH0O758BNEF44gc+GuPxLQ0l01aVb5z0h2USuNU/KiQ908EBCwclyZydesg+K4eftIIhfY7XntNcJJLzozuYLJfaWHPoZZmUEYAEPUmL/ICtPK5NSusHIvcrn96iK3stRV/HG0NoyaGX5F1O9f7LkI2hdAmaLqpLKdKCQoL8PeFIEPbEdzrk/3PFw8p76I9hXcH1UQ5RRFMpoHZWUdcPBKeAZpWtg1sJQ4ku8JhayAjLItrFJfiTjCZ5CrTit5NalMAX2h659m3iHUNBscqznCZUjiRDfrrd/Zoljzeiqn19OuMX+CcPHYr1azbD9g4wAQNDqjMo9ThN5RR1Q8RNpr8adbL7a5UQO8bLUBK5gJq8U9vfkld7TUnbbRGxwCLepqSPYq9aGy7K3/U3jOL6heUELICEOCeDUD3p2Rx7GEM1rdACuQ6MMzVMt4Q==" /> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['form1']; if (!theForm) { theForm = document.form1; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="0D4F2D82" /> </div> <div id="ReportPopContainer"></div> <nav> <div class="newTopMenuWrap" id="NewTopMenuWrap"> <div class="noClickBar"></div> <ul class="newTopMenu"> <li class="expand"> <a href="/en" title="Construct homepage"> <img no-referrer="none" alt="Construct logo" src="https://construct-static.com/images/v1476/r/global/construct-3-logo_v43.png" width="43" height="44" srcset="https://construct-static.com/images/v1476/r/global/construct-3-logo_v43.png 1x, https://construct-static.com/images/v1476/r/global/construct-3-logo_v64.png 1.5x, https://construct-static.com/images/v1476/r/global/construct-3-logo_v90.png 2x, https://construct-static.com/images/v1476/r/global/construct-3-logo_v110.png 2.5x, https://construct-static.com/images/v1476/r/global/construct-3-logo_v130.png 3x" /><img no-referrer="none" alt="Construct logo text" src="https://construct-static.com/images/v1476/r/global/construct-3-logo-lettering_v130.png" width="124" height="15" srcset="https://construct-static.com/images/v1476/r/global/construct-3-logo-lettering_v130.png 1x, https://construct-static.com/images/v1476/r/global/construct-3-logo-lettering_v190.png 1.5x, https://construct-static.com/images/v1476/r/global/construct-3-logo-lettering_v250.png 2x, https://construct-static.com/images/v1476/r/global/construct-3-logo-lettering_v310.png 2.5x, https://construct-static.com/images/v1476/r/global/construct-3-logo-lettering_v380.png 3x" /> </a> </li> <li id="TopMenuProducts" class="selected"> <a href="/en/make-games/games-editor" title="Game maker"> Products </a> <div class="subMenuPopWrap products"> <div class="topArrow"></div> <div class="subMenuContent"> <div> <ul id="ProductGridContentSelector"> <li id="Construct3GridLink" class="selected" data-grid-content-wrap-id="ProductsGrid" data-grid-content-id="construct3-grid-content"> <a href="/en/make-games/games-editor" title="Game making software" class="gridSelector"> <div class="menuProdHead"> <div class="prodImgWrap"> <img no-referrer="none" alt="Construct 3 logo" loading="lazy" src="https://construct-static.com/images/v1476/r/global/construct-3-logo_v32.png" width="32" height="33" srcset="https://construct-static.com/images/v1476/r/global/construct-3-logo_v32.png 1x, https://construct-static.com/images/v1476/r/global/construct-3-logo_v48.png 1.5x, https://construct-static.com/images/v1476/r/global/construct-3-logo_v64.png 2x, https://construct-static.com/images/v1476/r/global/construct-3-logo_v80.png 2.5x, https://construct-static.com/images/v1476/r/global/construct-3-logo_v100.png 3x" /> </div> <div> Construct 3 </div> </div> <div class="prodDescription"> Create stunning games in the worlds best 2D game engine </div> </a> <div class="rightArrow"></div> </li> <li id="ConstructAnimateGridLink" data-grid-content-wrap-id="ProductsGrid" data-grid-content-id="construct-animate-grid-content"> <a href="/en/animation-software" title="Animation software" class="gridSelector"> <div class="menuProdHead"> <div class="prodImgWrap"> <img no-referrer="none" alt="Construct animate logo" loading="lazy" src="https://construct-static.com/images/v1476/r/animate/logos/animate-symbol-small_v32.png" width="32" height="33" srcset="https://construct-static.com/images/v1476/r/animate/logos/animate-symbol-small_v32.png 1x, https://construct-static.com/images/v1476/animate/logos/animate-symbol-small.png 1.5x" /> </div> <div> Construct Animate </div> </div> <div class="prodDescription"> Produce gorgeous animations with drag-and-drop </div> </a> <div class="rightArrow"></div> </li> </ul> </div> <div id="ProductsGrid"> <ul class="gridMenu" id="construct-animate-grid-content" data-grid-li-id="ConstructAnimateGridLink"> <li> <a href="/en/animation-software" title="Browser based animation software"> <div> <img no-referrer="none" alt="Construct 3 logo" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/rocket.svg" width="32" /> </div> <div> Features <span> What you get </span> </div> </a> </li> <li> <a href="/en/animation-software/faq" title="Construct animate FAQ"> <div> <img no-referrer="none" alt="Construct 3 logo" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/question.svg" width="32" /> </div> <div> FAQ <span> Common questions </span> </div> </a> </li> <li> <a href="/en/animation-software/releases" title="Construct Animate versions"> <div> <img no-referrer="none" alt="Construct 3 logo" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/box.svg" width="32" /> </div> <div> Releases <span> See latest updates </span> </div> </a> </li> <li> <a href="/en/animation-software/buy" title="Construct Animate pricing"> <div> <img no-referrer="none" alt="Construct 3 logo" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/hexagons.svg" width="32" /> </div> <div> Pricing <span> Buy Animate now </span> </div> </a> </li> <li> <a id="TopMenuLaunchAnimateLink" title="Animation software" href="/en/animation-software/free-trial"> <div> <img no-referrer="none" alt="Construct 3 logo" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/play-button.svg" width="32" /> </div> <div> Free Trial <span> Try Animate now </span> </div> </a> </li> </ul> <ul class="gridMenu" id="construct3-grid-content" data-grid-li-id="Construct3GridLink" style="top: 0; opacity: 1;"> <li> <a href="/en/make-games/games-editor" title="Construct 3 features"> <div> <img no-referrer="none" alt="Construct 3 logo" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/rocket.svg" width="32" /> </div> <div> Features <span> What you get </span> </div> </a> </li> <li> <a href="/en/make-games/showcase" title="Construct 3 games"> <div> <img no-referrer="none" alt="Construct 3 logo" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/abstract.svg" width="32" /> </div> <div> Showcase <span> Customer creations </span> </div> </a> </li> <li> <a href="/en/make-games/faq" title="Construct 3 FAQ"> <div> <img no-referrer="none" alt="Construct 3 logo" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/question.svg" width="32" /> </div> <div> FAQ <span> Common questions </span> </div> </a> </li> <li> <a href="/en/make-games/addons" title="Construct 3 addons and plugins"> <div> <img no-referrer="none" alt="Construct 3 logo" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/puzzle.svg" width="32" /> </div> <div> Addons <span> Extend Construct </span> </div> </a> </li> <li> <a href="/en/make-games/releases" title="Construct 3 versions"> <div> <img no-referrer="none" alt="Construct 3 logo" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/box.svg" width="32" /> </div> <div> Releases <span> See latest updates </span> </div> </a> </li> <li> <a href="/en/make-games/buy-construct" title="Construct 3 pricing"> <div> <img no-referrer="none" alt="Construct 3 logo" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/hexagons.svg" width="32" /> </div> <div> Pricing <span> Buy Construct now </span> </div> </a> </li> <li> <a id="TopMenuLaunchC3Link" title="Free game maker" href="/en/make-games/free-trial"> <div> <img no-referrer="none" alt="Construct 3 logo" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/play-button.svg" width="32" /> </div> <div> Free Trial <span> Try Construct now </span> </div> </a> </li> </ul> </div> </div> </div> </li><li id="TopMenuResources"> <a href="/en/tutorials" title="Tutorials and manual"> Resources </a> <div class="subMenuPopWrap"> <div class="topArrow"></div> <div class="resourcesChunk"> <h2> Construct 3 </h2> <ul> <li> <a href="/en/make-games/manuals/construct-3" title="Construct 3 docs"> <img no-referrer="none" alt="Manual" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/books.svg" width="28" /> Manual </a> </li> <li> <a href="/en/make-games/manuals/construct-3/getting-started/system-requirements" title="Construct 3 system requirements"> <img no-referrer="none" alt="Computer" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/laptop.svg" width="28" /> System requirements </a> </li> <li> <a href="/en/make-games/manuals/construct-3/scripting/overview" title="Construct 3 scripting"> <img no-referrer="none" alt="Addons" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/java-script.svg" width="22" /> Scripting Overview </a> </li> <li> <a href="/en/make-games/manuals/addon-sdk" title="Construct 3 addon SDK"> <img no-referrer="none" alt="Addons" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/diamond.svg" width="28" /> Addon SDK </a> </li> </ul> <h3>Tutorials</h3> <ul class="resourceSub"> <li> <a href="/en/tutorials/beginners-guide-to-construct-3-1" title="Beginner's guide to Construct 3"> <img no-referrer="none" alt="Map" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/map.svg" width="28" /> Beginner's Guide </a> </li> <li> <a href="/en/tutorials/publishing-to-the-web-10" title="Publish games to the web"> <img no-referrer="none" alt="Web games" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/cloud.svg" width="28" /> Publishing to the Web </a> </li> <li> <a href="/en/tutorials/building-android-apps-apks-19" title="Build Android games"> <img no-referrer="none" alt="Android" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/smartphone.svg" width="28" /> Build Android APKs </a> </li> <li> <a href="/en/tutorials/ios-application-development-and-publishing-with-xcode-25" title="Build iOS games"> <img no-referrer="none" alt="Apple" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/apple.svg" width="28" /> Publishing to iOS </a> </li> <li> <a href="/en/tutorials/construct-3s-export-optimisations-4" title="Optimise your games"> <img no-referrer="none" alt="Performance" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/timer.svg" width="28" /> Optimisations </a> </li> <li> <a href="/en/tutorials/construct-3" title="Game maker tutorials"> <img no-referrer="none" alt="Idea" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/library.svg" width="28" /> All tutorials </a> </li> </ul> <h3>Game Dev Courses</h3> <ul class="resourceSub"> <li class="single"> <a href="/en/courses" title="Free gamedev courses"> <img no-referrer="none" alt="Bag" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/shape.svg" width="28" /> Browse all game dev courses </a> </li> </ul> </div> <div class="resourcesChunk"> <h2> Construct Animate </h2> <ul> <li> <a href="/en/animation-software/manual" title="Construct Animate docs"> <img no-referrer="none" alt="Manual" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/books.svg" width="28" /> Manual </a> </li> <li> <a href="/en/animation-software/manual/getting-started/system-requirements" title="Construct Animate system requirements"> <img no-referrer="none" alt="Computer" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/laptop.svg" width="28" /> System requirements </a> </li> <li> <a href="/en/tutorials/construct-animate" title="Animation tutorials"> <img no-referrer="none" alt="Idea" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/library.svg" width="28" /> Tutorials </a> </li> </ul> </div> <div class="resourcesChunk"> <h2> Construct 2 <span class="deprecatedProduct"> Deprecated </span> </h2> <ul> <li> <a href="/en/construct-2/download" title="Construct 2 download"> <img no-referrer="none" alt="Download" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/box.svg" width="28" /> Download </a> </li> <li> <a href="/en/construct-2/nwjs" title="Construct 2 NWJS"> <img no-referrer="none" alt="Download" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/box.svg" width="28" /> NWJS </a> </li> <li> <a href="/en/construct-2/manuals/construct-2" title="Construct 2 docs"> <img no-referrer="none" alt="Manual" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/books.svg" width="28" /> Manual </a> </li> <li> <a href="/en/construct-2/manuals/construct-2-javascript-sdk" title="Construct 2 javascript SDK"> <img no-referrer="none" alt="SDK" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/diamond.svg" width="28" /> Javascript SDK </a> </li> <li> <a href="/en/tutorials/construct-2" title="Game maker tutorials"> <img no-referrer="none" alt="Idea" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/library.svg" width="28" /> Tutorials </a> </li> </ul> </div> </div> </li><li id="TopMenuEducation"> <a href="/en/make-games/education" title="Construct in education"> Education </a> <div class="subMenuPopWrap"> <div class="topArrow"></div> <div class="resourcesChunk"> <h2> Construct 3 </h2> <ul> <li> <a href="/en/make-games/education" title="Why use Construct"> <img no-referrer="none" alt="Forum" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/abstract.svg" width="28" /> Why pick Construct 3 </a> </li> <li> <a href="/en/make-games/education/resources" title="Free classroom resources"> <img no-referrer="none" alt="Download" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/abstract2.svg" width="28" /> Free Resources </a> </li> <li> <a href="/en/make-games/education/privacy-security" title="Construct student privacy"> <img no-referrer="none" alt="Security" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/abstract3.svg" width="28" /> Privacy and Security </a> </li> <li> <a href="/en/make-games/faq/education" title="Construct 3 educational FAQ"> <img no-referrer="none" alt="FAQ" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/question.svg" width="28" /> FAQ </a> </li> </ul> <h3>Deeper Dive</h3> <ul class="resourceSub"> <li> <a href="/en/make-games/education/licensing" title="Construct classroom setup"> <img no-referrer="none" alt="Classroom" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/timer.svg" width="28" /> Setup Classrooms in Minutes </a> </li> <li> <a href="/en/make-games/manuals/construct-3" title="Construct 3 manual"> <img no-referrer="none" alt="Manual" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/library.svg" width="28" /> World Class Docs </a> </li> <li> <a href="/en/make-games/buy-construct" title="Construct 3 education pricing"> <img no-referrer="none" alt="Bag" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/hexagons.svg" width="28" /> Educational Pricing </a> </li> </ul> </div> <div class="resourcesChunk"> <ul class="largeResourceChunk"> <li> <a href="/en/make-games/education/mission" title="Education mission"> <span> Mission </span> <img no-referrer="none" alt="Tactics" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/map.svg" width="48" /> <span> Our mission </span> </a> </li> <li> <a href="/en/make-games/education/partners" title="Construct educational partners"> <span> Partners </span> <img no-referrer="none" alt="Partner" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/abstract-shape.svg" width="48" /> <span> Our global partners </span> </a> </li> </ul> </div> </div> </li><li id="TopMenuCommunity"> <a href="/en/forum" title="Construct community"> Community </a> <div class="subMenuPopWrap"> <div class="topArrow"></div> <div class="resourcesChunk"> <h2> Forums </h2> <ul> <li> <a href="/en/forum" title="Game making forums"> <img no-referrer="none" alt="Forum" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/message.svg" width="28" /> Forum Home </a> </li> <li> <a href="/en/forum/newest" title="New game dev topics"> <img no-referrer="none" alt="Messages" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/abstract4.svg" width="28" /> Newest Topics </a> </li> </ul> </div> <div class="resourcesChunk"> <h2> Arcade </h2> <ul> <li> <a href="/en/free-online-games" title="Top free browser games"> <img no-referrer="none" alt="Trophy" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/fire.svg" width="28" /> Top Games </a> </li> <li> <a href="/en/free-online-games/new-games" title="New free browser games"> <img no-referrer="none" alt="Stars" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/rhombus2.svg" width="28" /> Newest Games </a> </li> <li> <a href="/en/free-online-games/most-played" title="Most played browser games"> <img no-referrer="none" alt="Committee" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/rhombus.svg" width="28" /> Most Played Games </a> </li> <li> <a href="/en/free-online-games/played-now" title="Games being played now"> <img no-referrer="none" alt="Group" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/geometric-shape.svg" width="28" /> Most Online Players </a> </li> <li> <a href="/en/free-online-games/submit" title="Upload a game" rel="nofollow"> <img no-referrer="none" alt="Upload" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/upload-file.svg" width="28" /> Upload a Game </a> </li> </ul> </div> <div class="resourcesChunk"> <h2> Blogs </h2> <ul> <li> <a href="/en/blogs/construct-official-blog-1" title="Construct blog"> <img no-referrer="none" alt="Agreement" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/books.svg" width="28" /> Official Blog </a> </li> <li> <a href="/en/blogs/posts" title="Newest blog posts"> <img no-referrer="none" alt="Stars" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/rhombus2.svg" width="28" /> New Posts </a> </li> </ul> </div> <div class="resourcesChunk"> <h2> Social Media </h2> <ul class="topMenuSocial"> <li> <a title="Follow Construct 3 on Reddit" href="https://www.reddit.com/r/construct" target="_blank" rel="nofollow"> <img no-referrer="none" alt="Construct 3 Reddit" loading="lazy" src="https://construct-static.com/images/v1476/refresh/footer/reddit.svg" width="48" /> </a> </li> <li> <a title="Follow Construct 3 on Twitter" href="https://twitter.com/ConstructTeam" target="_blank" rel="nofollow"> <img no-referrer="none" alt="Construct 3 Twitter" loading="lazy" src="https://construct-static.com/images/v1476/refresh/footer/twitter.svg" width="48" /> </a> </li> <li> <a title="Follow Construct 3 on Facebook" href="https://www.facebook.com/ConstructTeam" target="_blank" rel="nofollow"> <img no-referrer="none" alt="Construct 3 Facebook" loading="lazy" src="https://construct-static.com/images/v1476/refresh/footer/facebook.svg" width="48" /> </a> </li> <li> <a title="Follow Construct 3 on Mastodon" href="https://mastodon.gamedev.place/@construct" target="_blank" rel="me"> <img no-referrer="none" alt="Construct 3 Mastodon" loading="lazy" src="https://construct-static.com/images/v1476/r/refresh/footer/mastodon_v48.png" width="48" height="48" srcset="https://construct-static.com/images/v1476/r/refresh/footer/mastodon_v48.png 1x, https://construct-static.com/images/v1476/refresh/footer/mastodon.png 1.5x" /> </a> </li> <li> <a title="Follow Construct 3 on Youtube" href="https://www.youtube.com/c/Construct" target="_blank" rel="nofollow"> <img no-referrer="none" alt="Construct 3 Youtube" loading="lazy" src="https://construct-static.com/images/v1476/refresh/footer/youtube.svg" width="48" /> </a> </li> </ul> </div> </div> </li><li id="TopMenuAssetStore"> <a href="/en/game-assets" title="Game asset store" class="topMenuStoreLink"> Store </a> <div class="subMenuPopWrap"> <div class="topArrow"></div> <div class="resourcesChunk"> <h2> Products </h2> <ul> <li> <a href="/en/make-games/buy-construct" title="Buy Construct 3"> <img no-referrer="none" alt="Bag" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/hexagons.svg" width="28" /> Buy Construct 3 </a> </li> <li> <a href="/en/animation-software/buy" title="Buy Construct animate"> <img no-referrer="none" alt="Bag" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/cell.svg" width="28" /> Buy Construct Animate </a> </li> </ul> </div> <div class="resourcesChunk"> <h2> Assets </h2> <ul> <li> <a href="/en/game-assets/addons" title="Construct addons"> <img no-referrer="none" alt="Plugin" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/puzzle.svg" width="28" /> Addons </a> </li> <li> <a href="/en/game-assets/animations" title="Game dev animations"> <img no-referrer="none" alt="Tornado" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/slow-motion.svg" width="28" /> Animations </a> </li> <li> <a href="/en/game-assets/e-books" title="Game making ebooks"> <img no-referrer="none" alt="Book" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/library.svg" width="28" /> EBooks </a> </li> <li> <a href="/en/game-assets/fonts" title="Game fonts"> <img no-referrer="none" alt="Font" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/books.svg" width="28" /> Fonts </a> </li> <li> <a href="/en/game-assets/games" title="Game templates"> <img no-referrer="none" alt="Game" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/games.svg" width="28" /> Games </a> </li> <li> <a href="/en/game-assets/graphics" title="Graphics for your games"> <img no-referrer="none" alt="Whale" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/pic.svg" width="28" /> Graphics </a> </li> <li> <a href="/en/game-assets/sounds" title="Sounds for your games"> <img no-referrer="none" alt="Headphones" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/speaker.svg" width="28" /> Sounds </a> </li> <li> <a href="/en/game-assets/game-templates" title="Game maker templates"> <img no-referrer="none" alt="Puzzle" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/window.svg" width="28" /> Templates </a> </li> <li> <a href="/en/game-assets/themes" title="Construct themes"> <img no-referrer="none" alt="Theme" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/theme.svg" width="28" /> Themes </a> </li> <li> <a href="/en/game-assets/tilemaps" title="Game dev tilemaps"> <img no-referrer="none" alt="Grid" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/map.svg" width="28" /> Tilemaps </a> </li> <li> <a href="/en/game-assets/tools" title="Gamedev tools"> <img no-referrer="none" alt="Tool" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/wrench.svg" width="28" /> Tools </a> </li> </ul> <h3>Discover</h3> <ul class="resourceSub"> <li> <a href="/en/game-assets/newest" title="Newest assets"> <img no-referrer="none" alt="Calendar" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/rhombus2.svg" width="28" /> Newest Assets </a> </li> <li> <a href="/en/game-assets/best-selling" title="Best selling assets"> <img no-referrer="none" alt="Winner" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/fire.svg" width="28" /> Best Selling </a> </li> <li> <a href="/en/game-assets/highest-rated" title="Highest rated assets"> <img no-referrer="none" alt="Trophy" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/top-hat.svg" width="28" /> Highest Rated </a> </li> <li> <a href="/en/game-assets/exclusives" title="Exclusive game assets"> <img no-referrer="none" alt="OK" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/splash.svg" width="28" /> Exclusives </a> </li> </ul> </div> <div class="resourcesChunk"> <h2> Special Offers </h2> <ul> <li> <a href="/en/game-assets/bundles" title="Bundles"> <img no-referrer="none" alt="Bundle" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/layer.svg" width="28" /> Asset Bundles </a> </li> <li> <a href="/en/game-assets/on-sale" title="Game asset sales"> <img no-referrer="none" alt="Bag" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/hot-sale.svg" width="28" /> Sale Items </a> </li> </ul> </div> </div> </li> <li class="expand2"></li> <li id="TopMenuLoggedOutWrapper" class="expand logoutView"> <div class="loggedOut"> <a href="/en/register" class="pinkButton register" rel="nofollow" title="Create account"> Register </a> <a href="/en/login" class="pinkButton login" rel="nofollow" title="Login to your account"> Login </a> </div> </li> <li class="mobileMenuWrap"> <div> <label for="MobileMenuChecker"> <img no-referrer="none" alt="Mobile menu" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/mobile-menu.svg" width="28" /> </label> <input type="checkbox" id="MobileMenuChecker" name="MobileMenuChecker"/> <div class="mobileMenuPop" id="TopMenuMobilePop"> <div class="mobilePopHead"> <div> <a href="/en" title="Game maker"> <img no-referrer="none" alt="Construct logo" loading="lazy" src="https://construct-static.com/images/v1476/r/global/construct-3-logo_v32.png" width="32" height="33" srcset="https://construct-static.com/images/v1476/r/global/construct-3-logo_v32.png 1x, https://construct-static.com/images/v1476/r/global/construct-3-logo_v48.png 1.5x, https://construct-static.com/images/v1476/r/global/construct-3-logo_v64.png 2x, https://construct-static.com/images/v1476/r/global/construct-3-logo_v80.png 2.5x, https://construct-static.com/images/v1476/r/global/construct-3-logo_v100.png 3x" /><img no-referrer="none" alt="Construct logo text" loading="lazy" src="https://construct-static.com/images/v1476/r/global/construct-3-logo-lettering_v90.png" width="90" height="11" srcset="https://construct-static.com/images/v1476/r/global/construct-3-logo-lettering_v90.png 1x, https://construct-static.com/images/v1476/r/global/construct-3-logo-lettering_v140.png 1.5x, https://construct-static.com/images/v1476/r/global/construct-3-logo-lettering_v180.png 2x, https://construct-static.com/images/v1476/r/global/construct-3-logo-lettering_v230.png 2.5x, https://construct-static.com/images/v1476/r/global/construct-3-logo-lettering_v270.png 3x" /> </a> </div> <label for="MobileMenuChecker"> <img no-referrer="none" alt="Close mobile menu" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/close.svg" width="16" /> </label> </div> <div class="mobileMenuContentWrap" id="MobileMenuContentWrap"> <div id="MobileMenuContent" class="mobileMenuContent" data-default-selected="MobileMenuProducts"> <ul> <li> <label for="MobileMenuProducts"> Products </label> <input id="MobileMenuProducts" type="checkbox" name="ctl00$ctl00$TopNav$ctl00$MobileMenuProducts" checked="checked" /> <ul class="mobileMenuSubMenu"> <li class="selected rightArrowExpander"> <div> <label for="ProductsConstruct3Level2Menu"> Construct 3 <span> Create stunning games in the worlds best 2D game engine </span> </label> <input id="ProductsConstruct3Level2Menu" type="checkbox" name="ctl00$ctl00$TopNav$ctl00$ProductsConstruct3Level2Menu" checked="checked" class="subMenu2Check" /> <div class="mobileLevel2Menu"> <label for="ProductsConstruct3Level2Menu" class="closeExpansion"> <div> Construct 3 </div> <div> <img no-referrer="none" alt="Left arrow" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/left-arrow.svg" width="16" /> </div> </label> <div class="level2MenuContent"> <ul> <li> <a href="/en/make-games/games-editor" title="Construct 3 features"> <div> <img no-referrer="none" alt="Launch" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/rocket.svg" width="32" /> </div> <div> Features </div> </a> </li> <li> <a href="/en/make-games/showcase" title="Construct showcase"> <div> <img no-referrer="none" alt="TV" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/abstract.svg" width="32" /> </div> <div> Showcase </div> </a> </li> <li> <a href="/en/make-games/faq" title="Construct 3 FAQ"> <div> <img no-referrer="none" alt="FAQ" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/question.svg" width="32" /> </div> <div> FAQ </div> </a> </li> <li> <a href="/en/make-games/addons" title="Construct 3 plugins and addons"> <div> <img no-referrer="none" alt="Addons" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/puzzle.svg" width="32" /> </div> <div> Addons </div> </a> </li> <li> <a href="/en/make-games/releases" title="Construct 3 versions"> <div> <img no-referrer="none" alt="Release" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/box.svg" width="32" /> </div> <div> Releases </div> </a> </li> <li> <a href="/en/make-games/buy-construct" title="Construct 3 pricing"> <div> <img no-referrer="none" alt="Pricing" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/hexagons.svg" width="32" /> </div> <div> Pricing </div> </a> </li> <li> <a id="Level2MenuLaunchC3Link" title="Free game maker" href="/en/make-games/free-trial"> <div> <img no-referrer="none" alt="Play" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/play-button.svg" width="32" /> </div> <div> Free Trial </div> </a> </li> </ul> </div> </div> </div> <div> <img no-referrer="none" alt="Right arrow" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/right-arrow.svg" width="16" /> </div> </li> <li class="selected rightArrowExpander"> <div> <label for="ProductsAnimateLevel2Menu"> Construct Animate <span> Produce gorgeous animations with drag-and-drop </span> </label> <input id="ProductsAnimateLevel2Menu" type="checkbox" name="ctl00$ctl00$TopNav$ctl00$ProductsAnimateLevel2Menu" class="subMenu2Check" /> <div class="mobileLevel2Menu"> <label for="ProductsAnimateLevel2Menu" class="closeExpansion"> <div> Construct Animate </div> <div> <img no-referrer="none" alt="Left arrow" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/left-arrow.svg" width="16" /> </div> </label> <div class="level2MenuContent"> <ul> <li> <a href="/en/animation-software" title="Browser animation software"> <div> <img no-referrer="none" alt="Launch" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/rocket.svg" width="32" /> </div> <div> Features </div> </a> </li> <li> <a href="/en/animation-software/faq" title="Construct Animate FAQ"> <div> <img no-referrer="none" alt="FAQ" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/question.svg" width="32" /> </div> <div> FAQ </div> </a> </li> <li> <a href="/en/animation-software/releases" tile="Construct Animate releases"> <div> <img no-referrer="none" alt="Release" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/box.svg" width="32" /> </div> <div> Releases </div> </a> </li> <li> <a href="/en/animation-software/buy" title="Construct Animate pricing"> <div> <img no-referrer="none" alt="Pricing" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/hexagons.svg" width="32" /> </div> <div> Pricing </div> </a> </li> <li> <a id="Level2MenuLaunchAnimateLink" title="Free browser animation software" href="/en/animation-software/free-trial"> <div> <img no-referrer="none" alt="Play" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/play-button.svg" width="32" /> </div> <div> Free Trial </div> </a> </li> </ul> </div> </div> </div> <div> <img no-referrer="none" alt="Right arrow" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/right-arrow.svg" width="16" /> </div> </li> </ul> </li> <li> <label for="MobileMenuResources"> Resources </label> <input id="MobileMenuResources" type="checkbox" name="ctl00$ctl00$TopNav$ctl00$MobileMenuResources" /> <ul class="mobileMenuSubMenu"> <li class="rightArrowExpander selected"> <div> <label for="ResourcesC3Menu"> Construct 3 <span> Make games, teach programming </span> </label> <input id="ResourcesC3Menu" type="checkbox" name="ctl00$ctl00$TopNav$ctl00$ResourcesC3Menu" class="subMenu2Check" /> <div class="mobileLevel2Menu"> <label for="ResourcesC3Menu" class="closeExpansion"> <div> Construct 3 Resources </div> <div> <img no-referrer="none" alt="Left arrow" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/left-arrow.svg" width="16" /> </div> </label> <div class="level2MenuContent"> <ul> <li> <a href="/en/make-games/manuals/construct-3" title="Construct 3 docs"> <div> <img no-referrer="none" alt="Manual" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/books.svg" width="32" /> </div> <div> Manual </div> </a> </li> <li> <a href="/en/make-games/manuals/construct-3/getting-started/system-requirements" title="Construct 3 system requirements"> <div> <img no-referrer="none" alt="Settings" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/laptop.svg" width="32" /> </div> <div> System Requirements </div> </a> </li> <li> <a href="/en/make-games/manuals/construct-3/scripting/overview" title="Construct 3 scripting"> <div> <img no-referrer="none" alt="Addons" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/java-script.svg" width="32" /> </div> <div> Scripting Overview </div> </a> </li> <li> <a href="/en/make-games/manuals/addon-sdk" title="Construct 3 addon SDK"> <div> <img no-referrer="none" alt="Code" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/puzzle.svg" width="32" /> </div> <div> Addon SDK </div> </a> </li> <li> <a href="/en/tutorials/construct-3" title="Game maker tutorials"> <div> <img no-referrer="none" alt="Tutorials" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/library.svg" width="32" /> </div> <div> Tutorials </div> </a> </li> <li> <a class="smallerMob" href="/en/tutorials/beginners-guide-to-construct-3-1" title="Construct 3 beginner's guide"> <img no-referrer="none" alt="Right arrow" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/right-arrow.svg" width="16" /> Beginners Guide to Construct 3 </a> </li> <li> <a class="smallerMob" href="/en/tutorials/publishing-to-the-web-10" title="Make web games"> <img no-referrer="none" alt="Right arrow" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/right-arrow.svg" width="16" /> Publish Games to the Web </a> </li> <li> <a class="smallerMob" href="/en/tutorials/building-android-apps-apks-19" title="Make android games"> <img no-referrer="none" alt="Right arrow" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/right-arrow.svg" width="16" /> Make Android Games </a> </li> <li> <a class="smallerMob" href="/en/tutorials/ios-application-development-and-publishing-with-xcode-25" title="Make iOS games"> <img no-referrer="none" alt="Right arrow" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/right-arrow.svg" width="16" /> Make iOS Games </a> </li> <li> <a class="smallerMob" href="/en/tutorials/construct-3s-export-optimisations-4" title="Optimise games"> <img no-referrer="none" alt="Right arrow" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/right-arrow.svg" width="16" /> Optimise Your Games </a> </li> <li> <a href="/en/courses" title="Game maker courses"> <div> <img no-referrer="none" alt="Course" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/library.svg" width="32" /> </div> <div> Courses </div> </a> </li> </ul> </div> </div> </div> <div> <img no-referrer="none" alt="Right arrow" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/right-arrow.svg" width="16" /> </div> </li> <li class="rightArrowExpander selected"> <div> <label for="ResourcesCAMenu"> Construct Animate <span> Create stunning animations </span> </label> <input id="ResourcesCAMenu" type="checkbox" name="ctl00$ctl00$TopNav$ctl00$ResourcesCAMenu" class="subMenu2Check" /> <div class="mobileLevel2Menu"> <label for="ResourcesCAMenu" class="closeExpansion"> <div> Construct Animate Resources </div> <div> <img no-referrer="none" alt="Left arrow" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/left-arrow.svg" width="16" /> </div> </label> <div class="level2MenuContent"> <ul> <li> <a href="/en/animation-software/manual" title="Construct animate docs"> <div> <img no-referrer="none" alt="Manual" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/books.svg" width="32" /> </div> <div> Manual </div> </a> </li> <li> <a href="/en/animation-software/manual/getting-started/system-requirements" title="Construct animate system requirements"> <div> <img no-referrer="none" alt="Settings" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/laptop.svg" width="32" /> </div> <div> System Requirements </div> </a> </li> <li> <a href="/en/tutorials/construct-animate" title="Animation tutorials"> <div> <img no-referrer="none" alt="Tutorials" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/library.svg" width="32" /> </div> <div> Tutorials </div> </a> </li> </ul> </div> </div> </div> <div> <img no-referrer="none" alt="Right arrow" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/right-arrow.svg" width="16" /> </div> </li> <li class="rightArrowExpander selected"> <div> <label for="ResourcesC2Menu"> Construct 2 <span> Legacy product </span> </label> <input id="ResourcesC2Menu" type="checkbox" name="ctl00$ctl00$TopNav$ctl00$ResourcesC2Menu" class="subMenu2Check" /> <div class="mobileLevel2Menu"> <label for="ResourcesC2Menu" class="closeExpansion"> <div> Construct 2 Resources </div> <div> <img no-referrer="none" alt="Left arrow" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/left-arrow.svg" width="16" /> </div> </label> <div class="level2MenuContent"> <ul> <li> <a href="/en/construct-2/download" title="Download Construct 2"> <div> <img no-referrer="none" alt="Download" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/box.svg" width="32" /> </div> <div> Download </div> </a> </li> <li> <a href="/en/construct-2/nwjs" title="Download Construct 2 NWJS"> <div> <img no-referrer="none" alt="Download" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/box.svg" width="32" /> </div> <div> NWJS </div> </a> </li> <li> <a href="/en/construct-2/manuals/construct-2" title="Construct 2 manual"> <div> <img no-referrer="none" alt="Manual" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/books.svg" width="32" /> </div> <div> Manual </div> </a> </li> <li> <a href="/en/construct-2/manuals/construct-2-javascript-sdk" title="Construct 2 Javascript SDK"> <div> <img no-referrer="none" alt="Code" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/diamond.svg" width="32" /> </div> <div> Javascript SDK </div> </a> </li> <li> <a href="/en/tutorials/construct-2" title="Game maker tutorials"> <div> <img no-referrer="none" alt="Tutorials" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/library.svg" width="32" /> </div> <div> Tutorials </div> </a> </li> </ul> </div> </div> </div> <div> <img no-referrer="none" alt="Right arrow" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/right-arrow.svg" width="16" /> </div> </li> <li class="selected"> <a href="/en/tutorials" title="Construct tutorials"> <div> <div> <img no-referrer="none" alt="Tutorials" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/library.svg" width="42" /> </div> <div> Tutorials </div> </div> </a> </li> <li class="selected"> <a href="/en/courses" title="Construct tutorials"> <div> <div> <img no-referrer="none" alt="Webinar" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/library.svg" width="42" /> </div> <div> Courses </div> </div> </a> </li> </ul> </li> <li> <label for="MobileMenuEducation"> Education </label> <input id="MobileMenuEducation" type="checkbox" name="ctl00$ctl00$TopNav$ctl00$MobileMenuEducation" /> <ul class="mobileMenuSubMenu"> <li class="rightArrowExpander selected"> <div> <label for="EducationC3Menu"> Construct 3 <span> Make games, teach programming </span> </label> <input id="EducationC3Menu" type="checkbox" name="ctl00$ctl00$TopNav$ctl00$EducationC3Menu" class="subMenu2Check" /> <div class="mobileLevel2Menu"> <label for="EducationC3Menu" class="closeExpansion"> <div> Construct 3 in Education </div> <div> <img no-referrer="none" alt="Left arrow" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/left-arrow.svg" width="16" /> </div> </label> <div class="level2MenuContent"> <ul> <li> <a href="/en/make-games/education" title="Construct 3 in education"> <div> <img no-referrer="none" alt="Questions" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/abstract.svg" width="32" /> </div> <div> Why Construct 3 </div> </a> </li> <li> <a href="/en/make-games/education/resources" title="Free educational resources"> <div> <img no-referrer="none" alt="Resources" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/abstract2.svg" width="32" /> </div> <div> Resources </div> </a> </li> <li> <a href="/en/make-games/education/privacy-security" title="Privacy and security"> <div> <img no-referrer="none" alt="Security" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/abstract3.svg" width="32" /> </div> <div> Privacy & Security </div> </a> </li> <li> <a href="/en/make-games/education/licensing" title="Construct 3 school setup"> <div> <img no-referrer="none" alt="Classroom" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/timer.svg" width="32" /> </div> <div> Classroom Setup </div> </a> </li> <li> <a href="/en/make-games/faq/education" title="Construct 3 educational FAQ"> <div> <img no-referrer="none" alt="FAQ" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/question.svg" width="32" /> </div> <div> FAQ </div> </a> </li> <li> <a href="/en/make-games/manuals/construct-3" title="Construct 3 docs"> <div> <img no-referrer="none" alt="Folder" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/books.svg" width="32" /> </div> <div> Documentation </div> </a> </li> <li> <a href="/en/make-games/buy-construct" title="Construct 3 education pricing"> <div> <img no-referrer="none" alt="Price" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/hexagons.svg" width="32" /> </div> <div> Pricing </div> </a> </li> </ul> </div> </div> </div> <div> <img no-referrer="none" alt="Right arrow" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/right-arrow.svg" width="16" /> </div> </li> <li class="selected"> <a href="/en/make-games/education/mission" title="Our education mission"> <div> <div> <img no-referrer="none" alt="Love" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/map.svg" width="42" /> </div> <div> Mission </div> </div> </a> </li> <li class="selected"> <a href="/en/make-games/education/partners" title="Construct partners"> <div> <div> <img no-referrer="none" alt="Deal" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/abstract-shape.svg" width="42" /> </div> <div> Partners </div> </div> </a> </li> </ul> </li> <li> <label for="MobileMenuAssetStore"> Asset Store </label> <input id="MobileMenuAssetStore" type="checkbox" name="ctl00$ctl00$TopNav$ctl00$MobileMenuAssetStore" /> <ul class="mobileMenuSubMenu"> <li class="selected"> <a href="/en/game-assets" title="Gamedev assets"> <div> <div> <img no-referrer="none" alt="Browse" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/find.svg" width="42" /> </div> <div> Browse </div> </div> </a> </li> <li class="selected"> <a href="/en/game-assets/bundles" title="Game dev asset bundles"> <div> <div> <img no-referrer="none" alt="Bundles" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/layer.svg" width="42" /> </div> <div> Asset Bundles </div> </div> </a> </li> <li class="selected"> <a href="/en/game-assets/on-sale" title="Game asset sales"> <div> <div> <img no-referrer="none" alt="Sale" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/hot-sale.svg" width="42" /> </div> <div> Sale Items </div> </div> </a> </li> <li class="selected"> <a href="/en/game-assets/best-selling" title="Best selling game assets"> <div> <div> <img no-referrer="none" alt="Best selling" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/fire.svg" width="42" /> </div> <div> Best Selling </div> </div> </a> </li> <li class="selected"> <a href="/en/game-assets/downloads" title="Your purchases" rel="nofollow"> <div> <div> <img no-referrer="none" alt="Downloads" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/box.svg" width="42" /> </div> <div> Your Downloads </div> </div> </a> </li> </ul> </li> <li> <label for="MobileMenuForum"> Forums </label> <input id="MobileMenuForum" type="checkbox" name="ctl00$ctl00$TopNav$ctl00$MobileMenuForum" /> <ul class="mobileMenuSubMenu"> <li class="selected"> <a href="/en/forum" title="Game maker forums"> <div> <div> <img no-referrer="none" alt="Forum" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/message.svg" width="42" /> </div> <div> Discuss </div> </div> </a> </li> <li class="selected"> <a href="/en/forum/newest" title="Newest gamedev questions"> <div> <div> <img no-referrer="none" alt="Topics" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/abstract4.svg" width="42" /> </div> <div> New Topics </div> </div> </a> </li> <li class="selected"> <a href="/en/forum/unanswered" title="Unanswered gamedev questions"> <div> <div> <img no-referrer="none" alt="Unanswered" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/abstract.svg" width="42" /> </div> <div> Unanswered Topics </div> </div> </a> </li> <li class="selected"> <a href="/en/forum/search" title="Search the forums"> <div> <div> <img no-referrer="none" alt="Search" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/find.svg" width="42" /> </div> <div> Search </div> </div> </a> </li> </ul> </li> <li> <label for="MobileMenuArcade"> Arcade </label> <input id="MobileMenuArcade" type="checkbox" name="ctl00$ctl00$TopNav$ctl00$MobileMenuArcade" /> <ul class="mobileMenuSubMenu"> <li class="selected"> <a href="/en/free-online-games" title="Free addicting games"> <div> <div> <img no-referrer="none" alt="Arcade" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/play-button.svg" width="42" /> </div> <div> Play </div> </div> </a> </li> <li class="selected"> <a href="/en/free-online-games/most-played" title="Free addicting games"> <div> <div> <img no-referrer="none" alt="Popular" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/fire.svg" width="42" /> </div> <div> Popular </div> </div> </a> </li> <li id="MobileMenuMostOnlinePlayers" class="selected"> <a href="/en/free-online-games/played-now" title="Free addicting games"> <div> <div> <img no-referrer="none" alt="People" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/geometric-shape.svg" width="42" /> </div> <div> Most Players </div> </div> </a> </li> <li class="selected"> <a href="/en/free-online-games/new-games" title="New addicting games"> <div> <div> <img no-referrer="none" alt="New" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/rhombus2.svg" width="42" /> </div> <div> New Games </div> </div> </a> </li> <li id="MobileMenuShowcase" class="selected"> <a href="/en/free-online-games/showcase" title="Best addicting games"> <div> <div> <img no-referrer="none" alt="Showcase" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/abstract.svg" width="42" /> </div> <div> Showcase </div> </div> </a> </li> <li class="selected"> <a title="Random addicting game" href="javascript:__doPostBack('ctl00$ctl00$TopNav$ctl00$ctl159','')"> <div> <div> <img no-referrer="none" alt="Dice" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/random.svg" width="42" /> </div> <div> Random Game </div> </div> </a> </li> </ul> </li> <li> <label for="MobileMenuBlogs"> Blogs </label> <input id="MobileMenuBlogs" type="checkbox" name="ctl00$ctl00$TopNav$ctl00$MobileMenuBlogs" /> <ul class="mobileMenuSubMenu"> <li class="selected"> <a href="/en/blogs/construct-official-blog-1" title="Official Construct blog"> <div> <div> <img no-referrer="none" alt="Official blog" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/books.svg" width="42" /> </div> <div> Official Blog </div> </div> </a> </li> <li class="selected"> <a href="/en/blogs" title="Game dev blogs"> <div> <div> <img no-referrer="none" alt="Game maker blogs" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/rhombus.svg" width="42" /> </div> <div> Community Blogs </div> </div> </a> </li> <li class="selected"> <a href="/en/blogs/posts" title="New game dev blogs"> <div> <div> <img no-referrer="none" alt="Community blogs" loading="lazy" src="https://construct-static.com/images/v1476/refresh/topmenu/new/filled/rhombus2.svg" width="42" /> </div> <div> New Posts </div> </div> </a> </li> </ul> </li> <li> <a href="/en/contact"> Contact Us </a> </li> <li> <div id="MobileMenuLoggedOutWrapper" class="loggedOut"> <a href="/en/register" class="pinkButton register" title="Create account"> Register </a> <a href="/en/login" class="login" title="Login to your account"> Login to account </a> </div> </li> </ul> </div> </div> </div> </div> </li> </ul> <div id="TopMenuSubMenu" class="subMenuWrapper"> <div> <ul id="SubMenuConstruct3"> <li id="C3SubMenuFeatures" class="selected"> <a href="/en/make-games/games-editor" title="Game maker"> Construct 3 </a> </li> <li id="C3SubMenuShowcase"> <a href="/en/make-games/showcase" title="Construct 3 showcase"> Showcase </a> </li> <li id="C3SubMenuAddons"> <a href="/en/make-games/addons" title="Construct 3 plugins"> Addons </a> </li> <li id="C3SubMenuReleases"> <a href="/en/make-games/releases" title="Construct 3 release history"> Releases </a> </li> <li id="C3SubMenuFAQ"> <a href="/en/make-games/faq" title="Construct 3 FAQ"> FAQ </a> </li> <li id="C3SubMenuFreeTrial"> <a id="SubMenuLaunchC3Link" title="Free game maker" href="/en/make-games/free-trial">Free Trial</a> </li> <li id="C3SubMenuBuyNow"> <a href="/en/make-games/buy-construct" title="Buy Construct 3"> Buy Now </a> </li> </ul> </div> </div> </div> </nav> <div id="SubMenuAdjuster" class="subMenuAdjuster"> </div> <main> <div id="UnderTopNavContent" class="underTopNavContent"> <div class="slantedBackground"> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> </div> <div class="headSeg"> <div> <div class="heroWrapper"> <img no-referrer="none" alt="Hero image" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/hero-transparent.png" width="1280" height="800" /> <div class="vidWrap"> <video autoplay loop muted playsinline> <source src="https://construct-static.com/videos/v1476/construct3/scene.mp4" type="video/mp4"> </video> </div> </div> <a class="openDemo" href="https://editor.construct.net/#open=segmented-boss-fight" target="_blank"> <img no-referrer="none" alt="Construct 3 logo" loading="lazy" src="https://construct-static.com/images/v1476/r/construct3/features/c3logo_v28.png" width="28" height="28" srcset="https://construct-static.com/images/v1476/r/construct3/features/c3logo_v28.png 1x, https://construct-static.com/images/v1476/construct3/features/c3logo.png 1.5x" /> <span> Edit <em>Boss Fight</em> in Construct 3 </span> </a> </div> <div> <div class="headerInfo"> <span class="c3Tag">Construct 3</span> <h1> The Best 2D Game Engine </h1> <p> Build the games of your dreams. <em>Everything</em> you need to create and publish games in the worlds best 2D game engine. </p> </div> </div> </div> <div class="curvedTop"> <div class="featContent"> <div class="simpleEvent"> <div> <span class="h2Tag">Build games rapidly</span> <h2> No programming required </h2> <p> We've meticulously designed Construct 3 to make building the rules for your games effortless. You don't need to wrestle with Construct - it just works. </p> <a class="openDemo" href="https://editor.construct.net/?startTour" target="_blank"> <img no-referrer="none" alt="Construct 3 logo" loading="lazy" src="https://construct-static.com/images/v1476/r/construct3/features/c3logo_v28.png" width="28" height="28" srcset="https://construct-static.com/images/v1476/r/construct3/features/c3logo_v28.png 1x, https://construct-static.com/images/v1476/construct3/features/c3logo.png 1.5x" /> <span> Launch the Guided Tour </span> </a> </div> <div> <div class="vWrap"> <video autoplay loop muted playsinline style="width: 600px;"> <source src="https://construct-static.com/videos/v1476/construct3/simple-event.mp4" type="video/mp4"> </video> </div> </div> </div> </div> <div class="slant1"> </div> <div class="featContent js"> <div class="jsHead"> <span class="h2Tag">Learn to program</span> <h2>Javascript Programming Optional</h2> </div> <div class="featCol"> <div> <div> <p> Combine blocks with JavaScript. It couldn’t be easier to write your first line of code. </p> <div class="jsBlock"> <img no-referrer="none" alt="Javascript" loading="lazy" class="blockimg" src="https://construct-static.com/images/v1476/construct3/features/js-block.png" width="489" height="59" /> <a class="openDemo" href="https://editor.construct.net/#open=simple-alert" target="_blank"> <img no-referrer="none" alt="Construct 3 logo" loading="lazy" src="https://construct-static.com/images/v1476/r/construct3/features/c3logo_v28.png" width="28" height="28" srcset="https://construct-static.com/images/v1476/r/construct3/features/c3logo_v28.png 1x, https://construct-static.com/images/v1476/construct3/features/c3logo.png 1.5x" /> <span> Try now in Construct 3 </span> </a> </div> <p> You can even add script files, and start writing more of your game in code. Then try writing an entire game in JavaScript alone! Construct lets you have it both ways: beginner friendly blocks, all the way up to a full coding editor. </p> <p> Jump in now and <a style="color: #ffffff;text-decoration:underline" href="/en/courses/learn-javascript-construct-79">learn Javascript with Construct 3</a> in our tutorial course for beginners. </p> </div> </div> <div> <div class="jsLogoWrap"> <img no-referrer="none" alt="File icon" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/file.svg" width="400" /> </div> <p class="otherEngines"> Other engines use proprietary programming languages that lock you into their ecosystems. Construct uses Javascript which is one of the most popular programming languages in the world.<br/><br/>Learn real-world transferable skills and level yourself up with Javascript. </p> <div class="c"> <a class="openDemo noimg readJS" href="https://www.construct.net/en/make-games/manuals/construct-3/scripting/using-scripting/javascript-construct" target="_blank"> <span> Read the Javascript docs </span> </a> </div> </div> </div> </div> </div> <div style="height: 1px;"></div> <div class="featContent devices browser"> <div> <div> <span class="h2Tag">Runs in the browser</span> <h2>Use Construct 3 Anywhere, Anytime</h2> <p>Construct 3 runs in the browser - and works offline. Browser based software done right. There’s nothing to install, making switching to a new device effortless.</p> <a class="openDemo" href="https://editor.construct.net/?startTour" target="_blank"> <img no-referrer="none" alt="Construct 3 logo" loading="lazy" src="https://construct-static.com/images/v1476/r/construct3/features/c3logo_v28.png" width="28" height="28" srcset="https://construct-static.com/images/v1476/r/construct3/features/c3logo_v28.png 1x, https://construct-static.com/images/v1476/construct3/features/c3logo.png 1.5x" /> <span> Launch the Guided Tour </span> </a> </div> <div> <ul> <li> <div> <img no-referrer="none" alt="Browser icon" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/browser.svg" width="128" /> </div> <div> <h2>Runs in the browser</h2> <p>Make games everywhere - from mobile devices to desktops, Chromebooks and Raspberry Pi's!</p> <a href="https://www.construct.net/en/make-games/manuals/construct-3/getting-started/system-requirements" target="_blank">System requirements</a> </div> </li> <li> <div> <img no-referrer="none" alt="Offline icon" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/offline.svg" width="128" /> </div> <div> <h2>Works offline</h2> <p>Once you've loaded Construct 3, it will work without an internet connection</p> <a href="https://www.construct.net/en/make-games/manuals/construct-3/getting-started/get-construct-3" target="_blank">Running Construct 3 offline</a> </div> </li> <li> <div> <img no-referrer="none" alt="Updates icon" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/updates.svg" width="128" /> </div> <div> <h2>Auto updates</h2> <p>No installation required and auto updates with latest features</p> <a href="https://www.construct.net/en/make-games/releases" target="_blank">Construct 3 update history</a> </div> </li> </ul> </div> </div> </div> <div class="speedWrap"> <div class="featContent"> <div> <span class="h2Tag">Capable and robust</span> <h2>Power and Speed</h2> <p> Under the hood is an incredibly powerful and versatile engine with <a href="https://www.construct.net/en/blogs/construct-official-blog-1/outstanding-game-performance-1584">outstanding performance</a>. It’s perfectly capable of running vast and intensive games smoothly and efficiently. And it can be extended further with a wide range of <a href="https://www.construct.net/en/make-games/addons" target="_blank">third-party addons</a>. </p> <a class="openDemo noimg" href="https://store.steampowered.com/app/1299360/Mighty_Goose/" target="_blank"> <span> Mighty Goose on Steam </span> </a> </div> <div> <div class="heroWrapper hw2"> <img no-referrer="none" alt="Hero image" loading="lazy" src="https://construct-static.com/images/v1476/r/construct3/features/hero2_v1300.png" width="1280" height="905" srcset="https://construct-static.com/images/v1476/r/construct3/features/hero2_v1300.png 1x, https://construct-static.com/images/v1476/construct3/features/hero2.png 1.5x" /> <div class="vidWrap"> <video autoplay loop muted playsinline> <source src="https://construct-static.com/videos/v1476/construct3/goose.mp4" type="video/mp4"> </video> </div> </div> </div> </div> </div> <div style="margin-top: -650px; margin-bottom: -750px; border-radius: 50%; background: #fff; height: 1000px;"></div> <div class="featContent platforms"> <div> <div class="bubble b1"> <img no-referrer="none" alt="HTML5 logo" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/html5.svg" width="0" /> </div> <div class="bubble b2"> <img no-referrer="none" alt="Steam logo" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/steam.svg" width="0" /> </div> <div class="bubble b3"> <img no-referrer="none" alt="Apple logo" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/apple.svg" width="0" /> </div> <div class="bubble b4"> <img no-referrer="none" alt="Android logo" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/android.svg" width="0" /> </div> <div class="bubble b5"> <img no-referrer="none" alt="Computer logo" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/computer.svg" width="0" /> </div> <div class="bubble b6"> <img no-referrer="none" alt="Mobile logo" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/mobile.svg" width="0" /> </div> <img no-referrer="none" alt="Magic wand" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/wand.svg" width="400" /> </div> <div> <span class="h2Tag">Distribute everywhere</span> <h2>Publish to all major platforms</h2> <p> Publish to iOS or Android. Publish desktop apps for Windows, Mac and Linux. Publish to Steam. Publish to Newgrounds and Itch.io. The choice is yours. </p> <a class="openDemo noimg" href="https://www.construct.net/en/make-games/manuals/construct-3/overview/publishing-projects" target="_blank"> <span> Publishing projects in Construct 3 </span> </a> <div class="mobBuilds"> <div> <h2>Android</h2> <p> Construct 3's build service lets you create Android APKs in a few clicks </p> <a href="https://www.construct.net/en/tutorials/building-signed-apk-android-28" target="_blank">Read more</a> </div> <div> <h2>iOS</h2> <p> Quickly create Xcode projects ready for testing and publishing on iOS devices </p> <a href="https://www.construct.net/en/tutorials/ios-application-development-25" target="_blank">Read more</a> </div> </div> </div> </div> <div class="slant2"> </div> <div class="slant3"> </div> <div class="featContent threeD"> <div> <span class="h2Tag">3D capable</span> <h2>Quickly add 3D</h2> <p> Instantly add elements of 3D to your game. Use Z elevation to move any 2D objects or layers up and down on the Z axis. Add 3D shape objects for a further 3D appearance. Go even further with 3D mesh distortion and even adjusting the vanishing point to adapt to your artistic style. </p> <div class="c"> <a class="openDemo" href="https://editor.construct.net/#open=vehicle-switching" target="_blank"> <img no-referrer="none" alt="Construct 3 logo" loading="lazy" src="https://construct-static.com/images/v1476/r/construct3/features/c3logo_v28.png" width="28" height="28" srcset="https://construct-static.com/images/v1476/r/construct3/features/c3logo_v28.png 1x, https://construct-static.com/images/v1476/construct3/features/c3logo.png 1.5x" /> <span> Edit <em>3D City</em> in Construct 3 </span> </a> </div> </div> <div> <div class="heroWrapper threeD"> <img no-referrer="none" alt="Hero image" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/hero-transparent.png" width="1280" height="800" /> <div class="vidWrap"> <video autoplay loop muted playsinline> <source src="https://construct-static.com/videos/v1476/construct3/city.mp4" type="video/mp4"> </video> </div> </div> </div> </div> <div class="rpWrap"> <div class="featContent"> <div class="rpHeader"> <div class="rpImgWrap"> <img no-referrer="none" loading="lazy" class="mainrp" src="https://construct-static.com/images/v1476/construct3/features/rp1.png" width="1011" height="685" /> <img no-referrer="none" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/rp2.png" width="393" height="479" /> <div class="phoneWrap"> <img no-referrer="none" alt="Phone icon" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/phone.png" width="343" height="600" /> <video autoplay loop muted playsinline> <source src="https://construct-static.com/videos/v1476/construct3/rp.mp4" type="video/mp4"> </video> <br/> <a class="openDemo" href="https://editor.construct.net/#open=rocket-barrel" target="_blank"> <img no-referrer="none" alt="Construct 3 logo" loading="lazy" src="https://construct-static.com/images/v1476/r/construct3/features/c3logo_v28.png" width="28" height="28" srcset="https://construct-static.com/images/v1476/r/construct3/features/c3logo_v28.png 1x, https://construct-static.com/images/v1476/construct3/features/c3logo.png 1.5x" /> <span> Edit <em>Rocket Barrel</em> in Construct 3 </span> </a> </div> </div> <div class="rpHeadContent"> <span class="h2Tag">Play instantly</span> <h2>Remote & Instant Preview</h2> <p> At any time you can instantly preview your game. Just click the “Play” icon on the toolbar. There’s no waiting for a lengthy build process. It makes creating your game as fun as playing it! </p> <p> Want to try your game on your phone? With Remote Preview, simply scan a QR code and start playing. Or instantly share your game with anyone on the Internet with a simple link. Nobody makes it easier. </p> </div> </div> </div> </div> <img class="curve" src="https://construct-static.com/images/v1476/construct3/features/curve.png" width="886" /> <div class="advancedWrap"> <div class="featContent advanced"> <div> <img no-referrer="none" alt="Film" loading="lazy" class="animico" src="https://construct-static.com/images/v1476/construct3/features/film.svg" width="64" /> <span class="h2Tag">Create animations</span> <h2>Timeline Animations</h2> <p> Switch from game design to animation with the Timeline Bar. Create sequences of movements and events to orchestrate cut-scenes. Integrate timelines with event sheets or JavaScript code for interactive animations. Craft precise movements with custom ease curves. Animate any kind of property from positions to effect parameters. </p> <div class="timelineImgWrap"> <img no-referrer="none" alt="Timeline" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/timeline.png" width="934" height="154" /> </div> <p> Add in the Tween behavior for convenient movement and animation on-the-fly, and you have a wide set of animation tools to express yourself with. </p> <div class="c"> <a class="openDemo" href="https://editor.construct.net/#open=segmented-boss-fight" target="_blank"> <img no-referrer="none" alt="Construct 3 logo" loading="lazy" src="https://construct-static.com/images/v1476/r/construct3/features/c3logo_v28.png" width="28" height="28" srcset="https://construct-static.com/images/v1476/r/construct3/features/c3logo_v28.png 1x, https://construct-static.com/images/v1476/construct3/features/c3logo.png 1.5x" /> <span> Edit <em>Boss Fight</em> in Construct 3 </span> </a> </div> </div> <div> <img no-referrer="none" alt="Screne graph icon" loading="lazy" class="animico spin" src="https://construct-static.com/images/v1476/construct3/features/scene-graph.svg" width="64" /> <span class="h2Tag">Create advanced animations</span> <h2>Scene Graph</h2> <p> Connect objects together into hierarchies that move, scale and rotate as one. Conveniently design hierarchies in the editor. Create and destroy entire hierarchies at once. Attach and detach objects at runtime as your gameplay demands it. And combine hierarchies with the Timelines animation feature to create exciting segmented animations - such as a formidable boss the player must overcome. </p> <div class="c"> <a class="openDemo" href="https://editor.construct.net/#open=shifting-dungeon" target="_blank"> <img no-referrer="none" alt="Construct 3 logo" loading="lazy" src="https://construct-static.com/images/v1476/r/construct3/features/c3logo_v28.png" width="28" height="28" srcset="https://construct-static.com/images/v1476/r/construct3/features/c3logo_v28.png 1x, https://construct-static.com/images/v1476/construct3/features/c3logo.png 1.5x" /> <span> Edit <em>Dungeon Shift</em> in Construct 3 </span> </a> </div> </div> </div> </div> <div class="featContent devices docs"> <div> <div> <span class="h2Tag">Well supported</span> <h2>Full documentation</h2> <p>Construct 3 is fully documented to help you learn and progress on your journey to becoming an expert.</p> <a class="openDemo noimg" href="https://www.construct.net/en/make-games/manuals/construct-3" target="_blank"> <span> Launch the Construct 3 manual </span> </a> </div> <div> <ul> <li> <div> <img no-referrer="none" alt="Manual" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/manual.svg" width="128" /> </div> <div> <h2>Manual</h2> <p>Comprehensive manual covering all Construct 3's features</p> <a href="https://www.construct.net/en/make-games/manuals/construct-3" target="_blank"> Open manual </a> </div> </li> <li> <div> <img no-referrer="none" alt="Tutorials" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/tutorials.svg" width="128" /> </div> <div> <h2>Tutorials</h2> <p>Thousands of tutorials in written and video form to help you get going</p> <a href="https://www.construct.net/en/tutorials" target="_blank">View tutorials</a> </div> </li> <li> <div> <img no-referrer="none" alt="Community" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/community.svg" width="128" /> </div> <div> <h2>Active Community</h2> <p>The Construct 3 community is well moderated, friendly and helpful - come and say hello!</p> <a href="https://www.construct.net/en/forum" target="_blank">View forums</a> </div> </li> </ul> </div> </div> </div> <div class="moreWrap"> <div class="featContent more"> <img no-referrer="none" alt="Tools" loading="lazy" class="tools" src="https://construct-static.com/images/v1476/construct3/features/tools.png" width="512" height="314" /> <div class="moreHead"> <span class="h2Tag">Packed with tools</span> <h2>And so much more</h2> <p>There are genuinely too many features in Construct to reasonably list here. Here’s just a few more things Construct has and there's a lot more to discover on your journey.</p> </div> <ul> <li> <img no-referrer="none" alt="Image" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/more/image.svg" width="42" /> <h3>Image editing</h3> <p>Built-in image editor with animations support to your beautiful content</p> <a href="https://www.construct.net/en/make-games/manuals/construct-3/interface/animations-editor" target="_blank"> Read more </a> </li> <li> <img no-referrer="none" alt="Collisions" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/more/collision.svg" width="42" /> <h3>Collisions</h3> <p>Create custom collision polygons to perfect your collisions</p> <a href="https://www.youtube.com/watch?v=9FnjRoEUe8Q" target="_blank"> Read more </a> </li> <li> <img no-referrer="none" alt="Tile" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/more/tile.svg" width="42" /> <h3>Tilemaps</h3> <p>Use Construct's tilemap editor - ideal for grid-aligned games</p> <a href="https://www.construct.net/en/make-games/manuals/construct-3/plugin-reference/tilemap" target="_blank"> Read more </a> </li> <li> <img no-referrer="none" alt="Physics" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/more/physics.svg" width="42" /> <h3>Physics engine</h3> <p>Bring your game to life with realistic simulations</p> <a href="https://www.construct.net/en/make-games/manuals/construct-3/behavior-reference/physics" target="_blank"> Read more </a> </li> <li> <img no-referrer="none" alt="Path" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/more/path.svg" width="42" /> <h3>Pathfinding</h3> <p>Intelligent and highly optimised pathfinding for your games</p> <a href="https://www.construct.net/en/make-games/manuals/construct-3/behavior-reference/pathfinding" target="_blank"> Read more </a> </li> <li> <img no-referrer="none" alt="Save" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/more/save.svg" width="42" /> <h3>Savegames</h3> <p>Instant and easy to implement Savegames support</p> <a href="https://www.construct.net/en/tutorials/savegames-313" target="_blank"> Read more </a> </li> <li> <img no-referrer="none" alt="Layer" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/more/layer.svg" width="42" /> <h3>Layers</h3> <p>Organise objects and effects on to layers</p> <a href="https://www.construct.net/en/make-games/manuals/construct-3/project-primitives/layers" target="_blank"> Read more </a> </li> <li> <img no-referrer="none" alt="Preview" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/more/preview.svg" width="42" /> <h3>Live previews</h3> <p>In-editor live previews of particles, animations and more</p> <a href="https://www.construct.net/en/make-games/manuals/construct-3/overview/testing-projects" target="_blank"> Read more </a> </li> <li> <img no-referrer="none" alt="Text" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/more/text.svg" width="42" /> <h3>Text formatting</h3> <p>Advanced text formatting with BBCode, including with Sprite Fonts and Web Fonts, as well as text effects like typewriter animation</p> <a href="https://www.construct.net/en/make-games/manuals/construct-3/plugin-reference/text" target="_blank"> Read more </a> </li> <li> <img no-referrer="none" alt="Form" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/more/form.svg" width="42" /> <h3>Forms</h3> <p>A range of form controls to easily get input from the user</p> <a href="https://www.construct.net/en/make-games/manuals/construct-3/plugin-reference/button" target="_blank"> Read more </a> </li> <li> <img no-referrer="none" alt="Microphone" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/more/mic.svg" width="42" /> <h3>Media support</h3> <p>Advanced media support including video playback, recording gameplay videos, camera input, microphone input, audio effects, and more</p> <a href="https://www.construct.net/en/make-games/manuals/construct-3/plugin-reference/audio" target="_blank"> Read more </a> </li> <li> <img no-referrer="none" alt="Web" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/more/web.svg" width="42" /> <h3>Web content</h3> <p>Design parts of your game with HTML & CSS. Integrate web content like YouTube videos with iframes</p> <a href="https://www.construct.net/en/blogs/construct-official-blog-1/design-uis-html-css-construct-1585" target="_blank"> Read more </a> </li> <li> <img no-referrer="none" alt="Data" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/more/data.svg" width="42" /> <h3>Data</h3> <p>Use data formats like JSON, XML, data structures like Dictionaries and Arrays, and edit them visually with the data editors</p> <a href="https://www.construct.net/en/make-games/manuals/construct-3/plugin-reference/json" target="_blank"> Read more </a> </li> <li> <img no-referrer="none" alt="Network" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/more/network.svg" width="42" /> <h3>Networking</h3> <p>Use networking including AJAX, WebSockets, and make multiplayer games based on WebRTC DataChannels</p> <a href="https://www.construct.net/en/make-games/manuals/construct-3/plugin-reference/multiplayer" target="_blank"> Read more </a> </li> <li> <img no-referrer="none" alt="Bug" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/more/bug.svg" width="42" /> <h3>Debugger</h3> <p>Get more insight into how your game is working with the debugger</p> <a href="https://www.construct.net/en/make-games/manuals/construct-3/interface/debugger" target="_blank"> Read more </a> </li> <li> <img no-referrer="none" alt="View" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/more/view.svg" width="42" /> <h3>Profiler</h3> <p>Watch real-time CPU and GPU performance measurements in the profiler</p> <a href="https://www.construct.net/en/make-games/manuals/construct-3/interface/debugger/profile-tab" target="_blank"> Read more </a> </li> <li> <img no-referrer="none" alt="Search" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/more/search.svg" width="42" /> <h3>Search</h3> <p>Convenient search including find all references</p> <a href="https://www.construct.net/en/make-games/manuals/construct-3/interface/bars/find-results-bar" target="_blank"> Read more </a> </li> <li> <img no-referrer="none" alt="Monitor" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/more/monitor.svg" width="42" /> <h3>Multi monitors</h3> <p>Multi-monitor support, allowing different windows on different displays</p> <a href="https://www.construct.net/en/make-games/manuals/construct-3/interface/bars" target="_blank"> Read more </a> </li> <li> <img no-referrer="none" alt="Theme" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/more/theme.svg" width="42" /> <h3>Themes</h3> <p>Use different editor themes including a dark theme</p> <a href="https://www.construct.net/en/make-games/manuals/addon-sdk/guide/themes" target="_blank"> Read more </a> </li> </ul> </div> </div> <div class="readyWrapOuter"> <div class="readyWrap"> <h2> Jump right in </h2> <div> <div class="text"> <p> You've found the right tool - now make your games! </p> </div> <div class="buttons"> <a class="openDemo" href="https://editor.construct.net/?startTour" target="_blank"> Try Now </a> <a class="openDemo" href="/en/make-games/buy-construct"> Buy Now </a> </div> </div> <img no-referrer="none" alt="Octopus" loading="lazy" src="https://construct-static.com/images/v1476/construct3/features/octo.png" width="334" height="552" /> </div> </div> </div> <script> var enableThemes = false; var darkThemeEnabled = false; var resourceVersion = "1476"; var defaultStaticResourceDomain = "https://construct-static.com"; var secureRootDomain = "https://www.construct.net"; var deferredCSS = ["https://construct-static.com/css/v1476/region.css"]; var currentUserID = 0; var currentRegionID = 702; var currentLanguageURLPart = "en"; var currentLanguageID = 1; var canonicalURL = "/make-games/games-editor"; </script> <input name="__RequestVerificationToken" type="hidden" value="O1VX_Fd6kvV-tMruvb2p3UCkWBV2Ocx7YtDoRwU0WXFmrRoc8csj1ix7Iu401xGWrYF9lAbGKGSkITNDBE53pww1cm41" /> </main> <footer> <div class="newFooterOuter" id="MPFooter"> <div class="newFooterSlant"></div> <div class="newFooterWrap"> <div class="newFooterContent"> <div> <div> <img no-referrer="none" alt="Scirra Ltd" loading="lazy" src="https://construct-static.com/images/v1476/refresh/footer/footer-family.png" width="449" height="335" /> <a href="#" class="localisation" id="RegionSelectorLink" rel="nofollow"> <h2> Your Location </h2> <span> Singapore/Singapura/Xinjiapo/Singapur </span> </a> </div> </div> <div> <div class="newFooterLinksOuter"> <div class="newFooterLinkWrap"> <div> <h3>Products</h3> <ul> <li> <a href="/en" title="Game making software"> Game Making Software </a> </li> <li> <a href="/en/animation-software" title="Game making software"> Animation Software </a> </li> </ul> <div class="spacer"></div> <h3>Construct 3</h3> <ul> <li> <a href="/en/make-games/gamemaker-alternative" title="Best game maker alternatives"> GameMaker Alternative </a> </li> <li> <a href="/en/make-your-own-game" title="How to make your own game"> Make Your Own Game </a> </li> <li> <a href="/en/make-games/buy-construct" title="Construct 3 pricing"> Pricing </a> </li> <li> <a href="/en/make-games/manuals" title="Construct 3 manual"> Documentation </a> </li> <li> <a href="/en/make-games/faq" title="Construct 3 FAQ"> FAQ </a> </li> <li> <a href="/en/case-studies" title="Construct 3 case studies"> Case Studies </a> </li> </ul> </div> <div> <h3>Education</h3> <ul> <li> <a href="/en/make-games/education" title="Game making software in education"> Why Construct 3 </a> </li> <li> <a href="/en/make-games/education/licensing" title="Educational game making software"> Easy Seat Management </a> </li> <li> <a href="/en/make-games/education/resources" title="Game development lesson plans"> Free Teaching Resources </a> </li> <li> <a href="/en/courses/learn-javascript-construct-79" title="Teach Javascript programming"> Learn Javascript </a> </li> <li> <a href="/en/make-games/education/partners" title="Construct 3 educational partners"> Partners </a> </li> <li> <a href="/en/make-games/buy-construct" title="Construct 3 pricing for education"> Pricing </a> </li> <li> <a href="/en/make-games/faq/education" title="Construct 3 education FAQ"> FAQ </a> </li> </ul> <div class="spacer"></div> <h3>Affiliates</h3> <ul> <li> <a href="/en/affiliates" title="Construct Affiliate Program"> Affiliate Program </a> </li> </ul> </div> </div> <div class="newFooterLinkWrap"> <div> <h3>Our Company</h3> <ul> <li> <a href="/en/about" title="About Scirra Ltd"> About Us </a> </li> <li> <a href="/en/team" title="Construct 3 employees"> Our Team </a> </li> <li> <a href="/en/downloads/press-kit.zip" download="construct-3-press-kit.zip" title="Construct 3 press kit"> Press Kit </a> </li> <li> <a href="/en/construct-press" title="Construct 3 in the media"> In the Press </a> </li> <li> <a href="/en/contact" title="Contact Construct team"> Contact Us </a> </li> </ul> </div> <div> <h3>Community</h3> <ul> <li> <a href="/en/forum" title="Game development forum"> Game Assets </a> </li> <li> <a href="/en/forum" title="Game development forum"> GameDev Forum </a> </li> <li> <a href="/en/tutorials" title="Learn to make games"> GameDev Tutorials </a> </li> <li> <a href="/en/blogs" title="Game development blogs"> GameDev Blogs </a> </li> <li> <a href="/en/free-online-games" title="Free addicting games"> Free Online Arcade </a> </li> <li> <a href="/en/forum/general/open-topic-33/forum-community-guidelines-141035" title="Construct community guidelines" rel="nofollow"> Community Guidelines </a> </li> </ul> </div> </div> </div> </div> <div> <div class="footerCompanyInfoWrapSlant"> <div></div> </div> <div class="footerCompanyInfoWrap"> <div> <h3>Scirra Ltd</h3> <div class="footerAddressWrap"> <address> <ul> <li> Studio 414, The Lightbulb </li> <li> 1 Filament Walk </li> <li> Wandsworth </li> <li> London </li> <li> SW18 4GQ </li> <li> United Kingdom </li> </ul> </address> <ul class="companyNumberWrap"> <li> Company number: <strong>07626452</strong> </li> <li> VAT registration: <strong>GB138656875</strong> </li> </ul> <ul class="footerSocial"> <li> <a title="Follow Construct 3 on Reddit" href="https://www.reddit.com/r/construct" target="_blank" rel="nofollow"> <img no-referrer="none" alt="Construct 3 Reddit" loading="lazy" src="https://construct-static.com/images/v1476/refresh/footer/reddit.svg" width="48" /> </a> </li> <li> <a title="Follow Construct 3 on Twitter" href="https://twitter.com/ConstructTeam" target="_blank" rel="nofollow"> <img no-referrer="none" alt="Construct 3 Twitter" loading="lazy" src="https://construct-static.com/images/v1476/refresh/footer/twitter.svg" width="48" /> </a> </li> <li> <a title="Follow Construct 3 on Facebook" href="https://www.facebook.com/ConstructTeam/" target="_blank" rel="nofollow"> <img no-referrer="none" alt="Construct 3 Facebook" loading="lazy" src="https://construct-static.com/images/v1476/refresh/footer/facebook.svg" width="48" /> </a> </li> <li> <a title="Follow Construct 3 on Mastodon" href="https://mastodon.gamedev.place/@construct" target="_blank" rel="me"> <img no-referrer="none" alt="Construct 3 Mastodon" loading="lazy" src="https://construct-static.com/images/v1476/r/refresh/footer/mastodon_v48.png" width="48" height="48" srcset="https://construct-static.com/images/v1476/r/refresh/footer/mastodon_v48.png 1x, https://construct-static.com/images/v1476/refresh/footer/mastodon.png 1.5x" /> </a> </li> <li> <a title="Follow Construct 3 on Youtube" href="https://www.youtube.com/c/Construct" target="_blank" rel="nofollow"> <img no-referrer="none" alt="Construct 3 Youtube" loading="lazy" src="https://construct-static.com/images/v1476/refresh/footer/youtube.svg" width="48" /> </a> </li> </ul> <div class="footerLegal"> <h3> Legal </h3> <ul> <li> <a href="/en/terms-and-conditions" title="Terms and conditions" rel="nofollow"> Terms and Conditions </a> </li> <li> <a href="/en/privacy-policy" title="Privacy Policy" rel="nofollow"> Privacy Policy </a> </li> <li> <a href="/en/childrens-code" title="Children's code" rel="nofollow"> Children's Code </a> </li> <li> <a href="/en/accessibility" title="Children's code" rel="nofollow"> Accessibility </a> </li> <li> <a href="https://status.construct.net/" title="Construct.net status" rel="nofollow" target="_blank"> Service Status </a> </li> </ul> </div> </div> </div> <div> <div class="footerTech"> <div> <img no-referrer="none" alt="Monkey" loading="lazy" src="https://construct-static.com/images/v1476/refresh/footer/monkey.png" width="91" height="67" /> </div> <div> <span>© Scirra Ltd 2025 • All rights reserved</span> <span>v1476 • PRD-VM-WEB1a</span> </div> </div> </div> </div> </div> </div> </div> </div> </footer> <div class="overlay" id="RegionOverlay"> <div class="overlayContent"> <div class="regionContent"></div> </div> </div> <script src="https://construct-static.com/js/v1476/global.js"></script> <script async src="https://construct-static.com/js/v1476/region/selector.js"></script> <script async src="https://js.stripe.com/v3/"></script> <script src="https://construct-static.com/js/v1476/topmenu/menu.js"></script> </form> </body> </html>

CINXE.COM

Games Editor - Create Games with Construct 3