- Music streaming (from Veonity)
-
- )
-}
-
-export default MusicStreaming;
\ No newline at end of file
diff --git a/client/src/components/Content/Roadmap.js b/client/src/components/Content/Roadmap.js
deleted file mode 100644
index 4f851382d..000000000
--- a/client/src/components/Content/Roadmap.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from "react";
-
-const Roadmap = () => {
- return (
-
- Roadmap
-
- )
-}
-
-export default Roadmap;
-
-// Ideally, this would be a roadmap with exclusive information for insiders
\ No newline at end of file
diff --git a/client/src/components/Content/Trailer.js b/client/src/components/Content/Trailer.js
deleted file mode 100644
index ffb84977d..000000000
--- a/client/src/components/Content/Trailer.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from "react";
-
-const TrailerContainer = () => {
- return (
-
- Star Sailors Trailers
-
- )
-}
-
-export default TrailerContainer;
\ No newline at end of file
diff --git a/client/src/components/Content/Updates.jsx b/client/src/components/Content/Updates.jsx
deleted file mode 100644
index 961b20fe6..000000000
--- a/client/src/components/Content/Updates.jsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-
-const Updates = () => {
- return (
- <>
- {/**/}
-
-
- )
-}
-
-export default Updates;
\ No newline at end of file
diff --git a/client/src/components/Minigame/DirectionInput.js b/client/src/components/Minigame/DirectionInput.js
deleted file mode 100644
index 7ce1cb3d0..000000000
--- a/client/src/components/Minigame/DirectionInput.js
+++ /dev/null
@@ -1,40 +0,0 @@
-class DirectionInput {
- constructor() {
- this.heldDirections = [];
-
- this.map = {
- "ArrowUp": "up",
- "ArrowDown": "down",
- "ArrowLeft": "left",
- "ArrowRight": "right",
- "KeyW": "up",
- "KeyS": "down",
- "KeyA": "left",
- "KeyD": "right",
- }
- }
-
- // Which direction is being held?
- get direction() {
- return this.heldDirections[0];
- }
-
- init() {
- document.addEventListener("keydown", e => {
- console.log(e.code);
- const dir = this.map[e.code];
- if (dir && this.heldDirections.indexOf(dir) === -1) {
- this.heldDirections.unshift(dir);
- }
- });
- document.addEventListener("keyup", e => {
- const dir = this.map[e.code];
- const index = this.heldDirections.indexOf(dir);
- if (index > -1) {
- this.heldDirections.splice(index, 1);
- }
- })
- }
-}
-
-export default DirectionInput;
\ No newline at end of file
diff --git a/client/src/components/Minigame/GameObject.js b/client/src/components/Minigame/GameObject.js
deleted file mode 100644
index f819ba0d7..000000000
--- a/client/src/components/Minigame/GameObject.js
+++ /dev/null
@@ -1,56 +0,0 @@
-import Sprite from "./Sprite";
-
-class GameObject {
- constructor(config) {
- this.x = config.x || 0;
- this.y = config.y || 0;
- this.direction = config.direction || "down"; // default to down (string)
- this.sprite = new Sprite({
- gameObject: this,
- src: config.src || '/images/characters/people/hero.png', // If the object doesn't have a set image, provide a default
- });
- }
-
- update() {
-
- }
-}
-
-export default GameObject;
-
-/* Original character/gameObject params:
-
-
- // Character Creation
- const x = 5; // x position for character/object
- const y = 6; // y
- const character = new Image();
- character.onload = () => {
- this.ctx.drawImage(character,
- 0, // Params for cropping the sprite pack -> left cut
- 0, // top cut
- 32, // Size of cut in pixels -> 32x32 (width)
- 32, // height of cut
- x * 16 -8, // x pos of cut image
- y * 16 -18, // * 16 -> compensating for the grid size, then move the character to the top left of the grid
- 32, // Size of character (in pixels)
- 32)
- }
- character.src = "/images/characters/character.png"
-
- // Perspective/shadow for the character
- const shadow = new Image();
- shadow.onload = () => {
- this.ctx.drawImage(shadow,
- 0,
- 0,
- 32,
- 32,
- x * 16 -8,
- y * 16 -18,
- 32,
- 32)
- }
- shadow.src = "images/characters/shadow.png"
-
-*/
\ No newline at end of file
diff --git a/client/src/components/Minigame/GameTabs.js b/client/src/components/Minigame/GameTabs.js
deleted file mode 100644
index 22be5bd69..000000000
--- a/client/src/components/Minigame/GameTabs.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Tabs, Tab, TabList, TabPanel, TabPanels } from "@chakra-ui/react";
-
-const GameTabs = () => {
- return (
- <>
- one!
-two!
-three!
-
- Star Sailors
-
-
- )
-}
-
-export default Minigame;
\ No newline at end of file
diff --git a/client/src/components/Minigame/Overworld.js b/client/src/components/Minigame/Overworld.js
deleted file mode 100644
index bb1b077bc..000000000
--- a/client/src/components/Minigame/Overworld.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import GameObject from "./GameObject";
-import OverworldMap from "./OverworldMap";
-import DirectionInput from "./DirectionInput";
-
-class Overworld {
- constructor(config) {
- this.element = config.element;
- this.canvas = this.element.querySelector(".game-canvas");
- this.ctx = this.canvas.getContext("2d");
- }
-
- startGameLoop() {
- const step = () => {
- // Clean the canvas each frame
- this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
-
- // Draw layers for map
- // Draw lower layer
- this.map.drawLowerImage(this.ctx);
-
- // Draw Game Objects
- Object.values(this.map.gameObjects).forEach(object => {
- object.update({
- arrow: this.directionInput.direction
- })
- object.sprite.draw(this.ctx);
- })
-
- // Draw upper layer
- this.map.drawUpperImage(this.ctx);
-
- requestAnimationFrame(() => {
- step();
- })
- }
- step();
- }
-
- init() {
- this.map = new OverworldMap(window.OverworldMaps.DemoRoom) // The game loads with this map
- this.directionInput = new DirectionInput();
- this.directionInput.init();
- this.directionInput.direction;
-
- this.startGameLoop();
- }
-}
-
-export default Overworld;
\ No newline at end of file
diff --git a/client/src/components/Minigame/OverworldMap.js b/client/src/components/Minigame/OverworldMap.js
deleted file mode 100644
index a1e2f67e4..000000000
--- a/client/src/components/Minigame/OverworldMap.js
+++ /dev/null
@@ -1,53 +0,0 @@
-import { createContext } from "react";
-import GameObject from "./GameObject";
-import utils from "./utils";
-
-import png from "./images/characters/player"; // Set this to be the player's unique NFT (based on the nft collection, like in Phaser)
-import Person from "./Person";
-
-class OverworldMap {
- constructor(config) {
- this.gameObjects = config.gameObjects;
- this.lowerImage = new Image();
- this.upperImage = new Image();
- this.lowerImage.src = config.lowerSrc; // Contains tiles that objects stand on
- this.upperImage.src = config.upperSrc; // drawn above the gameobjects (e.g. player) like roofs
- }
-
- drawLowerImage(ctx) {
- ctx.drawImage(this.lowerImage, 0, 0)
- }
- drawUpperImage(ctx) {
- ctx.drawImage(this.upperImage, 0, 0)
- }
-}
-
-window.OverworldMaps = { // Configuration for every map in the game
- DemoRoom: {
- lowerSrc: "/images/maps/DemoLower.png",
- upperSrc: "/images/maps/DemoUpper.png",
- gameObjects: {
- character: new Person({
- x: utils.withGrid(5),
- y: utils.withGrid(6),
- }),
- npc1: new GameObject({
- x: utils.withGrid(7),
- y: utils.withGrid(9),
- src: '/images/characters/npc1.png',
- }),
- }
- },
- DemoRoom2: {
- lowerSrc: "/images/maps/DemoLower.png",
- upperSrc: "/images/maps/DemoUpper.png",
- gameObjects: {
- character: new GameObject({ // Can also create new instances of the same character/object
- x: 6,
- y: 9,
- }),
- }
- }
-}
-
-export default OverworldMap;
\ No newline at end of file
diff --git a/client/src/components/Minigame/Person.js b/client/src/components/Minigame/Person.js
deleted file mode 100644
index f396ed57c..000000000
--- a/client/src/components/Minigame/Person.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import GameObject from "./GameObject";
-
-class Person extends GameObject {
- constructor(config) {
- super(config);
-
- // Structures that only apply to "people"/character objects
- // Movement structure
- this.movingProgressRemaining = 0;
- this.directionUpdate = {
- "up": ["y", -1],
- "down": ["y", 1], // add 1 to y
- "left": ["y", -1],
- "right": ["y", 1],
- }
- }
-
- update(state) {
- this.updatePosition();
-
- if (this.movingProgressRemaining === 0 && this.state.arrow) {
- // Move in this direction
- this.direction = state.arrow;
- this.movingProgressRemaining = 16;
- }
- }
-
- updatePosition() {
- if (this.movingProgressRemaining > 0) { // if object is in the process of moving
- const [property, change] = this.directionUpdate[this.direction];
- this[property] += change;
- this.movingProgressRemaining -= 1;
- }
- }
-}
-
-export default Person;
\ No newline at end of file
diff --git a/client/src/components/Minigame/Sprite.js b/client/src/components/Minigame/Sprite.js
deleted file mode 100644
index aa49591ab..000000000
--- a/client/src/components/Minigame/Sprite.js
+++ /dev/null
@@ -1,57 +0,0 @@
-class Sprite {
- constructor(config) {
- // Set image for the character(s) or other object(s)
- this.image = new Image();
- this.image.src = config.src;
- this.image.onload = () => {
- this.isLoaded = true;
- }
-
- // Shadow for game objects
- this.shadow = new Image();
- this.useShadow = true; // config the usage of a shadow for the asset (config.useShadow || false)
- if (this.useShadow) {
- this.shadow.src = "/images/characters/shadow.png"; // Currently, each game object will have the same shadow. This should either be changed to be configured based on params for each object or have different original assets for each object's shadow
- }
- this.shadow.onlaoad = () => {
- this.isShadowLoaded = true;
- }
-
- // Configure animation & initial state
- this.animation = config.animations || {
- idleDown: [
- [0,0]
- ],
- /*walkDown: [
-
- ]*/
- }
- this.currentAnimation = config.currentAnimation || "idleDown";
- this.currentAnimationFrame = 0; // What animation [frame] will be shown?
-
- // Reference the game object
- this.gameObject = config.gameObject;
- }
-
- draw(ctx) {
- const x = this.gameObject.x - 8; // Set this value for the sprite to be equal to the specific game object's position
- const y = this.gameObject.y - 18;
-
- // Draw the shadow first
- this.isShadowLoaded && ctx.drawImage(this.shadow, x, y);
-
- // Draw the character sprite (on top of the object's shadow)
- this.isLoaded && ctx.drawImage(this.image, // Ensure that the game context is loaded before [attempting to] drawing sprites
- 0,0,
- 32,32,
- x,y-0.05, // Levitate the character (y) over the shadow's layer
- 32,32
- ) // Customise this for different sized sprite sheets (or image/asset params, if not pixel art/from sprite sheet(s))
- }
-}
-
-/* Some notes:
-Any game object can pass in their own definitions for animations -> not just the player character
-*/
-
-export default Sprite;
\ No newline at end of file
diff --git a/client/src/components/Minigame/Styles/phaser-styles.css b/client/src/components/Minigame/Styles/phaser-styles.css
deleted file mode 100644
index 37d4c13bd..000000000
--- a/client/src/components/Minigame/Styles/phaser-styles.css
+++ /dev/null
@@ -1,25 +0,0 @@
-* {
- box-sizing: border-box;
-}
-
-body {
- background: #333;
- padding: 0;
- margin: 0;
- overflow: hidden;
-}
-
-.game-container {
- position: relative;
- width: 352px;
- height: 198px;
- margin: 0 auto;
- outline: 1px solid #fff;
-
- transform: scale(3) translateY(50%) /* Scale the pixels in the image/window (find an alternative to this method for non-pixel-art assets) */
-}
-
-/* Unblur the expanded pixel art from ^^ */
-.game-container canvas {
- image-rendering: pixelated;
-}
\ No newline at end of file
diff --git a/client/src/components/Minigame/crafting/MainScene.js b/client/src/components/Minigame/crafting/MainScene.js
deleted file mode 100644
index bf6e1b75f..000000000
--- a/client/src/components/Minigame/crafting/MainScene.js
+++ /dev/null
@@ -1,53 +0,0 @@
-import Phaser from "phaser";
-
-export default class MainScene extends Phaser.Scene {
- constructor() {
- super("MainScene");
- }
-
- preload() {
- console.log("preload");
- this.load.atlas('female','assets/images/female.png','assets/images/female_atlas.json');
- }
-
- create() {
- console.log("create");
- this.player = new Phaser.Physics.Matter.Sprite(this.matter.world,0,0,'female','townsfolk_f_idle_1');
- this.add.existing(this.player);
-
- // Player I/O device input for player movement
- this.inputKeys = this.input.keyboard.addKeys({
- up: Phaser.Input.Keyboard.KeyCodes.W,
- down: Phaser.Input.Keyboard.KeyCodes.S,
- left: Phaser.Input.Keyboard.KeyCodes.A,
- right: Phaser.Input.Keyboard.KeyCodes.D,
- })
- }
-
- update() {
- console.log("update");
- const speed = 2.5;
- let playerVelocity = new Phaser.Math.Vector2();
-
- // Velocity vector configuration
- // X v.vector
- if(
- this.inputKeys.left.isDown
- ) {
- playerVelocity.x = -1
- } else if (this.inputKeys.right.isDown) {
- playerVelocity.x = 1
- }
- // Y velocity vector
- if(
- this.inputKeys.down.isDown
- ) {
- playerVelocity.y = -1
- } else if (this.inputKeys.up.isDown) {
- playerVelocity.y = 1
- }
- playerVelocity.normalize();
- playerVelocity.scale(speed);
- this.player.setVelocity(playerVelocity.x,playerVelocity.y);
- }
-}
\ No newline at end of file
diff --git a/client/src/components/Minigame/crafting/crafting-game.js b/client/src/components/Minigame/crafting/crafting-game.js
deleted file mode 100644
index cceed2679..000000000
--- a/client/src/components/Minigame/crafting/crafting-game.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import MainScene from './MainScene.js';
-
-const config = {
- width: 512,
- height: 512,
- backgroundColor: '#333333',
- type: Phaser.AUTO,
- parent: 'crafting-game',
- scene:[MainScene],
- scale: {
- zoom:2,
- },
- physics: {
- default: 'matter',
- matter: {
- debug: true,
- gravity:{y:0},
- }
- },
- plugins: {
- scene:[
- {
- plugin: PhaserMatterCollisionPlugin,
- key: 'matterCollision',
- mapping: 'matterCollision',
- }
- ]
- }
-}
-
-new Phaser.Game(config);
\ No newline at end of file
diff --git a/client/src/components/Minigame/init.js b/client/src/components/Minigame/init.js
deleted file mode 100644
index d9ebda9bd..000000000
--- a/client/src/components/Minigame/init.js
+++ /dev/null
@@ -1,8 +0,0 @@
-(function () {
- const overworld = new Overworld({
- element: document.querySelector(".game-container")
- });
- overworld.init();
-})();
-
-export default init;
\ No newline at end of file
diff --git a/client/src/components/Minigame/phaser.js b/client/src/components/Minigame/phaser.js
deleted file mode 100644
index f2f58e367..000000000
--- a/client/src/components/Minigame/phaser.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import Phaser from "phaser";
-import { IonPhaser } from '@ion-phaser/react'
-
-const game = {
- width: '40%',
- height: '40%',
- type: Phaser.AUTO,
- scene: {
- init: function() {
- this.cameras.main.setBackgroundColor('#24252A');
- },
- create: function() {
- this.helloWorld = this.add.text(
- this.cameras.main.centerX,
- this.cameras.main.centerY,
- "Hello World", {
- font: "40px Arial",
- fill: "#ffffff"
- }
- );
- this.helloWorld.setOrigin(0.5);
- },
- update: function() {
- this.helloWorld.angle += 1;
- }
- }
-}
-
-export default game;
\ No newline at end of file
diff --git a/client/src/components/Minigame/utils.js b/client/src/components/Minigame/utils.js
deleted file mode 100644
index b33a83859..000000000
--- a/client/src/components/Minigame/utils.js
+++ /dev/null
@@ -1,7 +0,0 @@
-const utils = {
- withGrid(n) {
- return n * 16;
- }
-}
-
-export default utils;
\ No newline at end of file
diff --git a/client/src/components/Moralis/NFTCard.js b/client/src/components/Moralis/NFTCard.js
deleted file mode 100644
index 22f26fa05..000000000
--- a/client/src/components/Moralis/NFTCard.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import React, { useState } from 'react';
-
-const NFTCard = ({ nft }) => {
- return (
-
-
-
- {/* Second compontent of the game -> copy data between each container */}
-
-
-
-
-
-
-
-
-
-
-
-
-
- 
-
- )
-}
-
-export default NFTCard;
\ No newline at end of file
diff --git a/client/src/components/Moralis/NFTContainer.js b/client/src/components/Moralis/NFTContainer.js
deleted file mode 100644
index bb08189cd..000000000
--- a/client/src/components/Moralis/NFTContainer.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from 'react';
-import NFTCard from './NFTCard';
-
-const NFTContainer = ({ nfts }) => {
- return (
-
-
-
-
- Contract Address:
-
-
- {nft.contract}
-
-
- Collection address:
-
-
- {nft.collection}
-
-
- NFT Name:
-
-
- {nft.meta.name}
-
-
-
- Collection description:
-
-
- {nft.meta.description}
-
-
- {nfts.map((nft, index) => {
- return
- )
-}
-
-export default NFTContainer;
\ No newline at end of file
diff --git a/client/src/components/Moralis/Proposal.js b/client/src/components/Moralis/Proposal.js
deleted file mode 100644
index 14fc9cf1e..000000000
--- a/client/src/components/Moralis/Proposal.js
+++ /dev/null
@@ -1,118 +0,0 @@
-import React, { useState, useEffect } from "react";
-import "./pages.css";
-import { Tag, Widget, Blockie, Tooltip, Icon, Form, Table } from "web3uikit";
-import { Link } from "react-router-dom";
-
-const Proposal = () => {
- const [votes, setVotes] = useState([
- [
- "0x4d2044D8D568c1644158625930De62c4AbBB004a",
-
-
{/* Provides the frontend with a method to return to the home page */}
-
-
-
-
-
- Should we accept the offer to buyout the DAO?
-
-
-
- Proposed by
-
-
-
-
-
-
-
-
-
-
-
- {75}%
-
-
-
-
-
- {25}%
-
-
-
-
- Address, Vote]}
- pageSize={5}
- />
-