Zum Inhalt springen

WebGL: Entwicklungsumgebung einrichten

Aus Wikibooks
Schematische Darstellung einer WebGL-Entwicklungsumgebung

Für die WebGL-Entwicklung wird benötigt:

  • Texteditor oder IDE: z.B. Notepad++, Visual Studio Code, Sublime Text, WebStorm
  • Webbrowser: Vorzugsweise mit guten Entwicklertools (Chrome DevTools, Firefox Developer Edition)
  • Lokaler Webserver: Empfohlen für das Testen von WebGL-Anwendungen (z.B. Node.js mit http-server, Python's SimpleHTTPServer), da Browser aus Sicherheitsgründen den Zugriff auf einige lokale Ressourcen einschränken können und ein Server eine realistischere Webumgebung simuliert.
  • Version Control System: Git für Quellcodeverwaltung
  • WebGL-Debugging-Tools: z.B. WebGL Inspector, Spector.js


Beispiel: Einrichtung eines lokalen Webservers

[Bearbeiten]
# Node.js und npm installieren (plattformabhängig)

# Globale Installation von http-server
npm install -g http-server

# Projektordner erstellen und wechseln
mkdir mein-webgl-projekt
cd mein-webgl-projekt

# Lokalen Server starten
http-server

# Öffnen Sie nun http://localhost:8080 in Ihrem Browser