WebGL: Entwicklungsumgebung einrichten
Erscheinungsbild
Zurück zu „Hardware-Anforderungen“ | Hoch zum Kapitel „Technische Voraussetzungen“ | Vor zu „WebGL-Kontext erhalten"
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