Back to Projects
Art School Fight Club
Full Stack3DReal-timeBlockchain

Art School Fight Club

Systems Architecture & Full-Stack Engineering

Art School Fight Club screenshot 1
Art School Fight Club screenshot 2
Art School Fight Club screenshot 3
Art School Fight Club screenshot 4

Overview

Art School Fight Club combines an in-browser Canvas pixel art editor, NFT minting on Algorand (with IPFS asset storage), and a real-time deterministic 3D multiplayer fighting game built with Three.js running directly in the browser without plugins.

Architecture

Three.js 3D client featuring deterministic combat simulation synchronized over low-latency WebSockets and Multisynq. Node.js/Express backend managing player authentication and MySQL session persistence. Asynchronous integration with Algorand smart contracts for minting and ownership verification, kept off the main render loop.

Technical Challenges

Deterministic combat state synchronization between players with minimal latency; dynamically mapping and rendering user-generated pixel art textures onto 3D character meshes in WebGL at stable frame rates; and handling asynchronous blockchain transaction lifecycles without stalling active gameplay.

Outcome

Production platform delivered with real-time matchmaking, autonomous sparring bots to balance queue times, character marketplace, and smooth WebGL rendering across desktop browsers.

Tech Stack

TypeScriptJavaScriptNode.jsThree.jsMySQLAlgorandIPFSREST APIsMultisynqWebSocketsJenkins