Engine và framework

const GAME_ID = 'my-phaser-game';
let loadingDone = false;
let userMuted = false;

class Preload extends Phaser.Scene {
  constructor() {
    super('Preload');
  }
  preload() {
    WSG.loadingStart();
    this.load.on('progress', (value) => WSG.loadingProgress(value * 100));
    // this.load.image('player', 'assets/player.png'); // chỉ dùng đường dẫn tương đối
  }
  create() {
    this.scene.start('Menu');
  }
}

class Menu extends Phaser.Scene {
  constructor() {
    super('Menu');
  }
  create() {
    if (!loadingDone) {
      loadingDone = true;
      WSG.loadingFinished(); // chỉ một lần, khi menu đầu tiên hiện ra
    }
    this.add.text(360, 640, 'Tap to play', { fontSize: '48px' }).setOrigin(0.5);
    this.input.once('pointerdown', () => this.scene.start('Game'));
  }
}

class Game extends Phaser.Scene {
  constructor() {
    super('Game');
  }
  create() {
    this.score = 0;
    this.scoreText = this.add.text(24, 24, '0', { fontSize: '40px' });
    this.input.on('pointerdown', () => this.scoreText.setText(String(++this.score)));
    this.time.delayedCall(10000, () => this.gameOver());
    WSG.gameplayStart();
    this.events.once('shutdown', () => WSG.gameplayStop());
  }
  async gameOver() {
    WSG.gameplayStop();
    this.scene.pause();
    const result = await WSG.leaderboard.submit(this.score);
    this.scene.launch('GameOver', { score: this.score, result });
  }
}

class GameOver extends Phaser.Scene {
  constructor() {
    super('GameOver');
  }
  create({ score, result }) {
    const line = result.accepted ? `#${result.rank}` : result.reason;
    this.add.text(360, 600, `${score}\n${line}`, { fontSize: '40px', align: 'center' }).setOrigin(0.5);
    this.input.once('pointerdown', async () => {
      await WSG.ads.interstitial({ placement: 'between_rounds' });
      this.scene.start('Game');
    });
  }
}

async function boot() {
  await WSG.init({ gameId: GAME_ID });
  const game = new Phaser.Game({
    type: Phaser.AUTO,
    parent: 'game',
    backgroundColor: '#171430',
    scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, width: 720, height: 1280 },
    scene: [Preload, Menu, Game, GameOver],
  });
  WSG.on('pause', () => {
    game.loop.sleep();
    game.sound.mute = true;
  });
  WSG.on('resume', () => {
    game.loop.wake();
    game.sound.mute = userMuted;
  });
  WSG.on('audio', (enabled) => {
    game.sound.mute = !enabled || userMuted;
  });
}

boot();

let paused = false;
let last = 0;

WSG.on('pause', () => (paused = true));
WSG.on('resume', () => {
  paused = false;
  last = 0; // bỏ qua quãng đã dừng
});

function frame(ts) {
  const dt = last ? Math.min(ts - last, 100) : 0; // kẹp dt để không "nhảy cóc" sau khi máy lag
  last = ts;
  if (!paused) update(dt);
  render();
  requestAnimationFrame(frame);
}

mergeInto(LibraryManager.library, {
  WsgInit: function (gameIdPtr) {
    WSG.on('pause', function () {
      SendMessage('WsgBridge', 'OnWsgPause');
    });
    WSG.on('resume', function () {
      SendMessage('WsgBridge', 'OnWsgResume');
    });
    WSG.init({ gameId: UTF8ToString(gameIdPtr) }).then(function (ctx) {
      SendMessage('WsgBridge', 'OnWsgReady', ctx.environment);
    });
  },
  WsgLoadingFinished: function () {
    WSG.loadingFinished();
  },
  WsgGameplayStart: function () {
    WSG.gameplayStart();
  },
  WsgGameplayStop: function () {
    WSG.gameplayStop();
  },
  WsgSubmitScore: function (score) {
    WSG.leaderboard.submit(score).then(function (result) {
      SendMessage('WsgBridge', 'OnWsgScore', JSON.stringify(result));
    });
  },
  WsgShowRewarded: function () {
    WSG.ads.rewarded({ placement: 'revive' }).then(function (result) {
      SendMessage('WsgBridge', 'OnWsgRewarded', result.rewarded === true ? 'true' : 'false');
    });
  },
});

using System.Runtime.InteropServices;
using UnityEngine;

// Gắn vào một GameObject tên đúng "WsgBridge" trong scene đầu tiên.
public class WsgBridge : MonoBehaviour
{
    [DllImport("__Internal")] private static extern void WsgInit(string gameId);
    [DllImport("__Internal")] private static extern void WsgLoadingFinished();
    [DllImport("__Internal")] private static extern void WsgGameplayStart();
    [DllImport("__Internal")] private static extern void WsgGameplayStop();
    [DllImport("__Internal")] private static extern void WsgSubmitScore(int score);
    [DllImport("__Internal")] private static extern void WsgShowRewarded();

    void Start()
    {
#if UNITY_WEBGL && !UNITY_EDITOR
        WsgInit("my-unity-game");
#endif
    }

    // Các hàm dưới được JavaScript gọi bằng SendMessage
    void OnWsgReady(string environment) { WsgLoadingFinished(); }
    void OnWsgPause() { Time.timeScale = 0f; AudioListener.pause = true; }
    void OnWsgResume() { Time.timeScale = 1f; AudioListener.pause = false; }
    void OnWsgScore(string resultJson) { Debug.Log("Kết quả nộp điểm: " + resultJson); }
    void OnWsgRewarded(string rewarded) { if (rewarded == "true") { /* cấp thưởng */ } }
}

// Khi bắt đầu lượt
WSG.gameplayStart();

// Khi game over (Score là biến toàn cục của dự án)
WSG.gameplayStop();
WSG.leaderboard.submit(Math.floor(runtime.globalVars.Score)).then((result) => {
  runtime.globalVars.Rank = result.rank ?? 0;
});

extends Node

var _on_result  # giữ tham chiếu tới callback

func _ready() -> void:
	if not OS.has_feature("web"):
		return
	JavaScriptBridge.eval("WSG.init({ gameId: 'my-godot-game' }).then(() => WSG.loadingFinished())", true)

func round_started() -> void:
	JavaScriptBridge.eval("WSG.gameplayStart()", true)

func round_finished(score: int) -> void:
	var wsg = JavaScriptBridge.get_interface("WSG")
	wsg.gameplayStop()
	_on_result = JavaScriptBridge.create_callback(_on_submit_result)
	wsg.leaderboard.submit(score).then(_on_result)

func _on_submit_result(args: Array) -> void:
	var result = args[0]
	print("accepted: ", result.accepted, " rank: ", result.rank)