» Wie kann ich die Programmierung von 3D auf Websites (z.B. Konfiguratoren) erlernen?

Jan22 · Beobachter Anmeldedatum: 09.10.2017 Beiträge: 1

Hallo,

ich mache gerade eine Ausbildung zum Mediengestalter. Ich erstelle 3D Konfiguratoren in Echtzeit wie auf der folgenden Website

Allerdings bin ich erst soweit dass ich die Konfiguratoren grafisch entwickeln kann. Nun möchte ich mich in die Programmierung einarbeiten. Welche Programmiersprachen muss ich dafür können? Kann mir jemand in diesem Zusammenhang weiterhelfen?

Vielen Dank.

mgutt · 09.10.2017, 08:13

Damit ein Browser 3D darstellen kann, braucht es WebGL:
https://en.wikipedia.org/wiki/WebGL

Du könntest nun WebGL lernen und so quasi von Hand 3D Animationen erstellen, aber du wirst schnell feststellen, dass das sehr aufwendig ist. Trotzdem würde ich dir raten es zu probieren alleine um das Konzept zu verstehen. Das Ziel wäre zum Beispiel ein sich drehender Würfel.

Dabei wirst du auch automatisch mit HTML5, dem für WebGL notwendigen canvas-Element und Javascript konfrontiert. Auf die Art kannst du dann nicht nur 3D Animationen mit einem Programm erstellen, sondern weißt auch den passenden HTML5 Quelltext vom Aufbau her zu verstehen.

Danach kannst du dann überlegen womit du deine 3D Animationen erstellst. Es gibt zum Beispiel viele WebGL Frameworks und eines der bekanntesten ist three.js:
https://threejs.org/

Damit geht dann z.B. besagter Würfel "einfacher" zu erstellen:
Beispiel: https://threejs.org/examples/#canvas_geometry_cube
Quelltext: https://github.com/mrdoob/three.js/blob/master/examples/canvas_geometry_cube.html

Schlussendlich wird es aber ums effiziente Arbeiten gehen und da geht kein Weg von Blender vorbei, d.h. die 3D Umgebung wird ganz klassisch am PC erstellt:
https://www.blender.org/

Und mit Blend4Web kann man quasi mit einem Klick das ganze in WebGL umwandeln:
https://www.blend4web.com/

So ist es dann meistens auch in den Unternehmen strukturiert. Die 3D Entwickler machen das Projekt fertig und exportieren sie als WebGL und dieses Ergebnis bekommt dann ein Webentwickler, der es in die Website einbaut. So richtig von Hand programmiert da keiner, weil der Stundenlohn nicht mehr zu bezahlen wäre.

programmierer-forum.de · Gast

Mach mit!

Wenn Dir die Beiträge zum Thread "Wie kann ich die Programmierung von 3D auf Websites (z.B. Konfiguratoren) erlernen?" gefallen haben oder Du noch Fragen hast oder Ergänzungen machen möchtest, solltest Du Dich gleich bei uns anmelden:

Registrierte Mitglieder genießen die folgenden Vorteile:
✔ kostenlose Mitgliedschaft
✔ keine Werbung
✔ direkter Austausch mit Gleichgesinnten
✔ neue Fragen stellen oder Diskussionen starten
✔ schnelle Hilfe bei Problemen
✔ Bilder und Videos hochladen
✔ und vieles mehr...

Autor	Nachricht
Jan22 Beobachter Anmeldedatum: 09.10.2017 Beiträge: 1	09.10.2017, 07:09 zitieren Hallo, ich mache gerade eine Ausbildung zum Mediengestalter. Ich erstelle 3D Konfiguratoren in Echtzeit wie auf der folgenden Website Allerdings bin ich erst soweit dass ich die Konfiguratoren grafisch entwickeln kann. Nun möchte ich mich in die Programmierung einarbeiten. Welche Programmiersprachen muss ich dafür können? Kann mir jemand in diesem Zusammenhang weiterhelfen? Vielen Dank. Gefällt mir Teilen twittern
▲	pn

mgutt Administrator Name: Marc Geschlecht: Anmeldedatum: 28.08.2004 Beiträge: 52431 Wohnort: Lohmar Meine eBay-Auktionen:	09.10.2017, 08:13 zitieren Damit ein Browser 3D darstellen kann, braucht es WebGL: https://en.wikipedia.org/wiki/WebGL Du könntest nun WebGL lernen und so quasi von Hand 3D Animationen erstellen, aber du wirst schnell feststellen, dass das sehr aufwendig ist. Trotzdem würde ich dir raten es zu probieren alleine um das Konzept zu verstehen. Das Ziel wäre zum Beispiel ein sich drehender Würfel. Dabei wirst du auch automatisch mit HTML5, dem für WebGL notwendigen canvas-Element und Javascript konfrontiert. Auf die Art kannst du dann nicht nur 3D Animationen mit einem Programm erstellen, sondern weißt auch den passenden HTML5 Quelltext vom Aufbau her zu verstehen. Danach kannst du dann überlegen womit du deine 3D Animationen erstellst. Es gibt zum Beispiel viele WebGL Frameworks und eines der bekanntesten ist three.js: https://threejs.org/ Damit geht dann z.B. besagter Würfel "einfacher" zu erstellen: Beispiel: https://threejs.org/examples/#canvas_geometry_cube Quelltext: https://github.com/mrdoob/three.js/blob/master/examples/canvas_geometry_cube.html Schlussendlich wird es aber ums effiziente Arbeiten gehen und da geht kein Weg von Blender vorbei, d.h. die 3D Umgebung wird ganz klassisch am PC erstellt: https://www.blender.org/ Und mit Blend4Web kann man quasi mit einem Klick das ganze in WebGL umwandeln: https://www.blend4web.com/ So ist es dann meistens auch in den Unternehmen strukturiert. Die 3D Entwickler machen das Projekt fertig und exportieren sie als WebGL und dieses Ergebnis bekommt dann ein Webentwickler, der es in die Website einbaut. So richtig von Hand programmiert da keiner, weil der Stundenlohn nicht mehr zu bezahlen wäre. Verfasst am: 09.10.2017, 08:16 zitieren Für den Einstieg in WebGL empfehle ich dir diese Übungen: http://learningwebgl.com/blog/?page_id=1217 Außerdem diese beiden Bücher: https://www.amazon.de/WebGL-Programming-Guide-Interactive-Graphics-ebook/dp/B00DS74080/ ^Anzeige https://www.amazon.de/Programming-Applications-HTML5-WebGL-Visualization-ebook/dp/B00IFMZVI6/ ^Anzeige
▲	pn email

