Java lernen durch Ausprobieren!

Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.
====== Materialien ======
<WRAP center round info 80%>
Es stehen folgende Materialien zur Verfügung:
  * **BasicMaterial**   -> Sehr wenig rechenintensiv, berücksichtigt keine Lichtquellen 
  * **LambertMaterial** -> Wenig rechenintentsiv; berücksichtigt Lichtquellen; Matte Oberflächen; kein Licht => schwarze Flächen
  * **PhongMaterial**   -> Wie Lambert-Material, aber etwas genauer; eher glänzende Oberflächen
  * **PhysicallyBasedMaterial** -> recht rechenintensiv; ermöglicht sowohl matte als auch glänzende Oberflächen

Genaugenommen ist ein "Material" ein Programm für den Fragment Shader der Grafikkarte, das die Farbe eines Fragments ( == eines Pixels am Bildschirm) in Abhängigkeit von den Lichtquellen, der Position und Richtung der Oberfläche und den Parametern des "Materials" berechnet.
</WRAP>


==== BasicMaterial3d ====
<WRAP center round tip 80%>
Dieses Material berücksichtigt keine Lichtquellen, hat jedoch eine Farbe. Siehe [[https://threejs.org/docs/#api/en/materials/MeshBasicMaterial|die Dokumentation der entsprechenden Klasse von von three.js]]. Durch Setzen des Alpha-Wertes (0.0 bedeutet ganz durchsichtig, 1.0 bedeutet ganz undurchsichtig) kann man durchsichtige Körper erhalten.
</WRAP>

<HTML>
<div class="java-online" style="height: 300px; width: 100%" data-java-online="{'withBottomPanel': false, 'id': '3d-BasicMaterial3d', 'enableFileAccess': true}">

<script type="text/plain" title="Test1.java">
Torus3d t1 = new Torus3d();
BasicMaterial3d m1 = new BasicMaterial3d(0x0000ff);
m1.setAlpha(0.5);
t1.setMaterial(m1);

Torus3d t2 = new Torus3d(2, 0.5, 16, 100, 270);
t2.move(-2, 0, -1);
t2.rotateY(200);
t2.rotateX(90);

BasicMaterial3d m2 = new BasicMaterial3d(0x808000);
m2.setAlpha(0.5);
t2.setMaterial(m2);
t2.enableFrontBackSide(true, true);
</script>

</div>

</HTML>


==== LambertMaterial3d ====
<WRAP center round tip 80%>
Dieses Material ist wenig rechenintensiv, berücksichtigt Lichtquellen und erzeugt Oberflächen, die matt erscheinen. Wird eine Fläche nicht von Licht beschienen, so erscheint sie schwarz. Es empfiehlt sich, [[api:documentation:grafik3d:licht:start#AmbientLight3d|Umgebungslicht (AmbientLight3D)]] zusätzlich zu anderen Lichtquellen zu verwenden. [[https://threejs.org/docs/#api/en/materials/MeshLambertMaterial|Hier die Dokumentation zu Lambertmaterial auf den Seiten von three.js]].

</WRAP>

<HTML>
<div class="java-online" style="height: 300px; width: 100%" data-java-online="{'withBottomPanel': false, 'id': '3d-LambertMaterial3d', 'enableFileAccess': true}">

<script type="text/plain" title="Test1.java">
Torus3d t1 = new Torus3d();
LambertMaterial3d m1 = new LambertMaterial3d(0x0000ff);
t1.setMaterial(m1);

Torus3d t2 = new Torus3d(2, 0.5, 16, 100, 270);
t2.move(-2, 0, -1);
t2.rotateY(200);
t2.rotateX(90);

LambertMaterial3d m2 = new LambertMaterial3d(0x808000);
m2.setAlpha(0.5);
t2.setMaterial(m2);
t2.enableFrontBackSide(true, true); 
</script>

</div>

</HTML>



==== PhongMaterial3d ====
<WRAP center round tip 80%>
Dieses Material ist ähnlich rechenintensiv wie LambertMaterial, berücksichtigt ebenfalls Lichtquellen, erzeugt aber glänzend erscheinende Oberflächen. Wird eine Fläche nicht von Licht beschienen, so erscheint sie schwarz. Es empfiehlt sich, [[api:documentation:grafik3d:licht:start#AmbientLight3d|Umgebungslicht (AmbientLight3D)]] zusätzlich zu anderen Lichtquellen zu verwenden. [[https://threejs.org/docs/#api/en/materials/MeshPhongMaterial|Hier die Dokumentation zu PhongMaterial auf den Seiten von three.js]].

</WRAP>

<HTML>
<div class="java-online" style="height: 300px; width: 100%" data-java-online="{'withBottomPanel': false, 'id': '3d-PhongMaterial3d', 'enableFileAccess': true}">

<script type="text/plain" title="Test1.java">
Torus3d t1 = new Torus3d();
PhongMaterial3d m1 = new PhongMaterial3d(0x0000ff);
m1.setShininess(80);
t1.setMaterial(m1);

Torus3d t2 = new Torus3d(2, 0.5, 16, 100, 270);
t2.move(-2, 0, -1);
t2.rotateY(200);
t2.rotateX(90);

PhongMaterial3d m2 = new PhongMaterial3d(0x808000);
m2.setAlpha(0.5);
t2.setMaterial(m2);
t2.enableFrontBackSide(true, true); 
</script>

</div>

</HTML>



==== PhysicallyBasedMaterial3d ====
<WRAP center round tip 80%>
Dieses Material ist recht rechenintensiv und ermöglicht sowohl glänzende als auch matte Oberflächen. [[https://threejs.org/docs/#api/en/materials/MeshPhysicalMaterial|Hier die Dokumentation zu PhysicallyBasedMaterial auf den Seiten von three.js]].

</WRAP>

<HTML>
<div class="java-online" style="height: 300px; width: 100%" data-java-online="{'withBottomPanel': false, 'id': '3d-PhysicallyBasedMaterial3d', 'enableFileAccess': true}">

<script type="text/plain" title="Test1.java">
Torus3d t1 = new Torus3d();
PhysicallyBasedMaterial3d m1 = new PhysicallyBasedMaterial3d(0x0000ff, 0.4, 1);
t1.setMaterial(m1);

Torus3d t2 = new Torus3d(2, 0.5, 16, 100, 270);
t2.move(-2, 0, -1);
t2.rotateY(200);
t2.rotateX(90);

PhysicallyBasedMaterial3d m2 = new PhysicallyBasedMaterial3d(0x808000, 1, 0);
t2.setMaterial(m2);
t2.enableFrontBackSide(true, true);
</script>

</div>

</HTML>