Logo

dev-resources.site

for different kinds of informations.

¿Cómo crear un juego Play to Earn?

Published at
11/22/2021
Categories
blockchain
solidity
node
phaser
Author
turupawn
Categories
4 categories in total
blockchain
open
solidity
open
node
open
phaser
open
Author
8 person written this
turupawn
open
¿Cómo crear un juego Play to Earn?

Proyectos como Plant vs Undead, Decentraland, Sandbox, Crypto Cars, Axie Infinity han sido el primer arcercamiento con el modelo Play to Earn. En este video vamos a ver que necesitas para crear tu juego que premie a los jugadores con tokens por jugar.

Dependencias

Para este tutorial ocuparás NodeJs que recomiendo descargarlo en Linux via NVM , también necesitarás un URL de RPC te recomiendo usar INFURA, y finalmente Metamask con fondos de Rinkeby Testnet que puedes conseguir desde el Faucet.

1. Lanza el contrato

Primero bajamos el proyecto Demo.

git clone https://github.com/FilosofiaCodigo/PlayToEarnDemo.git
cd PlayToEarnDemo/
Enter fullscreen mode Exit fullscreen mode

Ahora instalamos las dependencias.

npm install
Enter fullscreen mode Exit fullscreen mode

Antes de lanzar debemos agregar el archivo de configuración .env que puedes construir en base al arhivo de ejemplo .env.example.

Finalmente lanzamos.

npx truffle deploy --network rinkeby --reset
Enter fullscreen mode Exit fullscreen mode

2. Levanta el backend

Primero ingresamos en la carpeta del backend e instalamos las dependencias.

cd backend
npm install
Enter fullscreen mode Exit fullscreen mode

Luego crea un nuevo archivo .env pero esta vez en la carpeta /backend, este archivo contiene lo mismo que creamos en el paso 1.

También debes copypastear el archivo ./build/MyToken.json en ./backend/MyToken.json.

Finalmente edita acorde las variables CONTRACT_ADDRESS y BACKEND_WALLET_ADDRESS en ./backend/backend.js.

Ahora levantamos el servidor backend.

node backend.js
Enter fullscreen mode Exit fullscreen mode

3. Levanta el cliente

Para poder jugar en el frontend debemos lanzar la web del cliente. Para eso ingresamos en la carpeta del cliente e instalamos la única dependencia de manera global.

cd client
npm i -g lite-server
Enter fullscreen mode Exit fullscreen mode

Igual como lo hicimos antes, debes copypastear el archivo ./build/MyToken.json esta vez en ./client/MyToken.json.

Una vez hecho esto lanzamos el juego.

lite-server
Enter fullscreen mode Exit fullscreen mode

Recuerda agregar el contrato a metamask para observar cómo obtienes tokens por jugar.

¡Gracias por ver este tutorial!

Sígueme en dev.to y en Youtube para todo lo relacionado al desarrollo en Blockchain en Español.

phaser Article's
30 articles in total
Favicon
Intro into Phaser.js
Favicon
Dev Log #14 - Phaser.js and game dev
Favicon
How I Won the JSM Programming Challenge
Favicon
Bundling your phaser.js game with esbuild
Favicon
Join Us in Developing Kingdoms Forgers: Lands and Lords!
Favicon
Stellar + PhaserJS: Building DApp Games on Stellar
Favicon
Running a Phaser Game on Mobile Devices
Favicon
Working with Scenes and Data in Phaser
Favicon
Using Phaser.js In Your React/Rails Webapp
Favicon
Phaser running within React + TypeScript
Favicon
The Way to Surpass CoolMathGames
Favicon
Creating an Ionic Vue + Phaser App
Favicon
Creating a TypeWriter Effect in Phaser.js v3
Favicon
React-Phaser
Favicon
Tutorial - Optimizing Memory Consumption in HTML5 Games
Favicon
Phaser+ Tutorials: Create new Phaser project in less than a minute
Favicon
Space Battleship (Multiplayer turn-based game)
Favicon
Introducing Gamezap
Favicon
Playing with ConfigCat's Feature Flags in a Phaser.io application
Favicon
Devlog - Zero to First Trailer
Favicon
¿Cómo crear un juego Play to Earn?
Favicon
Electron Adventures: Episode 71: CoffeeScript Phaser Game
Favicon
Phaser 4 is coming
Favicon
❣️The Cute Weekend Guide to Phaser.js🐻
Favicon
I built a game with Vite
Favicon
Enclave Phaser Template updated to Phaser 3.50
Favicon
GameDev Adventures in Lockdown: Part 1
Favicon
Making the Chrome dinosaur game with Phaser
Favicon
Game Jam Post Mortem - Supply Run
Favicon
JavaScript Fundamentals with Phaser 3

Featured ones: