https://github.com/smoudjs/playable-template-base
A starter template for creating playable ads using @smoud/playable-sdk with TypeScript support
https://github.com/smoudjs/playable-template-base
ads boilerplate game playable template
Last synced: about 1 year ago
JSON representation
A starter template for creating playable ads using @smoud/playable-sdk with TypeScript support
- Host: GitHub
- URL: https://github.com/smoudjs/playable-template-base
- Owner: smoudjs
- Created: 2025-03-15T22:54:29.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-03-31T16:29:45.000Z (about 1 year ago)
- Last Synced: 2025-03-31T17:37:28.015Z (about 1 year ago)
- Topics: ads, boilerplate, game, playable, template
- Language: TypeScript
- Homepage:
- Size: 186 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Base Playable Template
A starter template for creating playable ads with TypeScript support. This template uses:
- [@smoud/playable-sdk](https://github.com/smoudjs/playable-sdk#readme) - SDK for creating playable ads with standardized events and methods
- [@smoud/playable-scripts](https://github.com/smoudjs/playable-scripts#readme) - Build and development tools optimized for playable ads
## Demo
Try out this template:
- [Open in CodeSandbox](https://codesandbox.io/p/github/smoudjs/playable-template-base/master?import=true)
- [View on CodePen](https://codepen.io/peter-hutsul/pen/QwWarRB)
## Features
- TypeScript support
- Hot module replacement during development
- Basic game structure with SDK integration
- Event handling (resize, pause, resume, volume, etc.)
- Installation button implementation
- Interaction tracking
## Getting Started
1. Clone this repository
2. Install dependencies:
```bash
npm install
```
3. Start development server:
```bash
npm run dev
```
4. Build for production:
```bash
npm run build
```
## Project Structure
- `src/index.ts` - Main entry point with SDK and Game initialization
- `src/Game.ts` - Game logic
- `src/index.css` - Styles for your playable
- `src/index.html` - HTML template
## Looking for More?
Check out other available templates for different frameworks and use cases:
- [playable-template-base-js](https://github.com/smoudjs/playable-template-base-js) - JavaScript version of this template
- [playable-template-pixi](https://github.com/smoudjs/playable-template-pixi) - Template with PixiJS
- [playable-template-three](https://github.com/smoudjs/playable-template-three) - Template with Three.js
- [playable-template-phaser](https://github.com/smoudjs/playable-template-phaser) - Template with Phaser