Update pages.html

pages.html

@@ -924,7 +924,7 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
 
 
 
-  <script>
+<script>
     // Создаем новый тип компонента для настройки меню
     editor.Components.addType('phaser-settings-block', {
       model: {
@@ -933,39 +933,72 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
           content: '<div id="set_phaser"></div>',
           // Скрипт для обработки блока (если нужно)
           script: function(props) {
-
             const initBlock = () => {
               console.log('Menu settings block initialized with props:');
+              // Создаем Phaser-игру
+              class MainScene extends Phaser.Scene {
+                constructor() {
+                  super({ key: "MainScene" });
+                }
+
+                preload() {
+                  this.load.image("earth", "https://cdn.phaser.io/sandbox/square-earth.png");
+                }
+
+                create() {
+                  this.earth = this.add.image(400, 350, "earth");
+                }
+
+                update(time) {
+                  this.earth.rotation += 0.005;
+                  this.earth.y = this.earth.y + Math.sin(time / 1000 * 2);
+                }
+              }
+
+              const game = new Phaser.Game({
+                type: Phaser.AUTO,
+                width: 800,
+                height: 800,
+                backgroundColor: '#111111',
+                scale: {
+                  mode: Phaser.Scale.FIT,
+                  autoCenter: Phaser.Scale.CENTER_BOTH
+                },
+                scene: [ MainScene ]
+              });
             };
+
             const loadScript = (src, callback) => {
               const script = document.createElement('script');
               script.src = src;
               script.onload = callback;
               document.body.appendChild(script);
             };
+
             // Загружаем необходимые скрипты динамически
             loadScript('https://cdn.jsdelivr.net/npm/[email protected]/dist/phaser.js', () => {
               console.log('Custom script loaded!');
               initBlock();
             });
           },
-
+          // Добавляем свойство 'script-props'
+          'script-props': ['home_url']
         }
       }
     });
+
     // Создаем блок для компонента настройки меню
-editor.Blocks.add('phaser-settings-block-block', {
-  label: `
-    <div style="display: flex; flex-direction: column; align-items: center;">
-      <!-- icon666.com - MILLIONS vector ICONS FREE --><svg enable-background="new 0 0 152 152" xmlns="http://www.w3.org/2000/svg" width="36" height="36"><g id="Layer_2" data-name="Layer 2"><path d="m28 3h-16a3 3 0 0 0 0 6h16a3 3 0 0 0 0-6zm0 4h-16a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2z" fill="#000000" style="fill: rgb(250, 250, 250);"></path><path d="m4 3a3 3 0 1 0 3 3 3 3 0 0 0 -3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1 -1 1z" fill="#000000" style="fill: rgb(250, 250, 250);"></path><path d="m28 13h-16a3 3 0 0 0 0 6h16a3 3 0 0 0 0-6zm0 4h-16a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2z" fill="#000000" style="fill: rgb(250, 250, 250);"></path><path d="m4 13a3 3 0 1 0 3 3 3 3 0 0 0 -3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1 -1 1z" fill="#000000" style="fill: rgb(250, 250, 250);"></path><path d="m28 23h-16a3 3 0 0 0 0 6h16a3 3 0 0 0 0-6zm0 4h-16a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2z" fill="#000000" style="fill: rgb(250, 250, 250);"></path><path d="m4 23a3 3 0 1 0 3 3 3 3 0 0 0 -3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1 -1 1z" fill="#000000" style="fill: rgb(250, 250, 250);"></path></g></svg>
-      <span style="margin-top: 8px;">menu-set</span>
-    </div>`,
-  content: { type: 'phaser-settings-block' },
-});
+    editor.Blocks.add('phaser-settings-block-block', {
+      label: `
+        <div style="display: flex; flex-direction: column; align-items: center;">
+          <!-- icon666.com - MILLIONS vector ICONS FREE --><svg enable-background="new 0 0 152 152" xmlns="http://www.w3.org/2000/svg" width="36" height="36"><g id="Layer_2" data-name="Layer 2"><path d="m28 3h-16a3 3 0 0 0 0 6h16a3 3 0 0 0 0-6zm0 4h-16a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2z" fill="#000000" style="fill: rgb(250, 250, 250);"></path><path d="m4 3a3 3 0 1 0 3 3 3 3 0 0 0 -3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1 -1 1z" fill="#000000" style="fill: rgb(250, 250, 250);"></path><path d="m28 13h-16a3 3 0 0 0 0 6h16a3 3 0 0 0 0-6zm0 4h-16a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2z" fill="#000000" style="fill: rgb(250, 250, 250);"></path><path d="m4 13a3 3 0 1 0 3 3 3 3 0 0 0 -3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1 -1 1z" fill="#000000" style="fill: rgb(250, 250, 250);"></path><path d="m28 23h-16a3 3 0 0 0 0 6h16a3 3 0 0 0 0-6zm0 4h-16a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2z" fill="#000000" style="fill: rgb(250, 250, 250);"></path><path d="m4 23a3 3 0 1 0 3 3 3 3 0 0 0 -3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1 -1 1z" fill="#000000" style="fill: rgb(250, 250, 250);"></path></g></svg>
+          <span style="margin-top: 8px;">menu-set</span>
+        </div>`,
+      content: { type: 'phaser-settings-block' },
+    });
   </script>
 
 
-
 <script>
   // Создаем новый тип компонента для настройки меню
   editor.Components.addType('menu-settings-block', {