Skip navigation

Megvilágítás összegző feladat

Megoldandó probléma

Készítsük el az alábbi modellezést!

Az előző fejezet végi modellezést egészítsük ki fényekkel, anyagjellemzőkkel, árnyékolással!

A kocka végezzen folyamatos forgást az Y-tengelye körül!

Kiindulhatunk a 03_06_ThreeJsObjectTester.html példaprogramból, ami tartalmazza a megvilágítás nélküli geometriákat.

Tippek

Állítsuk be az anyagjellemzőket!

  • MeshBasicMaterial helyett használjunk MeshPhongMaterial-t.
  • A drótvázas megjelenítést kapcsoljuk ki!

Adjunk hozzá fényeket!

  • Használhatunk pontfényt vagy reflektorfényt is.
    • Figyeljünk arra, hogy a fény színe lehetőleg fehér legyen a korábbi példaprogramok ciánkék színű fénye helyett!
  • A fényforrás oldalról, középmagasból világítsa meg a színteret!
    • Helyezzük el úgy a fényforrást, hogy a kocka a gömbre is vessen árnyékot! Illetve mindhárom tárgy a talajra is!
    • Reflektorfény esetén célszerű a nyomkövetéshez egy reflektorfény segéd geometriát a színtérhez adni!
  • Egészítsük ki egy halvány globális ambiens fénnyel!

Árnyékolás megadása

  • Állítsuk be a renderer-nek az árnyéktérkép használatot.
  • A fényforrásnál kapcsoljuk be a castShadow opciót.
  • A mesh-eknek álltítsuk be, hogy vessenek árnyékot (castShadow), és fogadjanak (receiveShadow) is!
  • Növeljük a fényforráshoz rendelt árnyéktérkép méretét (shadow.mapSize)!

További fények hozzáadása

  • Adjunk a színtérhez más-más pozíciókba további fényforrásokat és nézzük meg a hatásukat az árnyékolásra!

Ellenőrzés

  • A modellezés során forgassuk körbe a színteret, vizsgáljuk meg például a reflektorfény világítási irányából is!