npm - @coze-arch/cli - Versions diffs - 0.0.37 → 0.0.39-alpha.1699cf - Mend

@coze-arch/cli 0.0.37 → 0.0.39-alpha.1699cf

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (168) hide show

package/lib/__templates__/phaser-static/assets/image_sequence/coze-game-loading/frame_0004.png ADDED Viewed

Binary file

package/lib/__templates__/phaser-static/assets/image_sequence/coze-game-loading/frame_0005.png ADDED Viewed

Binary file

package/lib/__templates__/phaser-static/assets/image_sequence/coze-game-loading/frame_0006.png ADDED Viewed

Binary file

package/lib/__templates__/phaser-static/assets/image_sequence/coze-game-loading/frame_0007.png ADDED Viewed

Binary file

package/lib/__templates__/phaser-static/assets/image_sequence/coze-game-loading/frame_0008.png ADDED Viewed

Binary file

package/lib/__templates__/phaser-static/assets/image_sequence/coze-game-loading/frame_0009.png ADDED Viewed

Binary file

package/lib/__templates__/phaser-static/assets/image_sequence/coze-game-loading/frame_0010.png ADDED Viewed

Binary file

package/lib/__templates__/phaser-static/assets/image_sequence/coze-game-loading/frame_0011.png ADDED Viewed

Binary file

package/lib/__templates__/phaser-static/assets/image_sequence/coze-game-loading/frame_0012.png ADDED Viewed

Binary file

package/lib/__templates__/phaser-static/assets/image_sequence/coze-game-loading/frame_0013.png ADDED Viewed

Binary file

package/lib/__templates__/phaser-static/assets/image_sequence/coze-game-loading/frame_0014.png ADDED Viewed

Binary file

package/lib/__templates__/phaser-static/assets/image_sequence/coze-game-loading/frame_0015.png ADDED Viewed

Binary file

package/lib/__templates__/phaser-static/assets/image_sequence/coze-game-loading/frame_0016.png ADDED Viewed

Binary file

package/lib/__templates__/phaser-static/assets/image_sequence/coze-game-loading/frame_0017.png ADDED Viewed

Binary file

package/lib/__templates__/phaser-static/assets/image_sequence/coze-game-loading/frame_0018.png ADDED Viewed

Binary file

package/lib/__templates__/phaser-static/assets/image_sequence/coze-game-loading/frame_0019.png ADDED Viewed

Binary file

package/lib/__templates__/phaser-static/assets/image_sequence/coze-game-loading/frame_0020.png ADDED Viewed

Binary file

package/lib/__templates__/phaser-static/assets/image_sequence/coze-game-loading/frame_0021.png ADDED Viewed

Binary file

package/lib/__templates__/phaser-static/assets/image_sequence/coze-game-loading/frame_0022.png ADDED Viewed

Binary file

package/lib/__templates__/phaser-static/assets/image_sequence/coze-game-loading/frame_0023.png ADDED Viewed

Binary file

package/lib/__templates__/phaser-static/assets/image_sequence/coze-game-loading/frame_0024.png ADDED Viewed

Binary file

package/lib/__templates__/phaser-static/assets/image_sequence/coze-game-loading/manifest.json ADDED Viewed

@@ -0,0 +1,11 @@
+{
+  "schema_version": "1.0",
+  "id": "coze-game-loading",
+  "type": "image_sequence",
+  "properties": {
+    "fps": 12.0,
+    "frame_count": 24
+  },
+  "name": "Coze Game Loading",
+  "sources": []
+}

package/lib/__templates__/phaser-static/debug-runtime/flow-graph.json ADDED Viewed

@@ -0,0 +1,20 @@
+{
+  "schema_version": 1,
+  "graphs": [
+    {
+      "id": "main",
+      "label": "主流程",
+      "nodes": [
+        {
+          "id": "start",
+          "label": "开始游戏",
+          "input_schema": {
+            "type": "object",
+            "properties": {}
+          }
+        }
+      ],
+      "transitions": []
+    }
+  ]
+}

package/lib/__templates__/phaser-static/index.html ADDED Viewed

