Fernando Oviedo
Projekte
8. Juli 2026fps.fernandooviedo.site

FPS Demo - Web-Game-Engine mit three.js

First-Person-Shooter, der vollständig im Browser läuft. Testumgebung für die Web-Game-Engine, die ich mit three.js, drei und TypeScript entwickle.

FPS Demo - Web-Game-Engine mit three.js
Live-Ansicht
Ein First-Person-Shooter, der vollständig im Browser läuft -ohne Plugins, ohne Downloads. Es ist die spielbare Demo der Web-Game-Engine, die ich von Grund auf mit three.js, drei und TypeScript entwickle.
In aktiver Entwicklung. Live ausprobieren unter fps.fernandooviedo.site.
  • Engine-Sandbox: eine Umgebung, in der ich die aktuellen Fähigkeiten der Engine live teste -First-Person-Steuerung, Kollisionen, Physik, Laden von Maps und Waffen- während ich sie entwickle.
  • Online-Multiplayer-Deathmatch: ein vernetzter Spielmodus, in dem mehrere Spieler in Echtzeit gegeneinander antreten.
  • dust_2-Map: Ich habe eine Nachbildung des klassischen dust_2 als Testumgebung für die Entwicklung gewählt, wegen ihrer bekannten, ausgewogenen Geometrie.
  • three.js als WebGL-Rendering-Schicht
  • drei + React Three Fiber für Szenen-Helfer und Abstraktionen
  • TypeScript in der gesamten Engine
  • Echtzeit-Networking für den Multiplayer-Modus
Der interessante Teil ist nicht das Spiel selbst, sondern die Engine darunter: eine eigene Runtime, die Render-Loop, Entity-System, Kollisionen, Input und Netzwerksynchronisation verwaltet. Der FPS ist die Testumgebung, in der ich jedes Teil validiere, während ich es entwickle.
Teilweise funktionsfähig. Nächste Schritte: die Netzwerksynchronisation des Deathmatch verfeinern, weitere Maps hinzufügen und das Physiksystem stabilisieren.