programmierer-forum.de Gast	09.10.2017, 08:16 zitieren Mach mit! Wenn Dir die Beiträge zum Thread "Wie kann ich die Programmierung von 3D auf Websites (z.B. Konfiguratoren) erlernen?" gefallen haben oder Du noch Fragen hast oder Ergänzungen machen möchtest, solltest Du Dich gleich bei uns anmelden: Registrierte Mitglieder genießen die folgenden Vorteile: ✔ kostenlose Mitgliedschaft ✔ keine Werbung ✔ direkter Austausch mit Gleichgesinnten ✔ neue Fragen stellen oder Diskussionen starten ✔ schnelle Hilfe bei Problemen ✔ Bilder und Videos hochladen ✔ und vieles mehr...
▲

	Re: √	Letzter Beitrag
Suche App oder Browser Extension womit ich Websites überwachen kann Hallo, ich suche ein Tool womit ich überwachen kann ob eine Website noch online ist. Ich möchte eine Benachrichtigung per Popup. Es kann auch eine Applikation fürs Handy sein. Dort ebenfalls Popup und/oder SMS. Wichtig ist, das der Client selbst prüft.... von mgutt	1 138	21.01.2015, 09:46 mgutt
frauenfeindlichesArschloch-Websites gibts http://www.frauenfeindlichesarschloch.de/trennungsbrief.html... von Beule	4 633	01.12.2008, 07:38 Beule
Websites selber machen wer weiß wie? Da das mein projekt Daishi immer näher rückt und ich in ca 1-2monaten anfangen werde will ich um unseren server zu entlasten und weils besser komt ne Homepage anlegen. Ich hab schon öfters so gratis sites mit der endung .de.vu gesehen und geh mal davon... von Hashiriya	13 1.444	11.05.2007, 13:42 V-SeVeN
Datalogging und on the fly programmierung Servus zusammen, ich hätte mal ne Frage zwecks Datalogging und RTP, und zwar bin ich in den Weiten des Netzes auf folgende Tutorials... von d3nso	4 397	24.07.2015, 12:15 DZoom
TigerJython- EV3 Programmierung Folgende Aufgabe: Geg: A1 Blatt mit schwarzer ovaler Linie. Der Roboter soll innerhalb des Ovals ca. in der Mitte starten. Er soll dabei auf ein langes gerades Teilstück des Ovals schräg zufahren. Der Winkel in dem er auf die Linie trifft, soll ungefähr... [Allgemein]von aralgut	0 324	25.11.2019, 21:48 aralgut
15% Rabatt auf App-Programmierung Bis Ende 2012 programmieren wir Apps mit 15% Rabatt. Wir leisten für Sie günstig die Entwicklung von mobilen Apps für Android und iOS aus einer Hand: - Beratung zu Mobilen Strategie - Design und Konzeption - Entwicklung und Programmierung - Platzierung... [Jobs & Stellenangebote]von Rashenter	0 365	21.11.2012, 15:18 Rashenter
Programmierung als Dienstleistung Hallo ins Forum. Von mir mal kein Angebot für Risikobeteiligung oder Partnerschaft, suche einfach Umsetzung meiner Idee gegen festes Honorar: Möchte Programmierung als Dienstleistung einkaufen. Basis ist eine vorhandene Datenbank im Format XLSX oder... [Projekte]von wischundweg	0 367	23.01.2015, 13:17 wischundweg
Smalltalk Programmierung Hallo, ich würde gerne wissen wie man in der Programmiersprache Smalltalk Klassen und Instance Methoden verwendet und wie sie diese Unterscheiden!? JAVA-Kenntnisse habe ich schon relativ gute. Sind Instancen und Objekte(wie bei Java) gleich? Kann hier... [Allgemein]von maechi	0 405	03.08.2013, 20:29 maechi
Tech 2-Programmierung Wer weiß,was man alles beim Insignia mit Tech2 umswitchen kann? Speziell interessiert mich der Warnsummer bei offener Tür,Anschnallwarner , Automatiklichtfunktion und die elektr.anklappb.Spiegel. Wer kennt sich... von cardoctor	5 2.849	24.04.2011, 18:33 R4MP
gesucht - Freelancer/in Web und Programmierung Projektbeschreibung: Für eine Klientin aus der Versicherungsbranche suchen wir eine/n erfahrene/n Programmierer/in. Schwerpunkte: PHP, Java-Script und MySQL-Datenbankanbindung Kurzbeschreibung der auszuführenden Arbeiten: Landing-Page mit... [Jobs & Stellenangebote]von gepixelmedia	0 319	29.08.2017, 11:00 gepixelmedia