@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Phaser 纯静态游戏模板" />
+    <title><%= appName %></title>
+    <link rel="icon" href="data:," />
+    <link rel="stylesheet" href="./src/style.css" />
+    <script src="https://unpkg.byted-static.com/phaser/3.90.0/dist/phaser.min.js"></script>
+    <script src="https://lf-coze-web-cdn.coze.cn/obj/eden-cn/lm-lgvj/ljhwZthlaukjlkulzlp/coze-game/js/phaser-bridge.min.js"></script>
+  </head>
+  <body>
+    <main id="game" aria-label="Phaser game canvas"></main>
+    <script type="module" src="./src/main.js"></script>
+  </body>
+</html>

package/lib/__templates__/phaser-static/scripts/serve.ps1 ADDED Viewed

@@ -0,0 +1,7 @@
+$ErrorActionPreference = "Stop"
+$port = if ($env:DEPLOY_RUN_PORT) { $env:DEPLOY_RUN_PORT } else { "8000" }
+Write-Host "Starting Phaser static server on port $port..."
+& python -m http.server $port --bind 0.0.0.0
+exit $LASTEXITCODE

package/lib/__templates__/phaser-static/src/assets.js ADDED Viewed

@@ -0,0 +1,15 @@
+export const IMAGES = {};
+export const IMAGE_SEQUENCES = {
+  'coze-game-loading': 'assets/image_sequence/coze-game-loading',
+};
+export const VIDEOS = {};
+export const AUDIOS = {};
+// 注册素材到 PhaserBridge，可以在扣子网页游戏开发中定位
+window.PhaserBridge?.markImageAssetMap?.(IMAGES);
+window.PhaserBridge?.markImageSequenceAssetMap?.(IMAGE_SEQUENCES);
+window.PhaserBridge?.markVideoAssetMap?.(VIDEOS);
+window.PhaserBridge?.markAudioAssetMap?.(AUDIOS);

package/lib/__templates__/phaser-static/src/main.js ADDED Viewed

@@ -0,0 +1,26 @@
+import { Phaser } from './phaser.js';
+import { BootScene } from './scene/BootScene.js';
+import { DevLoadingScene } from './scene/DevLoadingScene.js';
+const createGame = () =>
+  new Phaser.Game({
+    type: Phaser.AUTO,
+    pixelArt: true,
+    parent: 'game',
+    // TODO 根据游戏的要求进行尺寸
+    width: 540,
+    height: 960,
+    backgroundColor: '#ffffff',
+    scale: {
+      mode: Phaser.Scale.FIT,
+      autoCenter: Phaser.Scale.CENTER_BOTH,
+    },
+    scene: [BootScene, DevLoadingScene],
+  });
+// 注册游戏到 PhaserBridge，可以在扣子网页游戏开发中编辑评论
+if (window.PhaserBridge) {
+  window.PhaserBridge.bind({ launchGame: createGame });
+} else {
+  createGame();
+}

package/lib/__templates__/phaser-static/src/phaser.js ADDED Viewed

@@ -0,0 +1,7 @@
+const Phaser = window.Phaser;
+if (!Phaser) {
+  throw new Error('Phaser CDN failed to load before the game module.');
+}
+export { Phaser };

package/lib/__templates__/phaser-static/src/scene/BootScene.js ADDED Viewed

