update engine

public/about.html

@@ -497,7 +497,11 @@ <h2><a id="globals">Variables</a></h2>
 
       <h2><a id="plugin-api">Plugin API</a></h2>
 
-      <pre><code class="language-typescript">// create or update variables
+      <pre><code class="language-typescript">// loads a plugin
+// see: https://github.com/litecanvas/game-engine/blob/main/samples/plugin-basics/plugin-basics.js
+use(callback): object|void
+
+// create or update variables
 setvar(name: string, value: any): void
 
 // get the color value
@@ -514,20 +518,7 @@ <h2><a id="advanced">Advanced Features</a></h2>
 
       <pre><code class="language-typescript">// the plugin "Asset Loader" is automatically loaded into the playground
 // see: https://github.com/litecanvas/plugin-asset-loader
-
-// Asynchronously load an image
-loadImage(url: string, callback: function): void
-
-// Asynchronously load an external JavaScript file
-loadScript(url: string, callback: function): void
-
-// Asynchronously load a font
-loadFont(fontName:string, url: string, callback: function): void
-
-// a special variable that indicates if are loading or not
-// if equal to 0 then are not loading any asset
-// note: put `if (LOADING > 0) return` in your `update()` and `draw()`
-LOADING: number</code></pre>
+</code></pre>
     </main>
     <script src="prism/prism.js" defer></script>
     <script src="prism/prism-typescript.js" defer></script>

public/sw.js

@@ -1,5 +1,5 @@
 const cacheName = "luizbills.litecanvas-editor-v1";
-const version = "1.43.0";
+const version = "1.44.0";
 
 const precacheResources = [
   "/",

src/completions.js

@@ -434,11 +434,11 @@ export default function customCompletions(context) {
         info: "Check collision between 2 circles",
       },
       {
-        label: "plugin",
+        label: "use",
         type: "function",
-        apply: "plugin(",
-        detail: "(callback|object)",
-        info: "Load a plugin to extend the litecanvas engine",
+        apply: "use(",
+        detail: "(callback)",
+        info: "Loads a plugin to extend the litecanvas engine",
       },
       {
         label: "setvar",

src/demo.js

@@ -1,5 +1,8 @@
 export default () =>
-  `litecanvas()
+  `// Welcome to litecanvas playground!
+// Learn more tapping on the question mark above
+// or join our discord community: https://discord.com/invite/r2c3rGsvH3
+litecanvas()
 
 function init () {
   color = 0

src/template.js

@@ -54,9 +54,9 @@ export default function template(library, game) {
     <script>
       ((lc) => {
         window.litecanvas = (config = {}) => {
-          config.plugins = config.plugins || [];
-          config.plugins.push(pluginAssetLoader);
-          return lc(config);
+          let instance = lc(config);
+          instance.use(pluginAssetLoader)
+          return instance;
         };
       })(window.litecanvas);
     </script>