CINXE.COM
Knowledge Base · Kenney
<!DOCTYPE html> <html lang='en'> <head> <meta charset='utf-8'> <meta name='viewport' content='width=device-width, initial-scale=1'> <title>Knowledge Base · Kenney</title> <meta name='description' content=''> <meta name='keywords' content='Games, Software, Game assets, Assets, Gamedev'> <meta name='author' content='Kenney'> <link rel='stylesheet' type='text/css' href='https://www.kenney.nl/data/css/bootstrap-grid.min.css?1' /> <link rel='stylesheet' type='text/css' href='https://www.kenney.nl/data/css/fonts.css?1' /> <link rel='stylesheet' type='text/css' href='https://www.kenney.nl/data/css/kenney.css?1' /> <link rel='stylesheet' type='text/css' href='https://www.kenney.nl/data/css/kenney-sidebar.css?1' /> <link rel='stylesheet' type='text/css' href='https://www.kenney.nl/data/css/animate.min.css?1' /> <link rel='stylesheet' type='text/css' href='https://www.kenney.nl/data/css/code-github-dark-dimmed.css' /> <!-- OpenGraph !--> <meta property='og:url' content='https://www.kenney.nl/knowledge-base' /> <meta property='og:type' content='article' /> <meta property='og:title' content='Knowledge Base · Kenney' /> <!-- Meta !--> <meta name='twitter:card' content='summary_large_image'> <meta property='twitter:domain' content='kenney.nl'> <meta property='twitter:url' content='https://www.kenney.nl/knowledge-base'> <meta name='twitter:title' content='Knowledge Base · Kenney'> <meta property='og:image' content='https://www.kenney.nl/data/img/kenney-promo.png' /> </head> <body class='wrapper'> <a href='https://kenney.nl/donate' class='warning no-select'><img src='https://www.kenney.nl/data/img/sparkles.svg' height='20px' style='vertical-align: bottom; margin-right:0.25em' /> Our game assets are free because of <u>donations</u> from the community, consider one if you can!</a> <div id='header-container'> <div id='header'> <div class='logo-full mobile-show'> <a href='https://www.kenney.nl'><img src="https://www.kenney.nl/data/img/logo.png" srcset="https://www.kenney.nl/data/img/logo@2.png 2x"/></a> </div> <div class="navigation"> <ul> <li class='icon mobile-show'><a href='#' onclick="openNavigation()"><span><img width='20' height='20' style='vertical-align: middle;' src='https://www.kenney.nl/data/img/icons/menu.svg'/></span></a></li> <li class='logo mobile-hide'> <a href='https://www.kenney.nl'><img src="https://www.kenney.nl/data/img/logo.png" srcset="https://www.kenney.nl/data/img/logo@2.png 2x"/></a> </li> <div class='mobile-hide'> <li class='item '><a href='https://www.kenney.nl/games'><span>Games</span></a></li> <li class='item '><a href='https://www.kenney.nl/tools'><span>Tools</span></a></li> <li class='item '><a href='https://www.kenney.nl/assets'><span>Assets</span></a></li> <li class='item '><a href='https://www.kenney.nl/starter-kits'><span>Starter Kits</span></a></li> </div> </ul> </div> <div class="navigation right"> <ul class='mobile-hide'> <li class='icon'><a target='_blank' href='https://twitter.com/KenneyNL'><span><img style='vertical-align: middle;' src='https://www.kenney.nl/data/img/icons/twitter.svg'/></span></a></li> <li class='item '><a href='https://www.kenney.nl/donate'><span>Donate</span></a></li> </ul> </div> <div id="sidebar" class='sidebar' class='no-select'> <a href="javascript:void(0)" class="close" onclick="closeNavigation()">×</a> <div class="sidebar-menu"> <a href="https://www.kenney.nl/games">Games</a> <a href="https://www.kenney.nl/tools">Tools</a> <a href="https://www.kenney.nl/assets">Assets</a> <a href="https://www.kenney.nl/starter-kits">Starter Kits</a> </div> <hr> <div class="sidebar-menu small"> <a href="https://www.kenney.nl/support">Support</a> <a href="https://www.kenney.nl/knowledge-base">Knowledge Base</a> <a href="https://www.kenney.nl/donate">Donate</a> <a href="https://twitter.com/KenneyNL" target="_blank">Twitter</a> </div> </div> <div id="sidebar-notifications" class='sidebar lato no-select'> <a href="javascript:void(0)" class="close" onclick="closeNotifications()">×</a> <h3>News</h3> </div> <div style='clear:both'></div> </div> </div> <div id='content'> <section class='no-padding'> <div class='container large text-justify'> <div class='row'> <div class='col'> <h1 class='text-center'>Knowledge Base</h1> </div> </div> <div class='row text-center'> <div class='col'></div> <div class='col-lg'> <form autoComplete='none' style='position:relative'> <p> <img style='vertical-align:middle; position:absolute; left:10px; top:8px; opacity:0.5' src='https://www.kenney.nl/data/img/icons/search.svg'/> <input autocomplete='off' type='search' placeholder='Search keywords or questions' name='search' style='text-align:center; font-family: "Noto Sans"; font-weight:800; font-size: 0.9em'/> </p> </form> </div> <div class='col'></div> </div> <div class='row margin-top'> <div class='col-md-4'> <div class='article'> <a href='https://www.kenney.nl/knowledge-base/general'> <div class='cover' style='background-image:url("")'> <h2>General</h2> <p>2 article(s)</p> </div> </a> <ul class='vertical-list reduced'> <a href='https://www.kenney.nl/knowledge-base/general/convert-ogg-files-to-other-audio-formats'><li><span class='label'>Guide</span> <span class='text'>Convert OGG files to other audio formats</span></li></a> <a href='https://www.kenney.nl/knowledge-base/general/quick-game-development-tips'><li><span class='label'>Article</span> <span class='text'>Quick game development tips</span></li></a> </ul> </div> </div> <div class='col-md-4'> <div class='article'> <a href='https://www.kenney.nl/knowledge-base/game-assets-2d'> <div class='cover' style='background-image:url("")'> <h2>Game assets (2D)</h2> <p>4 article(s)</p> </div> </a> <ul class='vertical-list reduced'> <a href='https://www.kenney.nl/knowledge-base/game-assets-2d/importing-and-using-tilemaps'><li><span class='label'>Guide</span> <span class='text'>Importing and using tilemaps</span></li></a> <a href='https://www.kenney.nl/knowledge-base/game-assets-2d/importing-isometric-miniature-series-tiles'><li><span class='label'>Guide</span> <span class='text'>Importing "Isometric Miniature"-series tiles</span></li></a> <a href='https://www.kenney.nl/knowledge-base/game-assets-2d'><li><span class='text' style='font-size:0.8em'>More...</span></li></a> </ul> </div> </div> <div class='col-md-4'> <div class='article'> <a href='https://www.kenney.nl/knowledge-base/game-assets-3d'> <div class='cover' style='background-image:url("")'> <h2>Game assets (3D)</h2> <p>3 article(s)</p> </div> </a> <ul class='vertical-list reduced'> <a href='https://www.kenney.nl/knowledge-base/game-assets-3d/importing-3d-models-into-game-engines'><li><span class='label'>Guide</span> <span class='text'>Importing 3D models into game engines</span></li></a> <a href='https://www.kenney.nl/knowledge-base/game-assets-3d/importing-characters-and-animations'><li><span class='label'>Guide</span> <span class='text'>Importing characters and animations</span></li></a> <a href='https://www.kenney.nl/knowledge-base/game-assets-3d'><li><span class='text' style='font-size:0.8em'>More...</span></li></a> </ul> </div> </div> <div class='col-md-4'> <div class='article'> <a href='https://www.kenney.nl/knowledge-base/games'> <div class='cover' style='background-image:url("")'> <h2>Games</h2> <p>2 article(s)</p> </div> </a> <ul class='vertical-list reduced'> <a href='https://www.kenney.nl/knowledge-base/games/pixross'><li><span class='label'>FAQ</span> <span class='text'>Pixross</span></li></a> <a href='https://www.kenney.nl/knowledge-base/games/frick-inc'><li><span class='label'>FAQ</span> <span class='text'>Frick, Inc.</span></li></a> </ul> </div> </div> <div class='col-md-4'> <div class='article'> <a href='https://www.kenney.nl/knowledge-base/tools'> <div class='cover' style='background-image:url("")'> <h2>Tools</h2> <p>1 article(s)</p> </div> </a> <ul class='vertical-list reduced'> <a href='https://www.kenney.nl/knowledge-base/tools/kenney-shape-documentation'><li><span class='label'>Article</span> <span class='text'>Kenney Shape documentation</span></li></a> </ul> </div> </div> <div class='col-md-4'> <div class='article'> <a href='https://www.kenney.nl/knowledge-base/asset-forge'> <div class='cover' style='background-image:url("")'> <h2>Asset Forge</h2> <p>10 article(s)</p> </div> </a> <ul class='vertical-list reduced'> <a href='https://www.kenney.nl/knowledge-base/asset-forge/getting-started-with-asset-forge'><li><span class='label'>Guide</span> <span class='text'>Getting started with Asset Forge</span></li></a> <a href='https://www.kenney.nl/knowledge-base/asset-forge/troubleshooting-asset-forge-issues'><li><span class='label'>Troubleshooting</span> <span class='text'>Troubleshooting Asset Forge issues</span></li></a> <a href='https://www.kenney.nl/knowledge-base/asset-forge'><li><span class='text' style='font-size:0.8em'>More...</span></li></a> </ul> </div> </div> <div class='col-md-4'> <div class='article'> <a href='https://www.kenney.nl/knowledge-base/learning'> <div class='cover' style='background-image:url("")'> <h2>Learning</h2> <p>8 article(s)</p> </div> </a> <ul class='vertical-list reduced'> <a href='https://www.kenney.nl/knowledge-base/learning/improving-2d-vector-art'><li><span class='label'>Guide</span> <span class='text'>Improving 2D Vector Art</span></li></a> <a href='https://www.kenney.nl/knowledge-base/learning/creating-a-game-for-atari-2600'><li><span class='label'>Guide</span> <span class='text'>Creating a game for Atari 2600</span></li></a> <a href='https://www.kenney.nl/knowledge-base/learning'><li><span class='text' style='font-size:0.8em'>More...</span></li></a> </ul> </div> </div> </div> <div class='row text-center margin-top'> <div class='col'> <style> .pagination{ list-style:none; margin:0; padding:0; font-size:90%; font-weight: bold; } .pagination li{ display:inline; } .pagination li a{ color:#272525; display:inline-block; border-radius:0.25em; text-decoration:none; padding: 0.1em 0.7em; vertical-align: top; } .pagination li a:hover{ color:#ffd400 !important; } .pagination li a.selected{ background-color:#ffd400; border-radius:0.3em; } .pagination li a.selected:hover{ color:white !important; text-decoration:none !important; } .pagination li a.icon{ vertical-align: sub; opacity:0.35; } .pagination li a.icon:hover{ opacity:1; } .pagination li.space{ margin:0em 1em; } .pagination li.seperator{ margin-left: 0.5em; margin-right: 0.5em; opacity: 0.5; vertical-align: text-bottom; } </style> </div> </div> </div> </section> </div> <footer> <div class='row mobile-stack'> <div class='col horizontal-list'> <span>Copyright © 2010 - 2024 · All rights reserved</span> </div> <div class='col text-right mobile-text-center mobile-margin-top horizontal-list'> <a href='https://www.kenney.nl/support'>Support</a> <a href='https://www.kenney.nl/knowledge-base'>Knowledge Base</a> <a href='https://www.kenney.nl/privacy-policy'>Privacy Policy</a> <a href='https://www.kenney.nl/terms-of-service'>Terms of Service</a> </div> </div> </footer> <link rel='stylesheet' type='text/css' href='https://www.kenney.nl/data/css/lity.min.css' /> <script type='text/javascript' src='https://www.kenney.nl/data/js/mobile-menu.js'></script> <script type='text/javascript' src='https://www.kenney.nl/data/js/jquery.slim.min.js'></script> <script type='text/javascript' src='https://www.kenney.nl/data/js/lity.min.js'></script> <script type='text/javascript' src='https://www.kenney.nl/data/js/kenney.js'></script> <a style='display:none' rel="me" href="https://mastodon.gamedev.place/@kenney">Mastodon</a> </body> </html> <style> /* Article */ .article{ margin-bottom: 2em; } .article a{ text-decoration:none; } .article a:hover{ text-decoration: none; } .article h2{ color:#EEF4F7; font-size: 1.5em; margin: 0; } .article .cover{ margin-bottom: 1em; padding:1.5em 1.5em; display:block; height:80px; border-radius: 0.5em; background-color:#262633; background-size: 64px 64px; background-repeat: no-repeat; background-position: center center; } .article .cover:hover{ background-color:#9468DA; } .article .cover p{ color:#EEF4F7; margin-top:0; } </style>