@@ -0,0 +1,205 @@
+import { Phaser } from '../phaser.js';
+import {
+  getAssetLabelFromFileKey,
+  getImageSequenceRuntimeKeys,
+  loadAssets,
+  markEditable,
+  registerImageSequenceAnimations,
+} from '../utils/index.js';
+import { AUDIOS, IMAGES, IMAGE_SEQUENCES, VIDEOS } from '../assets.js';
+const LOADING_TEXT_STYLE = {
+  color: '#71717a',
+  fontFamily: '"PingFang SC", "Microsoft YaHei", sans-serif',
+  fontSize: '18px',
+};
+const DEV_LOADING_ASSET_KEY = 'coze-game-loading';
+const devLoadingSource = IMAGE_SEQUENCES[DEV_LOADING_ASSET_KEY];
+if (!devLoadingSource) {
+  throw new Error('Image sequence asset not found: ' + DEV_LOADING_ASSET_KEY);
+}
+const BOOT_IMAGE_SEQUENCES = {
+  [DEV_LOADING_ASSET_KEY]: devLoadingSource,
+};
+const BOOT_ASSETS = {
+  imageSequences: BOOT_IMAGE_SEQUENCES,
+};
+const GAME_IMAGE_SEQUENCES = Object.fromEntries(
+  Object.entries(IMAGE_SEQUENCES).filter(
+    ([assetKey]) => assetKey !== DEV_LOADING_ASSET_KEY,
+  ),
+);
+const GAME_ASSETS = {
+  images: IMAGES,
+  imageSequences: GAME_IMAGE_SEQUENCES,
+  videos: VIDEOS,
+  audios: AUDIOS,
+};
+export const DEV_LOADING_RUNTIME_KEYS =
+  getImageSequenceRuntimeKeys(DEV_LOADING_ASSET_KEY);
+export class BootScene extends Phaser.Scene {
+  loadingText;
+  progressBar;
+  progressText;
+  loadFailed = false;
+  constructor() {
+    super('boot');
+  }
+  preload() {
+    loadAssets(this, BOOT_ASSETS);
+  }
+  create() {
+    registerImageSequenceAnimations(this, BOOT_IMAGE_SEQUENCES);
+    this.createLoadingView();
+    const queuedFileCount = loadAssets(this, GAME_ASSETS);
+    if (queuedFileCount === 0) {
+      this.finishLoading();
+      return;
+    }
+    this.load.on(Phaser.Loader.Events.FILE_PROGRESS, this.onGameFile, this);
+    this.load.on(Phaser.Loader.Events.PROGRESS, this.onProgress, this);
+    this.load.once(
+      Phaser.Loader.Events.FILE_LOAD_ERROR,
+      this.onLoadError,
+      this,
+    );
+    this.load.once(Phaser.Loader.Events.COMPLETE, this.finishLoading, this);
+    this.load.start();
+  }
+  createLoadingView() {
+    const { centerX, centerY } = this.cameras.main;
+    markEditable(
+      'boot.loading-mascot',
+      this.add
+        .sprite(centerX, centerY - 58, DEV_LOADING_RUNTIME_KEYS.texture)
+        .setScale(0.56)
+        .play(DEV_LOADING_RUNTIME_KEYS.animation),
+      { label: '加载吉祥物' },
+    );
+    this.loadingText = markEditable(
+      'boot.loading-text',
+      this.add
+        .text(centerX, centerY + 120, '正在加载游戏资源…', LOADING_TEXT_STYLE)
+        .setOrigin(0.5),
+      { label: '加载状态文案' },
+    );
+    this.progressBar = markEditable(
+      'boot.loading-progress-bar',
+      this.add.graphics(),
+      { label: '加载进度条' },
+    );
+    this.renderProgressBar(0);
+    this.progressText = markEditable(
+      'boot.loading-progress',
+      this.add
+        .text(centerX, centerY + 190, '0%', LOADING_TEXT_STYLE)
+        .setOrigin(0.5),
+      { label: '加载进度文本' },
+    );
+  }
+  onGameFile = file => {
+    const assetLabel = getAssetLabelFromFileKey(file.key, GAME_ASSETS);
+    this.loadingText?.setText('正在加载' + assetLabel);
+  };
+  onProgress = progress => {
+    this.renderProgressBar(progress);
+    this.progressText?.setText(Math.round(progress * 100) + '%');
+  };
+  onLoadError = file => {
+    this.loadFailed = true;
+    const assetLabel = getAssetLabelFromFileKey(file.key, GAME_ASSETS);
+    this.loadingText?.setText(assetLabel + '加载失败');
+  };
+  renderProgressBar(progress) {
+    if (!this.progressBar) {
+      return;
+    }
+    const { centerX, centerY } = this.cameras.main;
+    const width = 300;
+    const height = 14;
+    const x = centerX - width / 2;
+    const y = centerY + 154;
+    const padding = 3;
+    const innerWidth = width - padding * 2;
+    const filledWidth = Phaser.Math.Clamp(progress, 0, 1) * innerWidth;
+    this.progressBar.clear();
+    this.progressBar.fillStyle(0x102536, 0.12);
+    this.progressBar.fillRoundedRect(x, y, width, height, height / 2);
+    this.progressBar.lineStyle(2, 0x102536, 0.28);
+    this.progressBar.strokeRoundedRect(x, y, width, height, height / 2);
+    if (filledWidth <= 0) {
+      return;
+    }
+    this.progressBar.fillStyle(0xef648d, 1);
+    this.progressBar.fillRoundedRect(
+      x + padding,
+      y + padding,
+      filledWidth,
+      height - padding * 2,
+      (height - padding * 2) / 2,
+    );
+    this.progressBar.fillStyle(0x165ca8, 1);
+    this.progressBar.fillCircle(
+      Phaser.Math.Clamp(
+        x + padding + filledWidth,
+        x + padding + 5,
+        x + width - padding - 5,
+      ),
+      y + height / 2,
+      5,
+    );
+  }
+  finishLoading = () => {
+    this.removeLoaderListeners();
+    if (this.loadFailed) {
+      this.progressText?.setText('请刷新页面重试');
+      return;
+    }
+    registerImageSequenceAnimations(this, GAME_IMAGE_SEQUENCES);
+    this.scene.start('dev-loading');
+  };
+  removeLoaderListeners() {
+    this.load.off(Phaser.Loader.Events.FILE_PROGRESS, this.onGameFile, this);
+    this.load.off(Phaser.Loader.Events.PROGRESS, this.onProgress, this);
+    this.load.off(
+      Phaser.Loader.Events.FILE_LOAD_ERROR,
+      this.onLoadError,
+      this,
+    );
+    this.load.off(Phaser.Loader.Events.COMPLETE, this.finishLoading, this);
+  }
+}

