Widget Demo

以下是 Game Service Widget 的即時展示。資料來自本地 game-service (port 7004)。

方法一：自動渲染（HTML 屬性）

<div id="gs-leaderboard" data-game-id="test-game"></div>
<script src="/sdk/game-service.js" data-api-key="YOUR_KEY" data-base-url="http://localhost:7004"></script>

方法二：JS API

GameService.init({ apiKey: 'gs_xxx', baseUrl: 'http://localhost:7004' })
GameService.renderLeaderboard('#my-board', { gameId: 'test-game', limit: 5 })
GameService.renderAchievements('#my-ach', { gameId: 'test-game', playerId: 'p1' })