Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://github.com/phaserjs/discord-template below:

phaserjs/discord-template: A quickstart Phaser template for creating playable Discord Activities

This Project Template is a great starting point for creating games on Discord with Phaser, utilising their new Embedded App SDK. It helps you seamlessly integrate custom games and activities into your Discord server, fostering community engagement, interaction, and fun.

We have a comprehensive tutorial you can read on the Phaser site, which includes the steps required to create a Discord App and get your Phaser game running as an activity within it.

Please work through our tutorial, as it was written to go with this template repository to get you up and running fast.

We have provided a default project structure to get you started. This is as follows:

• client - Contains the game & Discord SDK source code.
• client/main.js - The main entry point for the client. This contains the game & Discord SDK configuration which starts the game.
• client/scenes/ - The Phaser Scenes are in this folder.
• client/assets/ - Contains game assets(sprites, sounds, spritesheets, etc).
• server/server.js - Contains Discord SDK for OAuth2 connection

Vite supports loading assets via JavaScript module import statements.

This template provides support for both embedding assets and also loading them from a static folder. To embed an asset, you can import it at the top of the JavaScript file you are using it in:

import logoImg from './assets/logo.png'

To load static files such as audio files, videos, etc place them into the client/assets folder. Then you can use this path in the Loader calls within Phaser:

preload ()
{
    //  This is an example of an imported bundled image.
    //  Remember to import it at the top of this file
    this.load.image('logo', logoImg);

    //  This is an example of loading a static image
    //  from the public/assets folder:
    this.load.image('background', 'assets/bg.png');
}

When you issue the npm run build command, all static assets are automatically copied to the dist/assets folder.

If you want to customize your build, such as adding plugin (i.e. for loading CSS or fonts), you can modify the client/vite.config.js file for cross-project changes, or you can modify and/or create new configuration files and target them in specific npm tasks inside of package.json. Please see the Vite documentation for more information.

We love to see what developers like you create with Phaser! It really motivates us to keep improving. So please join our community and show-off your work 😄

Visit: The Phaser website and follow on Phaser Twitter
Play: Some of the amazing games #madewithphaser
Learn: API Docs, Support Forum and StackOverflow
Discord: Join us on Discord
Code: 2000+ Examples
Read: The Phaser World Newsletter

Created by Phaser Studio. Powered by coffee, anime, pixels and love.

The Phaser logo and characters are © 2011 - 2024 Phaser Studio Inc.

All rights reserved.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4