package/lib/__templates__/phaser-static/src/scene/DevLoadingScene.js ADDED Viewed

@@ -0,0 +1,67 @@
+import { Phaser } from '../phaser.js';
+import { markEditable } from '../utils/index.js';
+import { DEV_LOADING_RUNTIME_KEYS } from './BootScene.js';
+/**
+ * 本场景用于为兜底场景展示
+ */
+export class DevLoadingScene extends Phaser.Scene {
+  constructor() {
+    super('dev-loading');
+  }
+  create() {
+    const { centerX, centerY } = this.cameras.main;
+    markEditable(
+      'dev-loading.mascot',
+      this.add
+        .sprite(centerX, centerY - 82, DEV_LOADING_RUNTIME_KEYS.texture)
+        .setScale(0.64)
+        .play(DEV_LOADING_RUNTIME_KEYS.animation),
+      { label: '开发中吉祥物' },
+    );
+    markEditable(
+      'dev-loading.title',
+      this.add
+        .text(centerX, centerY + 92, '游戏开发中', {
+          color: '#18181b',
+          fontFamily: '"PingFang SC", "Microsoft YaHei", sans-serif',
+          fontSize: '32px',
+          fontStyle: 'bold',
+        })
+        .setOrigin(0.5),
+      { label: '开发中标题' },
+    );
+    markEditable(
+      'dev-loading.description',
+      this.add
+        .text(centerX, centerY + 138, '请稍后，游戏世界即将呈现', {
+          color: '#71717a',
+          fontFamily: '"PingFang SC", "Microsoft YaHei", sans-serif',
+          fontSize: '18px',
+        })
+        .setOrigin(0.5),
+      { label: '开发中说明文案' },
+    );
+    const loadingDots = Array.from({ length: 3 }, (_value, index) =>
+      this.add.circle(centerX + (index - 1) * 18, centerY + 178, 4, 0xf43f75),
+    );
+    loadingDots.forEach((dot, index) => {
+      this.tweens.add({
+        targets: dot,
+        alpha: 0.25,
+        scale: 0.7,
+        duration: 520,
+        delay: index * 160,
+        ease: 'Sine.inOut',
+        repeat: -1,
+        yoyo: true,
+      });
+    });
+  }
+}

package/lib/__templates__/phaser-static/src/style.css ADDED Viewed

@@ -0,0 +1,28 @@
+:root {
+  color-scheme: dark;
+  font-family: Arial, sans-serif;
+  background: #000;
+}
+* {
+  box-sizing: border-box;
+}
+html,
+body,
+#game {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  background: #000;
+}
+#game {
+  min-width: 0;
+  min-height: 0;
+}
+#game canvas {
+  display: block;
+}