LevelUp! Studio » light https://blog.levelup.in.th Experience the new world. Fri, 26 May 2017 10:06:07 +0000 th hourly 1 http://wordpress.org/?v=3.8.1 วิธีใส่แสงประกอบฉากให้กับตัว Spine (Unity) https://blog.levelup.in.th/2016/07/31/how-to-add-ambient-light-to-spine-unity/ https://blog.levelup.in.th/2016/07/31/how-to-add-ambient-light-to-spine-unity/#comments Sun, 31 Jul 2016 14:58:17 +0000 http://blog.levelup.in.th/?p=5731 Spine  นั้นจะรับแต่ Point Light เท่านั้น ดังนั้นต้องเลือกให้ถูกนะ ขั้นตอนการใส่แสง Ambient ก็มีดังนี้

รูปก่อนการใส่แสง Ambient

  • เลือกส่วนประกอบของ Spine ของเรา ที่มี Skeleton Parts Renderer

  • ที่สคริปท์ Skeleton Parts Renderer เปลี่ยน Shader เป็น Spine/Skeleton Lit

  • จากนั้น Spine ที่เราเลือกจะดำมืดไป ไม่ต้องตกใจเพราะเรายังไม่ได้ใส่แสงให้มันนั่นเอง

  • วิธีการใส่แสง ก็ไปที่เมนู GameObject -> Light -> Point Light

  • สร้างเสร็จก็จัดตำแหน่งให้เรียบร้อย และปรับค่าของแสงได้ที่สคริปท์ Light
    Type – ให้ใช้เป็น Point ไว้ แบบอิ่นจะไม่มีผลกับ Spine
    Range – ระยะของแสงของเราที่จะให้มีผล
    Color – ปรับสีของแสง Ambient
    Intensity – ปรับความเข้มของแสง เวลามีหลายๆแสงชนกัน Intensity สูงจะแสดงผลชัดกว่า

  • หลังจากตั้งค่าเสร็จก็จะได้รูปดังนี้ ชมพูชวิ้งแว้บ เท่านี้ก็เรียบร้อย

  • อันนี้เป็นตัวอย่างหลังจากใส่จุดกำเนิดแสงเพิ่ม

]]> https://blog.levelup.in.th/2016/07/31/how-to-add-ambient-light-to-spine-unity/feed/ 0 หน้าต่าง+ผ้าม่าน ที่มีแสงลอด https://blog.levelup.in.th/2015/07/27/light_window_curtain/ https://blog.levelup.in.th/2015/07/27/light_window_curtain/#comments Mon, 27 Jul 2015 03:38:22 +0000 http://blog.levelup.in.th/?p=4527 บลอคนี้จะมาแนะนำส่วนต่างๆที่ควรจะมีในภาพที่เป็น หน้าต่าง+ผ้าม่านที่มีแสงลอด นะครับ จะไม่ได้สอนวิธีวาดทั้งหมดซะทีเดียว

เริ่มจากวาดกรอบหน้าต่างและผ้าม่านในเรียบร้อยก่อนนะครับ

ใส่ทิศทางแสงจากหน้าต่าง

ใส่แสงที่ตกบนพื้น

ใส่แสงที่หน้าต่าง นอกจากจะเป็นแสงที่อยู่หลังบานหน้าต่างแล้ว ใส่ให้มันฟุ้งๆออกมาด้วยครับ

เพิ่มแสงที่ลอดออกมาจากผ้าม่านแต่ไม่ผ่านกรอบหน้าต่าง เนื่องจากผ้าไม่ใช่วัตถุทึบแสง วิธีการง่ายๆคือปรับความสว่างบริเวณผ้าที่อยู่ภายในหน้าต่างครับ

]]> https://blog.levelup.in.th/2015/07/27/light_window_curtain/feed/ 0 บรรยากาศแสงเทียนแบบง่ายๆ https://blog.levelup.in.th/2015/02/28/%e0%b8%9a%e0%b8%a3%e0%b8%a3%e0%b8%a2%e0%b8%b2%e0%b8%81%e0%b8%b2%e0%b8%a8%e0%b9%81%e0%b8%aa%e0%b8%87%e0%b9%80%e0%b8%97%e0%b8%b5%e0%b8%a2%e0%b8%99%e0%b9%81%e0%b8%9a%e0%b8%9a%e0%b8%87%e0%b9%88%e0%b8%b2/ https://blog.levelup.in.th/2015/02/28/%e0%b8%9a%e0%b8%a3%e0%b8%a3%e0%b8%a2%e0%b8%b2%e0%b8%81%e0%b8%b2%e0%b8%a8%e0%b9%81%e0%b8%aa%e0%b8%87%e0%b9%80%e0%b8%97%e0%b8%b5%e0%b8%a2%e0%b8%99%e0%b9%81%e0%b8%9a%e0%b8%9a%e0%b8%87%e0%b9%88%e0%b8%b2/#comments Sat, 28 Feb 2015 05:56:42 +0000 http://blog.levelup.in.th/?p=4118
จากรูปห้องธรรมดา


ใช้ Gradient Tool ทำเป็นวงกลม สีโทนร้อนๆหน่อย


ปรับ Layer เป็น Overlay

เสร็จแล้ว

]]> https://blog.levelup.in.th/2015/02/28/%e0%b8%9a%e0%b8%a3%e0%b8%a3%e0%b8%a2%e0%b8%b2%e0%b8%81%e0%b8%b2%e0%b8%a8%e0%b9%81%e0%b8%aa%e0%b8%87%e0%b9%80%e0%b8%97%e0%b8%b5%e0%b8%a2%e0%b8%99%e0%b9%81%e0%b8%9a%e0%b8%9a%e0%b8%87%e0%b9%88%e0%b8%b2/feed/ 0