Rabbitclan.com

    XNA 3d game

    Render pass — Render Element

    ในการ เรนเดอร์งานออกมา โดยปรกติ เราจะเห็นเป็นภาพ Final ที่เรนเดอร์ออกมาเป็นภาพ layer เดียว
    แต่ด้วยการสั่งแยกเรนเดอร์ Render element ออกเป็นเลเยอร์ ช่วยให้เราแก้ภาพได้ง่ายกว่า ปรับแต่งได้มากกว่า
    ชั่วโมงที่ผ่านมาเราได้ลองกันไปบ่างแล้วในส่วนของการจัดแสงในห้อง เช่น AO pass
    ในการใช้งาน Render element
    * ข้อจำกัด คือเราแบ่งเรนเดอร์ได้สูงสุดเพียง 32 layer หรือ pass
    * ข้อจำกัดสอง ถ้าเราปิด Anti aliasing จะไม่สามารถใช้งาน Render Element ได้
    วันนี้มาดู pass หลักๆกันครับ
    มาดูทีละอัน
    Alpha — ภาพขาวดำเป็นภาพ สำหรับAlpha Channel หรือส่วนที่มองทะลุได้ สีดำคือทะลุ สีขาวคือส่วนทึบ
    Atmosphere –สำหรับ แยกเอฟเฟกเช่น volumn light และอื่นๆ
    Back ground –ภาพ ฉากหลัง pass อื่นๆ *ข้อควรระวัง pass นี้จะอยู่หลังสุดเสมอ จะไม่มีการตัดเอา Polygon ออกให้
    Blend — เป็นการทำภาพ Pass ต่างมารวมกัน เช่น Diffuse + Shadow
    Diffuse — ค่าสีพื้นผิวของวัตถุ เป็นภาพของสีวัตถุเพียวๆ ไม่มี Specular หรือ อื่นๆ
    Hair and Fur layer — ผม และ ขนถ้าใช้ Hair and Fur ในสามดีแมกเราสามารถแยกส่วนนี้ออกมาได้
    Illuminance HDR Data ค่าการส่องสว่างของพื้นผิว
    Ink — เส้นตัดขอบ ของ Material ชนิด Ink & Paint
    Lighting –เป็นส่วนของไฟที่กระทบต่อวัตถุในฉาก
    Luminance HDR Data ค่าที่วัตถุโดนส่องสว่าง
    Material ID — แยกตาม Material ID เอาไปใช้ต่อ กับโปรแกรมตัดต่อเท่านั้น
    Matte — วัคถุชนิดที่มีไว้ปิด
    Object ID –แยกตามObject ID เอาไปใช้ต่อ กับโปรแกรมตัดต่อเท่านั้น
    Paint –สีการ์ตูน ที่ใช้Fill ในวัตถุ กับmaterial Ink & paint
    Reflection — ภาพสะท้อน
    Refraction — ภาพทีมองทะลุ แก้วใส กึ่งใส
    Self illumintion — ภาพที่ส่องสว่าง
    Shadow –ส่วนที่เป็นเงาในภาพ
    Specular –ส่วนที่เป็นspecular ของภาพ
    Velocity –ใช้กับmotion blur
    Z Depth –ส่วนที่ให้ค่าความลึก เป็นสีขาว เทา ดำ
    เมื่อรู้ว่าอะไรเป็นอะไรแล้ว ลองเรนเดอร์ดูนะ จากนั้นให้เอาภาพที่เรนเดอร์แยกมาได้ไปรวมกันในโฟโต้ชอปโดยบอกด้วยว่า
    เวลาเอาภาพแต่ละ pass มาซ้อนกันเราใช้ blending mode ไหนใน Photoshop (อย่างน้อยก็ 5 อย่างล่ะนะ)

    HDR

    No comments

    โดนงานเร่ง ทำไม่ทันต้องขอโทษนักเรียนทั้งหลายด้วย
    อันนี้ จะเป็นคำถาม ข้อสอบไฟนอล อ่านแล้ว ก็ลองเปิดสามดีแมกดูด้วยนะ
    ข้อสอบมีสามข้อ
    1.ถามเกี่ยวกับ การทำ Cartoon Shade อันนี้สอนไปสองวิธี เลือกมาหนึ่ง
    2.ถามเกี่ยวกับ Render element ว่ามีอะไรบ้าง ให้ยกตัวอย่างมา
    3.ถามเกี่ยวกับ HDRI คืออะไร เอามาใช้ยังไง อธิบายมา

    ส่วนทฤษฎีก่อน

    HDRI หรือเรียกสั้นๆกว่าคือ HDR —-> high dynamic range imaging
    เป็นเทกนิกการทำภาพที่เก็บช่วงค่าความสว่างระหว่างพื้นที่ด้านมืดและพื้นที่ด้านสว่างในภาพที่เราต้องการ
    แล้วจากนั้นเรานำภาพที่ผ่านเทกนิกนี้มาใช้ในการให้แสงในโปรแกรมสามดีทั้งหลาย

    ความตั้งใจของการคิดค้นเทกนิกนี้ขึ้นมาก็เพื่อต้องการ ให้แสดงและเก็บค่าของแสงที่เจอในสถานที่จริงที่มีแสงตั้งแต่
    แสงจากพระอาทิตย์ไปจนถึงเงา แสดงออกมาในภาพอย่างแม่นยำ
    HDRI ถูกพัฒนามาในช่วงปี 1930s และ 1940s โดยนาย Charles Wyckoff
    จากภาพถ่ายรูปการระเบิดนิวเคลียร์ที่ลงบนปกนิตยสาร Time ในช่วงกลางของยุค 1940s ของเขา
    ด้วยกระบวนการ ที่เรียกว่าTone mapping ร่วมกับ การถ่ายหลายค่าexposures ของภาพถ่ายดิจิตอล
    ทำให้เกิดการคิดทฤษฎีและการคำนวนสูตร ของการรวมภาพที่มีหลายค่า Exposure เข้าด้วยกัน
    ในปี 1997 ก็มีการรวมภาพหลาย Exposure เข้าด้วยกันและสร้างภาพรวมออกมาเป็นภาพHDRI ภาพเดียว
    ขึ้นมาโดยนาย Paul Debevec
    ก็พอจะสรุปได้ว่า HDRI เป็นภาพที่มีการเก็บค่าแสงได้ละเอียดกว่าภาพทั่วไป –jpeg png tga etc.. มาก
    ในการสร้างภาพHDRI ขึ้นมา เราจะใช้การถ่ายรูปที่ไล่ค่า Exposure ตั้งแต่ภาพที่ได้ออกมา มืด ไปจนถึงสว่างสุด
    ตั้งแต่ สองภาพขึ้นไป

    ดูภาพประกอบเรื่องรูป ได้ทีลิงค์นี้เลยครับ
    http://en.wikipedia.org/wiki/High_dynamic_range_imaging“>http://en.wikipedia.org/wiki/High_dynamic_range_imaging

    จากนั้นเอามารวมกัน เพื่อสร้างภาพ HDRI ขึ้นมาในโปรแกรมเช่น Photoshop หรือ Photomatix Pro
    ก็จะได้ภาพ HDRI
    ในวงการภาพถ่าย จะใช้รูป HDRI มาใช้ร่วมกับเทกนิก Tone mapping เพื่อ แต่งภาพ หรือ
    ดึงรายละเอียดของภาพออกมา ตามแต่ช่างถ่ายภาพต้องการ

    ส่วนวงการสามดีจะใช้ภาพ HDRI เพื่อช่วยในการให้แสง Render ภาพวัตถุ หรือฉาก
    ให้ออกมาเหมือนอยู่ในสถานที่ ที่ภาพHDRI ถูกถ่ายมา

    ภาพก่อนรวมด้านบน และ ด้านล่าง หลังรวมเป็น HDRI แล้ว

    หรือดูตามลิงค์นี้นะครับ จะมีรูป เมืองตอนกลางคืนอยู่ จะเห็นได้ว่าถ้าถ่ายรูปปรกติ รูปที่ได้จะไม่ออกมาแบบนี้คือ จะสีส่วนที่สว่างและมืด โดยที่มืด ดีเทลของรูปก็จะหายไป แต่ถ้าทำด้วยเทกนิก HDRI แล้ว เราจะสามารถดึงเอารายละเอียดในที่มืดของรูปออกมาได้

    http://en.wikipedia.org/wiki/File:New_York_City_at_night_HDR_edit1.jpg

    ต้องขอโทษด้วยที่ไม่สามารถเอารูปมาลงได้ เพราะติดเรื่องลิขสิทธิ์ ตามไปดูรูปตามลิงค์นะครับ
    ในการถ่ายเพื่อใช้ในงานสามดี นอกจากที่จะถ่ายหลายค่าExposure แล้ว ยังต้องถ่ายเป็นภาพพาโนรามา
    หรือถ่ายออก มาเป็นวงกลมด้วย Mirror ball เพื่อเอามาห่อหุ้มฉากหรือวัตถุ จำลองสภาพแวดล้อมรอบๆ

    ในส่วนคำถามที่ต้องตอบให้ได้คือเมื่อเรามีรูป HDR แล้วเราจะนำมาใช้อย่างไร ใน3ds max 2009 ส่วนที่ใบ้ให้คือ เมื่อใช้ skylight มีขั้นตอนอย่างไร
    ลองทำดูนะ

    สวัสดีท่านทั้งหลาย

    ผมคิดว่าคงได้มีคนอ่าน บทความนี้หลายคนแน่เลย อิ อิ ที่มั่นใจก็เพราะเป็นหนึ่งในข้อสอบ
    GT 351 อ่ะนะครับ ก็มาเริ่มกันเลยครับ <อย่าลืมลองทำด้วย>

    ถ้าจะทำ cell shade ,toon shade วิธีที่ง่ายที่สุดก็คือใช้แมททีเรี่ยลของ 3ds max เองครับ
    โดยใช้ material ink ‘n paint ลองพยายามอธิบายพารามิเตอร์ต่างๆของมันดูนะ แล้วลองเรนเดอร์ออกมาดู
    บอกเป็นขั้นตอนออกมา

    ทีนี้แบบวิธีที่2 ใช้พลักอินนะครับ เขียนให้แบบคร่าวๆ ยังไงก็ลองทำเองดูนะ จะได้จำได้
    วิธีทำ เราจะใช้พลักอิน Illustrate สำหรับ max 2009
    (ถ้าเรนเดอเป็นตุนเฉด ธรรมดาใช้แค่ ข้อ 1-3 ก็ได้แล้ว แต่หาก ต้องการปรับแต่งให้ทำตามข้อ 4-10 ต่อไป)
    1.ลง ปลั๊กอิน xillus x.x เพื่อเสริมให้ตัวโปรแกรม 3ดีแมก เราสามารถเรนเดอ แบบ การ์ตูน เฉดได้
    2.แครกตัว เรนเดอแบบการ์ตุนเฉดให้เรียบร้อย ข้อ1-2 (ไม่ต้องเอามาตอบในข้อสอบนะ)
    3. ไปที่ Rendering > Render setup > Assign Renderer แล้วเปลี่ยนค่าที่ Production จาก Default Scanline เป็น illustrate! x.x renderer ก็เป็นอันว่าเสร็จ เราสามารถเรนเดอร์เป็นการ์ตูนได้แล้ว
    4.ไปที่ illustrate > option แล้วจะปรากฏหน้าต่าง illustrate x.x ให้เลือกแทบ Rendering Wizard แล้วเลือกชนิดของภาพที่ต้องการจะเรนเดอออกมา โดย ถูกแบ่งเป็น 4 หมวด
    4.1. Shockwave flash (.swf)
    4.2. Adobe Illustrater (.ai)
    4.3. Autocad (.dxf)
    4.4. Bitmap (.jpg,avi,png,etc.)
    โดยถ้าเลือก…
    เมื่อกด Next หน้าต่อไปจะให้เลือก สีของแบ็คกราว ไม่ว่าจะเป็น ขาว ดำ หรือว่า ตาม MAX Envioronment color หรือ MAX Envioronment map
    เมื่อกด Next หน้าต่อไปจะให้เลือก ชนิดของ toon shade ไม่ว่าจะเป็น
    Hidden line แบบซ่อนเส้น เอาแต่ส่วนพื้นผิว
    Line คือ ให้เรนเดอ เฉพาะ เส้น ไม่เอาพื้นผิว
    Wireframe เรนเดอ เฉพาะเส้นโครงสร้าง
    Flat เรนเดอแบบเอาแต่สี ไม่เอาแสงและเงา
    Cartoon และ Cel มีความคล้ายคลึงกันมาก จะเป็นการเรนเดอ แบบ ตูนเฉด แบบปกติ คือจะเก็บมาทั้งสี แสง เงา เรนเดออกมาในรูปแบบการ์ตูนทั่วไป
    Comic จะเรนเดอออกมาเหมือน Cel และ Cartoon แต่จะมีความเข้มของภาพมากก่า ละมีลักษณะ เหมือนกับการ์ตูนประ คอมมิค คือตัวภาพจะเน้นที่แสงเป็นหลัก
    *และเรายังสามารถเลือกได้อีกว่าจะเรนเดอแบบ
    เอาแค่ เส้น Line only
    เอาแค่ พื้นผิว Surface only
    หรือว่าจะเอา ทั้ง 2 อย่าง Both
    -เมื่อกด Next หน้าต่อไปจะให้เลือก ว่าต้องการเรนเดอแบบไหน Single Frame หรือ Sequece
    แล้วก็สามารถตั้งค่าขนาดของภาพได้อีกด้วย ทั้งค่า Width และ Height
    และก็สามาถ ตั้งชื่อไฟล์และ เลือกโฟลเดอร์ที่ต้องการเซฟได้
    -เมื่อกด Next และกด Finish เป็นอันจบขั้นตอนการตั้งค่าแบบคล่าวq สามารถเรนเดอได้ตามปกติโดยผลเรนเดอจะออกมาตามค่าที่เราได้ตั้งไว้

    อย่างที่สามต้องทำคือการเรนเดอร์ แบบ WIRE หรือ เรนออกมาเป็นเส่้น ทำได้โดยการกำหนด แมททีเรี่ยลให้วัตถุ
    แล้วติ๊กถูกตรง wire ตามรูป ปรับค่าต่างได้ตรงที่ extended parameters
    ตามรูป

    เสร็จแล้วก็จะได้ออกมาตามรูป

    unity3d

    unity3d

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

    ผมซื้อเกมเอนจิ้นสำหรับใช้บนไอโฟนมาได้ราวครึ่งปีแล้ว เอนจิ้นตัวนี้ชื่อ Unity3d ไม่รู้เคยได้ยินกันไหมนะครับ ในตลาดมีเกมเอนจิ้นสำหรับไอโฟนอยู่หลายตัวเหมือนกัน แต่ตัวเด่นๆเหมาะกับการทำเกมอินดี้ คงมีสองตัว
    1.Torque for Iphone กับ
    2. Unity3d for Iphone
    นี่ล่ะครับ ทั้งคู่มีเป้าหมายในการเป็นเกมเอนจิ้น สำหรับคนพัฒนาแบบ อินดี้ไปจนถึงบริษัทขนาดใหญ่ เป็นเอนจิ้นที่ “ขาย”ครับ ไม่ฟรี แต่ก็มีราคาที่ไม่ไกลเกินเอื้อมนะครับ ราว 400$ ได้ ตอนนี้
    Unity จัดโปรโมชั่นให้ใช้ได้ฟรี ทำเอาผมเซ็งเลย เพราะดันเพิ่งซื้อได้ไม่นาน แจกฟรีซะงั้น แต่ยังไงตัวที่แจกก็เป็นตัว Unity สำหรับทำเกมบน พีซีและแมค นะครับ ตัวไอโฟนยังต้องซื้อ แต่ก็โหลดตัวทดลองมาลองเล่นดูก่อนได้ครับ

    ผมกำลังอ่านและทดลองเล่นดู ก็เลยว่าจะเขียนเป็นเหมือน ทิวทอเรี่ยลและรีวิวขึ้นมาครับ เผื่อจะเป็นประโยชน์กับคนเริ่มต้นด้วย

    ถ้าสนใจแค่ทำเกมบน PC และ MAC ก็ตรงไปดาวโหลดโปรแกรมมาลองเล่นดูได้เลยครับที่
    www.unity3d.com

    แต่ถ้าต้องการทำเกมบนไอโฟน ก็คงต้องตรวจเชคก่อนว่ามีของพร้อมไหมครับ
    ก็รายการตามนี้ครับ

    1. intel base MAC

    2.Iphone or Ipod TOUCH

    3.ต้องสมัคร แอปเปิ้ล ADC ครับ เป็นสมาชิกรายปี ปีละ ราว 99 $

    แล้วจากนั้นค่อยไปโหลด Unity iphone มาครับ

    ขั้นตอนต่างๆกว่าจะเซ็ทได้ สำหรับผมก็เรื่องยาวพอควรครับ ทำผิดเยอะ กว่าจะเมลคุยกันระหว่างผมกับแอปเปิ้ลได้ ทำจนฝรั่งทนไม่ไหวให้ผ่านล่ะครับ  ถ้าสงสัยหรือมีปัญหาอย่างไรก็มาคอมเมนท์ไว้คุยกันล่ะกันนะครับ ถ้าเรียบร้อยดีก็ตอนหน้ามาลอง unity3d กันครับ

    ปล. เขียนมาตั้งเยอะไม่ได้พูดถึงหัวข้อเลย ตัวอย่างที่จะทำตาม ชื่อ Penelope ครับ