Home Explore Help
Sign In
Phaser.js
/
PhaserEditor2D-v3-docs-html
mirror of https://github.com/PhaserEditor2D/PhaserEditor2D-v3-docs-html.git
2
0
Fork 0
Files Issues 0 Wiki
Branch: develop
Branches Tags
PhaserEditor2D-...
/
docs
/
index.html

index.html 15 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237 
  1. <!DOCTYPE html>
    2. 

  2. <html class="writer-html5" lang="en" >
    3. 

  3. <head>
    4. 

  4.   <meta charset="utf-8" /><meta name="generator" content="Docutils 0.18.1: http://docutils.sourceforge.net/" />
    5. 

  5. 

  6.   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    7. 

  7.   <title>Phaser Editor 2D Help &mdash; Phaser Editor 2D Help</title>
    8. 

  8.       <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
    9. 

  9.       <link rel="stylesheet" href="_static/css/theme.css" type="text/css" />
    10. 

  10.       <link rel="stylesheet" href="_static/css/custom.css" type="text/css" />
    11. 

  11.     <link rel="shortcut icon" href="_static/icon.png"/>
    12. 

  12.   <!--[if lt IE 9]>
    13. 

  13.     <script src="_static/js/html5shiv.min.js"></script>
    14. 

  14.   <![endif]-->
    15. 

  15.   
    16. 

  16.         <script src="_static/jquery.js?v=5d32c60e"></script>
    17. 

  17.         <script src="_static/_sphinx_javascript_frameworks_compat.js?v=2cd50e6c"></script>
    18. 

  18.         <script src="_static/documentation_options.js?v=a1f35292"></script>
    19. 

  19.         <script src="_static/doctools.js?v=888ff710"></script>
    20. 

  20.         <script src="_static/sphinx_highlight.js?v=dc90522c"></script>
    21. 

  21.     <script src="_static/js/theme.js"></script>
    22. 

  22.     <link rel="index" title="Index" href="genindex.html" />
    23. 

  23.     <link rel="search" title="Search" href="search.html" />
    24. 

  24.     <link rel="next" title="Introduction" href="intro/index.html" /> 
    25. 

  25. </head>
    26. 

  26. 

  27. <body class="wy-body-for-nav"> 
    28. 

  28.   <div class="wy-grid-for-nav">
    29. 

  29.     <nav data-toggle="wy-nav-shift" class="wy-nav-side">
    30. 

  30.       <div class="wy-side-scroll">
    31. 

  31.         <div class="wy-side-nav-search"  style="background: #343131" >
    32. 

  32. 

  33.           
    34. 

  34.           
    35. 

  35.           <a href="#" class="icon icon-home">
    36. 

  36.             Phaser Editor 2D
    37. 

  37.               <img src="_static/logo.png" class="logo" alt="Logo"/>
    38. 

  38.           </a>
    39. 

  39.               <div class="version">
    40. 

  40.                 v3.67.0
    41. 

  41.               </div>
    42. 

  42. <div role="search">
    43. 

  43.   <form id="rtd-search-form" class="wy-form" action="search.html" method="get">
    44. 

  44.     <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" />
    45. 

  45.     <input type="hidden" name="check_keywords" value="yes" />
    46. 

  46.     <input type="hidden" name="area" value="default" />
    47. 

  47.   </form>
    48. 

  48. </div>
    49. 

  49.         </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
    50. 

  50.               <ul>
    51. 

  51. <li class="toctree-l1"><a class="reference internal" href="intro/index.html">Introduction</a></li>
    52. 

  52. <li class="toctree-l1"><a class="reference internal" href="first-steps/index.html">First steps</a></li>
    53. 

  53. <li class="toctree-l1"><a class="reference internal" href="workbench/index.html">Workbench</a></li>
    54. 

  54. <li class="toctree-l1"><a class="reference internal" href="asset-pack-editor/index.html">Asset Pack Editor</a></li>
    55. 

  55. <li class="toctree-l1"><a class="reference internal" href="scene-editor/index.html">Scene Editor</a></li>
    56. 

  56. <li class="toctree-l1"><a class="reference internal" href="code-editor/index.html">Code Editor</a></li>
    57. 

  57. <li class="toctree-l1"><a class="reference internal" href="animations-editor/index.html">Animations Editor</a></li>
    58. 

  58. <li class="toctree-l1"><a class="reference internal" href="atlas-editor/index.html">Atlas Editor</a></li>
    59. 

  59. <li class="toctree-l1"><a class="reference internal" href="misc/index.html">Miscellaneous</a></li>
    60. 

  60. <li class="toctree-l1"><a class="reference internal" href="pricing/index.html">License and pricing</a></li>
    61. 

  61. </ul>
    62. 

  62. 

  63.         </div>
    64. 

  64.       </div>
    65. 

  65.     </nav>
    66. 

  66. 

  67.     <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"><nav class="wy-nav-top" aria-label="Mobile navigation menu"  style="background: #343131" >
    68. 

  68.           <i data-toggle="wy-nav-top" class="fa fa-bars"></i>
    69. 

  69.           <a href="#">Phaser Editor 2D</a>
    70. 

  70.       </nav>
    71. 

  71. 

  72.       <div class="wy-nav-content">
    73. 

  73.         <div class="rst-content">
    74. 

  74.           <div role="navigation" aria-label="Page navigation">
    75. 

  75.   <ul class="wy-breadcrumbs">
    76. 

  76.       <li><a href="#" class="icon icon-home" aria-label="Home"></a></li>
    77. 

  77.       <li class="breadcrumb-item active">Phaser Editor 2D Help</li>
    78. 

  78.       <li class="wy-breadcrumbs-aside">
    79. 

  79.       </li>
    80. 

  80.   </ul>
    81. 

  81.   <hr/>
    82. 

  82. </div>
    83. 

  83.           <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
    84. 

  84.            <div itemprop="articleBody">
    85. 

  85.              
    86. 

  86.   <section id="phaser-editor-2d-help">
    87. 

  87. <h1>Phaser Editor 2D Help<a class="headerlink" href="#phaser-editor-2d-help" title="Link to this heading"></a></h1>
    88. 

  88. <p>Welcome to the Phaser Editor 2D v3 documentation!</p>
    89. 

  89. <img alt="Welcome Phaser Editor 2D" src="_images/welcome-20230324.webp" />
    90. 

  90. <p>Phaser Editor 2D is a powerful visual development tool for creating 2D games using the Phaser game engine. With its intuitive interface and extensive set of features, it allows developers of all skill levels to quickly and easily create high-quality games for desktop and mobile platforms. Whether you’re a beginner or an experienced developer, Phaser Editor 2D provides everything you need to bring your game ideas to life.</p>
    91. 

  91. <p>Last update: 2024-02-21</p>
    92. 

  92. <div class="toctree-wrapper compound">
    93. 

  93. <ul>
    94. 

  94. <li class="toctree-l1"><a class="reference internal" href="intro/index.html">Introduction</a><ul>
    95. 

  95. <li class="toctree-l2"><a class="reference internal" href="intro/author.html">Author</a></li>
    96. 

  96. <li class="toctree-l2"><a class="reference internal" href="intro/open-source-commercial.html">Open source &amp; commercial</a></li>
    97. 

  97. <li class="toctree-l2"><a class="reference internal" href="intro/distributions.html">Distributions</a></li>
    98. 

  98. <li class="toctree-l2"><a class="reference internal" href="intro/main-features.html">Main features</a></li>
    99. 

  99. <li class="toctree-l2"><a class="reference internal" href="intro/collaboration.html">Collaboration</a></li>
    100. 

  100. <li class="toctree-l2"><a class="reference internal" href="intro/pricing.html">Licensing and pricing</a></li>
    101. 

  101. </ul>
    102. 

  102. </li>
    103. 

  103. <li class="toctree-l1"><a class="reference internal" href="first-steps/index.html">First steps</a><ul>
    104. 

  104. <li class="toctree-l2"><a class="reference internal" href="first-steps/download-and-install.html">Download and install</a></li>
    105. 

  105. <li class="toctree-l2"><a class="reference internal" href="first-steps/create-first-project.html">Create your first project</a></li>
    106. 

  106. <li class="toctree-l2"><a class="reference internal" href="first-steps/add-image-to-scene.html">Add an image to the scene</a></li>
    107. 

  107. <li class="toctree-l2"><a class="reference internal" href="first-steps/unlock-ide.html">Unlock the IDE</a></li>
    108. 

  108. <li class="toctree-l2"><a class="reference internal" href="first-steps/learn-phaser-with-phaser-editor.html">Learn Phaser with Phaser Editor 2D</a></li>
    109. 

  109. </ul>
    110. 

  110. </li>
    111. 

  111. <li class="toctree-l1"><a class="reference internal" href="workbench/index.html">Workbench</a><ul>
    112. 

  112. <li class="toctree-l2"><a class="reference internal" href="workbench/views.html">Views</a></li>
    113. 

  113. <li class="toctree-l2"><a class="reference internal" href="workbench/editors.html">Editors</a></li>
    114. 

  114. <li class="toctree-l2"><a class="reference internal" href="workbench/files-view.html">Files view</a></li>
    115. 

  115. <li class="toctree-l2"><a class="reference internal" href="workbench/inspector-view.html">Inspector view</a></li>
    116. 

  116. <li class="toctree-l2"><a class="reference internal" href="workbench/outline-view.html">Outline view</a></li>
    117. 

  117. <li class="toctree-l2"><a class="reference internal" href="workbench/blocks-view.html">Blocks view</a></li>
    118. 

  118. <li class="toctree-l2"><a class="reference internal" href="workbench/main-toolbar.html">Main toolbar</a></li>
    119. 

  119. <li class="toctree-l2"><a class="reference internal" href="workbench/main-menu.html">Main menu</a></li>
    120. 

  120. <li class="toctree-l2"><a class="reference internal" href="workbench/playing-project.html">Playing the project</a></li>
    121. 

  121. <li class="toctree-l2"><a class="reference internal" href="workbench/projects.html">Projects</a></li>
    122. 

  122. <li class="toctree-l2"><a class="reference internal" href="workbench/new-file-dialog.html">New File dialog</a></li>
    123. 

  123. <li class="toctree-l2"><a class="reference internal" href="workbench/upload-dialog.html">Upload dialog</a></li>
    124. 

  124. <li class="toctree-l2"><a class="reference internal" href="workbench/color-themes.html">Color themes</a></li>
    125. 

  125. <li class="toctree-l2"><a class="reference internal" href="workbench/command-palette.html">Command palette</a></li>
    126. 

  126. </ul>
    127. 

  127. </li>
    128. 

  128. <li class="toctree-l1"><a class="reference internal" href="asset-pack-editor/index.html">Asset Pack Editor</a><ul>
    129. 

  129. <li class="toctree-l2"><a class="reference internal" href="asset-pack-editor/create-asset-pack-file.html">Create a new Asset Pack file</a></li>
    130. 

  130. <li class="toctree-l2"><a class="reference internal" href="asset-pack-editor/asset-pack-file.html">Asset Pack File</a></li>
    131. 

  131. <li class="toctree-l2"><a class="reference internal" href="asset-pack-editor/editor-content-layout.html">Editor content layout</a></li>
    132. 

  132. <li class="toctree-l2"><a class="reference internal" href="asset-pack-editor/add-file.html">Importing files</a></li>
    133. 

  133. <li class="toctree-l2"><a class="reference internal" href="asset-pack-editor/organizing-the-assets.html">Organizing the Asset Pack files</a></li>
    134. 

  134. <li class="toctree-l2"><a class="reference internal" href="asset-pack-editor/outline-view.html">Outline view integration</a></li>
    135. 

  135. <li class="toctree-l2"><a class="reference internal" href="asset-pack-editor/inspector-view.html">Inspector view integration</a></li>
    136. 

  136. </ul>
    137. 

  137. </li>
    138. 

  138. <li class="toctree-l1"><a class="reference internal" href="scene-editor/index.html">Scene Editor</a><ul>
    139. 

  139. <li class="toctree-l2"><a class="reference internal" href="scene-editor/create-new-scene-file.html">Create a new Scene file</a></li>
    140. 

  140. <li class="toctree-l2"><a class="reference internal" href="scene-editor/add-object.html">Adding an object to the scene</a></li>
    141. 

  141. <li class="toctree-l2"><a class="reference internal" href="scene-editor/inspector-view.html">Inspector view</a></li>
    142. 

  142. <li class="toctree-l2"><a class="reference internal" href="scene-editor/game-objects.html">Game Object types</a></li>
    143. 

  143. <li class="toctree-l2"><a class="reference internal" href="scene-editor/scene-properties.html">Scene properties</a></li>
    144. 

  144. <li class="toctree-l2"><a class="reference internal" href="scene-editor/arcade-physics.html">Arcade Physics</a></li>
    145. 

  145. <li class="toctree-l2"><a class="reference internal" href="scene-editor/sprite-animations.html">Sprite animations</a></li>
    146. 

  146. <li class="toctree-l2"><a class="reference internal" href="scene-editor/spine-animations.html">Spine animations</a></li>
    147. 

  147. <li class="toctree-l2"><a class="reference internal" href="scene-editor/shader-effects.html">Shader Effects</a></li>
    148. 

  148. <li class="toctree-l2"><a class="reference internal" href="scene-editor/working-with-parent-objects.html">Working with parent objects</a></li>
    149. 

  149. <li class="toctree-l2"><a class="reference internal" href="scene-editor/object-list.html">Object List</a></li>
    150. 

  150. <li class="toctree-l2"><a class="reference internal" href="scene-editor/input.html">Input</a></li>
    151. 

  151. <li class="toctree-l2"><a class="reference internal" href="scene-editor/prefabs.html">Prefabs</a></li>
    152. 

  152. <li class="toctree-l2"><a class="reference internal" href="scene-editor/script-node.html">Script Nodes</a></li>
    153. 

  153. <li class="toctree-l2"><a class="reference internal" href="scene-editor/user-components.html">User Components</a></li>
    154. 

  154. <li class="toctree-l2"><a class="reference internal" href="scene-editor/manipulation-tools.html">Manipulation tools</a></li>
    155. 

  155. <li class="toctree-l2"><a class="reference internal" href="scene-editor/layout-tools.html">Layout tools</a></li>
    156. 

  156. <li class="toctree-l2"><a class="reference internal" href="scene-editor/scene-compiler.html">The scene compiler</a></li>
    157. 

  157. <li class="toctree-l2"><a class="reference internal" href="scene-editor/misc.html">Miscellaneous</a></li>
    158. 

  158. <li class="toctree-l2"><a class="reference internal" href="scene-editor/troubleshooting.html">Troubleshooting</a></li>
    159. 

  159. </ul>
    160. 

  160. </li>
    161. 

  161. <li class="toctree-l1"><a class="reference internal" href="code-editor/index.html">Code Editor</a><ul>
    162. 

  162. <li class="toctree-l2"><a class="reference internal" href="code-editor/vscode-compatibility.html">Visual Studio Code compatibility</a></li>
    163. 

  163. </ul>
    164. 

  164. </li>
    165. 

  165. <li class="toctree-l1"><a class="reference internal" href="animations-editor/index.html">Animations Editor</a><ul>
    166. 

  166. <li class="toctree-l2"><a class="reference internal" href="animations-editor/new-file-wizard.html">Create a new Animations file</a></li>
    167. 

  167. <li class="toctree-l2"><a class="reference internal" href="animations-editor/add-animation.html">Adding animations to the file</a></li>
    168. 

  168. <li class="toctree-l2"><a class="reference internal" href="animations-editor/auto-build-animations.html">Automatic creation of the animations</a></li>
    169. 

  169. <li class="toctree-l2"><a class="reference internal" href="animations-editor/edit-animations-properties.html">Editing the properties of the animations</a></li>
    170. 

  170. <li class="toctree-l2"><a class="reference internal" href="animations-editor/adding-deleting-frames.html">Adding and deleting frames</a></li>
    171. 

  171. <li class="toctree-l2"><a class="reference internal" href="animations-editor/compiler.html">Compiling animation key constants</a></li>
    172. 

  172. </ul>
    173. 

  173. </li>
    174. 

  174. <li class="toctree-l1"><a class="reference internal" href="atlas-editor/index.html">Atlas Editor</a></li>
    175. 

  175. <li class="toctree-l1"><a class="reference internal" href="misc/index.html">Miscellaneous</a><ul>
    176. 

  176. <li class="toctree-l2"><a class="reference internal" href="misc/project-config.html">Project configuration</a></li>
    177. 

  177. <li class="toctree-l2"><a class="reference internal" href="misc/server-options.html">Server options</a></li>
    178. 

  178. <li class="toctree-l2"><a class="reference internal" href="misc/resources-caching.html">Resources caching</a></li>
    179. 

  179. <li class="toctree-l2"><a class="reference internal" href="misc/resources-filtering.html">Resources filtering</a></li>
    180. 

  180. <li class="toctree-l2"><a class="reference internal" href="misc/local-preferences.html">Local preferences</a></li>
    181. 

  181. <li class="toctree-l2"><a class="reference internal" href="misc/content-viewers.html">Content viewers</a></li>
    182. 

  182. <li class="toctree-l2"><a class="reference internal" href="misc/update.html">Updating the editor</a></li>
    183. 

  183. <li class="toctree-l2"><a class="reference internal" href="misc/plugins.html">Plugins</a></li>
    184. 

  184. </ul>
    185. 

  185. </li>
    186. 

  186. <li class="toctree-l1"><a class="reference internal" href="pricing/index.html">License and pricing</a><ul>
    187. 

  187. <li class="toctree-l2"><a class="reference internal" href="pricing/free-mode.html">Free mode</a></li>
    188. 

  188. <li class="toctree-l2"><a class="reference internal" href="pricing/premium-mode.html">Premium mode</a></li>
    189. 

  189. <li class="toctree-l2"><a class="reference internal" href="pricing/pricing.html">Pricing</a></li>
    190. 

  190. </ul>
    191. 

  191. </li>
    192. 

  192. </ul>
    193. 

  193. </div>
    194. 

  194. </section>
    195. 

  195. 

  196. 

  197.            </div>
    198. 

  198.           </div>
    199. 

  199.           <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
    200. 

  200.         <a href="intro/index.html" class="btn btn-neutral float-right" title="Introduction" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
    201. 

  201.     </div>
    202. 

  202. 

  203.   <hr/>
    204. 

  204. 

  205.   <div role="contentinfo">
    206. 

  206.     <p>&#169; Copyright 2016-2024, Arian Fornaris.</p>
    207. 

  207.   </div>
    208. 

  208. 

  209.   Built with <a href="https://www.sphinx-doc.org/">Sphinx</a> using a
    210. 

  210.     <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a>
    211. 

  211.     provided by <a href="https://readthedocs.org">Read the Docs</a>.
    212. 

  212.    
    213. 

  213. 

  214. </footer>
    215. 

  215.         </div>
    216. 

  216.       </div>
    217. 

  217.     </section>
    218. 

  218.   </div>
    219. 

  219.   <script>
    220. 

  220.       jQuery(function () {
    221. 

  221.           SphinxRtdTheme.Navigation.enable(true);
    222. 

  222.       });
    223. 

  223.   </script>
    224. 

  224.     <!-- Theme Analytics -->
    225. 

  225.     <script async src="https://www.googletagmanager.com/gtag/js?id=UA-67206336-2"></script>
    226. 

  226.     <script>
    227. 

  227.       window.dataLayer = window.dataLayer || [];
    228. 

  228.       function gtag(){dataLayer.push(arguments);}
    229. 

  229.       gtag('js', new Date());
    230. 

  230. 

  231.       gtag('config', 'UA-67206336-2', {
    232. 

  232.           'anonymize_ip': false,
    233. 

  233.       });
    234. 

  234.     </script> 
    235. 

  235. 

  236. </body>
    237. 

  237. </html>
    238.