level_editor.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
  1. <!DOCTYPE html>
  2. <html class="writer-html5" lang="en" >
  3. <head>
  4. <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
  5. <meta property="article:modified_time" content="2026-02-17T17:01:58+00:00" /><meta property="og:title" content="Editor overview" />
  6. <meta property="og:type" content="website" />
  7. <meta property="og:url" content="https://docs.crownengine.org/html/latest/level_editor/level_editor.html" />
  8. <meta property="og:site_name" content="Crown 0.60.0 Manual" />
  9. <meta property="og:description" content="After opening a Project Crown immediately starts compiling the resources it contains. Once the process is complete, the Level Editor is launched and should look similar to the image below: The Level Editor interface in its default configuration., The Level Editor is split into..." />
  10. <meta name="description" content="After opening a Project Crown immediately starts compiling the resources it contains. Once the process is complete, the Level Editor is launched and should look similar to the image below: The Level Editor interface in its default configuration., The Level Editor is split into..." />
  11. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  12. <title>Editor overview &mdash; Crown 0.60.0 Manual 0.61.0 documentation</title>
  13. <link rel="stylesheet" href="../_static/pygments.css" type="text/css" />
  14. <link rel="stylesheet" href="../_static/css/theme.css" type="text/css" />
  15. <link rel="stylesheet" href="../_static/css/custom.css" type="text/css" />
  16. <link rel="shortcut icon" href="../_static/org.crownengine.Crown.svg"/>
  17. <link rel="canonical" href="https://docs.crownengine.org/html/latest/level_editor/level_editor.html" />
  18. <!--[if lt IE 9]>
  19. <script src="../_static/js/html5shiv.min.js"></script>
  20. <![endif]-->
  21. <script data-url_root="../" id="documentation_options" src="../_static/documentation_options.js"></script>
  22. <script src="../_static/jquery.js"></script>
  23. <script src="../_static/underscore.js"></script>
  24. <script src="../_static/doctools.js"></script>
  25. <script src="../_static/js/theme.js"></script>
  26. <link rel="index" title="Index" href="../genindex.html" />
  27. <link rel="search" title="Search" href="../search.html" />
  28. <link rel="copyright" title="Copyright" href="../copyright.html" />
  29. <link rel="next" title="Project Browser" href="project_browser.html" />
  30. <link rel="prev" title="The Level Editor" href="index.html" />
  31. </head>
  32. <body class="wy-body-for-nav">
  33. <div class="wy-grid-for-nav">
  34. <nav data-toggle="wy-nav-shift" class="wy-nav-side">
  35. <div class="wy-side-scroll">
  36. <div class="wy-side-nav-search" >
  37. <a href="../index.html">
  38. <img src="../_static/org.crownengine.Crown.svg" class="logo" alt="Logo"/>
  39. </a>
  40. <div class="version">
  41. Crown 0.60.0 Manual
  42. </div>
  43. <div role="search">
  44. <form id="rtd-search-form" class="wy-form" action="../search.html" method="get">
  45. <input type="text" name="q" placeholder="Search docs" />
  46. <input type="hidden" name="check_keywords" value="yes" />
  47. <input type="hidden" name="area" value="default" />
  48. </form>
  49. </div>
  50. </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
  51. <ul class="current">
  52. <li class="toctree-l1"><a class="reference internal" href="../changelog.html">Changelog</a></li>
  53. <li class="toctree-l1"><a class="reference internal" href="../introduction.html">Introduction</a></li>
  54. <li class="toctree-l1"><a class="reference internal" href="../installing_crown/index.html">Installing Crown</a></li>
  55. <li class="toctree-l1"><a class="reference internal" href="../getting_started/index.html">Getting Started</a></li>
  56. <li class="toctree-l1 current"><a class="reference internal" href="index.html">The Level Editor</a><ul class="current">
  57. <li class="toctree-l2 current"><a class="current reference internal" href="#">Editor overview</a><ul>
  58. <li class="toctree-l3"><a class="reference internal" href="#layout-customization">Layout customization</a></li>
  59. <li class="toctree-l3"><a class="reference internal" href="#running-the-game">Running the game</a></li>
  60. </ul>
  61. </li>
  62. <li class="toctree-l2"><a class="reference internal" href="project_browser.html">Project Browser</a></li>
  63. <li class="toctree-l2"><a class="reference internal" href="console.html">Console</a></li>
  64. <li class="toctree-l2"><a class="reference internal" href="inspector.html">Inspector</a></li>
  65. <li class="toctree-l2"><a class="reference internal" href="level_tree.html">Level Tree</a></li>
  66. <li class="toctree-l2"><a class="reference internal" href="level_viewport.html">Level Viewport</a></li>
  67. <li class="toctree-l2"><a class="reference internal" href="texture_settings.html">Texture Settings</a></li>
  68. </ul>
  69. </li>
  70. <li class="toctree-l1"><a class="reference internal" href="../importing_resources/index.html">Importing Resources</a></li>
  71. <li class="toctree-l1"><a class="reference internal" href="../units/index.html">Units</a></li>
  72. <li class="toctree-l1"><a class="reference internal" href="../gameplay/index.html">Writing Gameplay</a></li>
  73. <li class="toctree-l1"><a class="reference internal" href="../deploying/index.html">Deploying</a></li>
  74. <li class="toctree-l1"><a class="reference internal" href="../reference/index.html">Reference</a></li>
  75. <li class="toctree-l1"><a class="reference internal" href="../lua_api.html">Lua API reference</a></li>
  76. <li class="toctree-l1"><a class="reference internal" href="../glossary.html">Glossary</a></li>
  77. <li class="toctree-l1"><a class="reference internal" href="../copyright.html">License</a></li>
  78. <li class="toctree-l1"><a class="reference internal" href="../hackers/index.html">Engine Hackers</a></li>
  79. </ul>
  80. </div>
  81. </div>
  82. </nav>
  83. <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"><nav class="wy-nav-top" aria-label="Mobile navigation menu" >
  84. <i data-toggle="wy-nav-top" class="fa fa-bars"></i>
  85. <a href="../index.html">Crown 0.60.0 Manual</a>
  86. </nav>
  87. <div class="wy-nav-content">
  88. <div class="rst-content">
  89. <div role="navigation" aria-label="Page navigation">
  90. <ul class="wy-breadcrumbs">
  91. <li><a href="../index.html" class="icon icon-home"></a> &raquo;</li>
  92. <li><a href="index.html">The Level Editor</a> &raquo;</li>
  93. <li>Editor overview</li>
  94. <li class="wy-breadcrumbs-aside">
  95. <a href="../_sources/level_editor/level_editor.rst.txt" rel="nofollow"> View page source</a>
  96. </li>
  97. </ul>
  98. <hr/>
  99. </div>
  100. <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
  101. <div itemprop="articleBody">
  102. <section id="editor-overview">
  103. <span id="level-editor"></span><h1>Editor overview<a class="headerlink" href="#editor-overview" title="Permalink to this headline">¶</a></h1>
  104. <p>After opening a <a class="reference internal" href="../getting_started/basic_concepts.html#project"><span class="std std-ref">Project</span></a> Crown immediately starts compiling the
  105. resources it contains. Once the process is complete, the Level Editor is
  106. launched and should look similar to the image below:</p>
  107. <figure class="align-center" id="id1">
  108. <img alt="../_images/editor_overview.svg" src="../_images/editor_overview.svg" /><figcaption>
  109. <p><span class="caption-text">The Level Editor interface in its default configuration.</span><a class="headerlink" href="#id1" title="Permalink to this image">¶</a></p>
  110. </figcaption>
  111. </figure>
  112. <p>The Level Editor is split into several panels:</p>
  113. <table class="docutils align-default">
  114. <colgroup>
  115. <col style="width: 7%" />
  116. <col style="width: 25%" />
  117. <col style="width: 68%" />
  118. </colgroup>
  119. <thead>
  120. <tr class="row-odd"><th class="head"><p>Number</p></th>
  121. <th class="head"><p>Name</p></th>
  122. <th class="head"><p>What it shows</p></th>
  123. </tr>
  124. </thead>
  125. <tbody>
  126. <tr class="row-even"><td><p>1</p></td>
  127. <td><p><a class="reference internal" href="project_browser.html#project-browser"><span class="std std-ref">Project Browser</span></a></p></td>
  128. <td><p>The current project’s contents.</p></td>
  129. </tr>
  130. <tr class="row-odd"><td><p>2</p></td>
  131. <td><p><a class="reference internal" href="console.html#console"><span class="std std-ref">Console</span></a></p></td>
  132. <td><p>Messages from the Level Editor, the Game and other Runtimes.</p></td>
  133. </tr>
  134. <tr class="row-even"><td><p>3</p></td>
  135. <td><p><a class="reference internal" href="inspector.html#inspector"><span class="std std-ref">Inspector</span></a></p></td>
  136. <td><p>The properties of the currently selected object.</p></td>
  137. </tr>
  138. <tr class="row-odd"><td><p>4</p></td>
  139. <td><p><a class="reference internal" href="level_tree.html#level-tree"><span class="std std-ref">Level Tree</span></a></p></td>
  140. <td><p>A hierarchical view of all the objects in the Level.</p></td>
  141. </tr>
  142. <tr class="row-even"><td><p>5</p></td>
  143. <td><p><a class="reference internal" href="level_viewport.html#level-viewport"><span class="std std-ref">Level Viewport</span></a></p></td>
  144. <td><p>The Level being edited.</p></td>
  145. </tr>
  146. <tr class="row-odd"><td><p>6</p></td>
  147. <td><p>Menubar</p></td>
  148. <td><p>Common commands for editing / debugging / opening editors etc.</p></td>
  149. </tr>
  150. <tr class="row-even"><td><p>7</p></td>
  151. <td><p>Toolbar</p></td>
  152. <td><p>Tools and common options for editing.</p></td>
  153. </tr>
  154. <tr class="row-odd"><td><p>8</p></td>
  155. <td><p>Statusbar</p></td>
  156. <td><p>Contextual info and small self-contained messages.</p></td>
  157. </tr>
  158. <tr class="row-even"><td><p>9</p></td>
  159. <td><p>Titlebar</p></td>
  160. <td><p>Start/Stop Level button, current level name and edit status.</p></td>
  161. </tr>
  162. </tbody>
  163. </table>
  164. <section id="layout-customization">
  165. <h2>Layout customization<a class="headerlink" href="#layout-customization" title="Permalink to this headline">¶</a></h2>
  166. <p>Most panels are optional and can be toggled from the <code class="docutils literal notranslate"><span class="pre">View</span></code> menu in the
  167. Menubar.</p>
  168. <p>The Console can be shown or hidden quickly with the <code class="docutils literal notranslate"><span class="pre">Ctrl+`</span></code> shortcut. Use
  169. the same shortcut to jump to the Command Bar in the Console.</p>
  170. </section>
  171. <section id="running-the-game">
  172. <h2>Running the game<a class="headerlink" href="#running-the-game" title="Permalink to this headline">¶</a></h2>
  173. <p>Press <code class="docutils literal notranslate"><span class="pre">F5</span></code> to play the currently edited level. Crown saves a copy of the
  174. level you are editing and launches it in a separate window. When the level is
  175. running, the Console automatically connects to the game’s runtime and
  176. switches to communicate with it.</p>
  177. <p>To stop the playtest, close the game window or press the Stop Level button on
  178. the Titlebar. If the runtime takes too long to stop, it will be forcibly
  179. terminated. At exit the Console will switch back to communicating with the
  180. editor’s runtime.</p>
  181. <p>To run the full game, choose <code class="docutils literal notranslate"><span class="pre">Debug</span> <span class="pre">-&gt;</span> <span class="pre">Run</span> <span class="pre">Game</span></code> from the Menubar. In this
  182. mode Crown launches the game as it would run for an end user.</p>
  183. </section>
  184. </section>
  185. </div>
  186. </div>
  187. <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
  188. <a href="index.html" class="btn btn-neutral float-left" title="The Level Editor" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
  189. <a href="project_browser.html" class="btn btn-neutral float-right" title="Project Browser" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
  190. </div>
  191. <hr/>
  192. <div role="contentinfo">
  193. <p>&#169; <a href="../copyright.html">Copyright</a> Except where otherwise noted, content on this page is licensed under a CC-BY-SA 4.0 Int. License.
  194. <span class="lastupdated">Last updated on Feb 17, 2026.
  195. </span></p>
  196. </div>
  197. Built with <a href="https://www.sphinx-doc.org/">Sphinx</a> using a
  198. <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a>
  199. provided by <a href="https://readthedocs.org">Read the Docs</a>.
  200. </footer>
  201. </div>
  202. </div>
  203. </section>
  204. </div>
  205. <script>
  206. jQuery(function () {
  207. SphinxRtdTheme.Navigation.enable(true);
  208. });
  209. </script>
  210. <!-- Theme Analytics -->
  211. <script async src="https://www.googletagmanager.com/gtag/js?id=G-XNVGCMNDZH"></script>
  212. <script>
  213. window.dataLayer = window.dataLayer || [];
  214. function gtag(){dataLayer.push(arguments);}
  215. gtag('js', new Date());
  216. gtag('config', 'G-XNVGCMNDZH', {
  217. 'anonymize_ip': true,
  218. });
  219. </script>
  220. </body>
  221. </html>