devmoi / rogueio

A Roguelike/Roguelite Game Library in JavaScript

DEVMOI

Built With ❤

Introduction

The Official Repo for the Devmoi Web3 CMS and Community.

Whats Inside

• Docker
• NextJS/ReactJS
• MongoDB
• Ganache-cli
• Nginx -Rimble UX/UI

Getting Started

First, run the development server:

docker-compose -f docker-compose-dev.yml up
# or
docker-compose -f docker-compose-dev.yml up --build

Open http://localhost:3001 with your browser to see the result.

Documentation

Dev Tools

• Docker

Web3

• MetaMask
• Web3.js
• Infura
• Ganache-cli

Frontend

• Next.js
• React.js
• Rimble

Database

• Mongo DB

rogueio's Issues

FIX: Images not drawing to canvas

App.js

  draw() {
    this.ctx = this.canvas.getCtx();
    this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
    this.drawSprite(0, this.x, this.y);
  },
  drawSprite(sprites, x, y) {
    this.spriteSheet = new Image();
    this.spriteSheet.src = "moiboi.png";
    this.ctx = this.canvas.getCtx();
    
    this.ctx.drawImage(
      this.spriteSheet,
      sprites * 16,
      0,
      16,
      16,
      this.x * this.tilesize,
      this.y * this.tilesize,
      this.tilesize,
      this.tilesize
    );

Generate Simple Canvas to Html Screen