จะทำให้วงการเลือกหน่วยผสานได้อย่างไร

ฉันต้องการทราบวิธีทำให้ลักษณะพิเศษนี้ของการเลือกแวดวงที่ผสาน นี่คือภาพเพื่อแสดง:

โดยทั่วไปฉันกำลังมองหาผลกระทบนี้:

วิธีการรวมกลมกลืนของวงกลมสามารถทำได้อย่างไร ฉันไม่พบคำอธิบายใด ๆ เกี่ยวกับผลกระทบนี้ ฉันรู้ว่าเพื่อฉายภาพพื้นผิวเหล่านั้นฉันสามารถพัฒนาระบบรูปลอก แต่ฉันไม่รู้วิธีสร้างเอฟเฟกต์การผสาน

ถ้าเป็นไปได้ฉันกำลังมองหาวิธีแก้ปัญหาอย่างหมดจด

มีเทคนิคเล็กน้อยที่คุณสามารถทำได้:

Z-บัฟเฟอร์

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

ความโปร่งใสอย่างเต็มที่หมายความว่าวงกลมจะถูกเขียนลงในบัฟเฟอร์ Z เท่านั้น (ค่า Z สูงสุด) ตอนนี้เมื่อคุณแสดงผล decals พวกเขาจะถูกทดสอบกับค่าบัฟเฟอร์ Z และถ้าพวกเขาผ่านการทดสอบพวกเขาได้รับการแสดงผล (ซึ่งเกิดขึ้นเฉพาะนอกวงกลม)

ลายฉลุ

เหมือนกับวิธีก่อนหน้า แต่คราวนี้ใช้ stencil buffer แสดงวงกลมขนาดเล็กลงสำหรับหน่วยที่มีค่าลายฉลุแล้วทำการเรนเดอร์สติ๊กเกอร์ตัวเลือก ตั้งค่า stencil เพื่อยกเลิกองค์ประกอบใด ๆ ที่มีค่า stencil ของคุณ

คุณสามารถตรวจสอบตัวอย่างเช่นในการเรนเดอร์พิกเซลการเรนเดอร์เรคคอร์ดถ้ามีจุดตัดกับ decals อื่น ๆ และฆ่าพิกเซลถ้าเป็นเช่นนั้น มันค่อนข้างมีประสิทธิภาพที่จะทำกับ decals กลมชนิดนี้

คุณหมายถึงวงกลมสีฟ้าเหล่านั้นบนพื้นหรือไม่?

อาจมีวิธีที่ชาญฉลาดกว่าในการทำเช่นนี้ แต่ให้พิจารณาวิธีแก้ปัญหาของฉันเป็นตัวอย่างว่าจะทำอย่างไร แสดงวงกลมของคุณเป็นพื้นผิวที่ว่างเปล่าที่แยกต่างหากของขนาดของหน้าจอ ณ จุดนี้คุณสามารถผสมผสานพวกเขาเข้าด้วยกันได้ตามที่คุณต้องการ ขึ้นอยู่กับความต้องการของคุณคุณสามารถเขียนสีเต็มหรือเพียงแค่ข้อมูลที่มีวงกลมในพิกเซลที่กำหนด อย่างไรก็ตามคุณจะต้องการข้อมูลเชิงลึกสำหรับแต่ละพิกเซลที่คุณเขียนหากคุณต้องการเอฟเฟกต์การทดสอบ Z

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

แก้ไข: ตอนนี้เพื่อรับผลกระทบของแวดวงที่ผสานสิ่งที่คุณต้องทำคือ: เมื่อเรนเดอร์ไปยังพื้นผิวที่แยกจากกันคุณต้องตรวจสอบว่ามีแวดวงที่สร้างการเรนเดอร์ใหม่แล้ว (ตรวจสอบว่าพื้นผิวมีค่าอยู่หรือไม่) ถ้าใช่ให้ลบพิกเซลนี้ สิ่งนี้จะให้ผลของ "เค้าร่าง" เมื่อวงกลมสองวงหรือมากกว่าทับซ้อนกัน เพื่อให้ทำงานได้อย่างถูกต้องอย่างไรก็ตามคุณจะต้องทำแบบทดสอบนี้เฉพาะภายในวงกลมไม่ใช่เส้นขอบ ดังนั้นเมื่อเรนเดอร์วงกลมให้เขียนค่าเฉพาะลงบนพื้นผิวเอาท์พุต จากนั้นคุณก็ไม่จำเป็นต้องแสดงผลใด ๆ ในวงกลมข้างในและคุณควรจะดี

แก้ไข 2: สำหรับตัวอย่างสีแดง / เขียวอย่างง่ายของคุณ: ก่อนที่คุณจะแสดงพิกเซลใด ๆ ให้ตรวจสอบว่าพิกเซลนี้ยังไม่เป็นสีเขียว หากเป็นเช่นนั้นอย่าแสดงผล นี้จะทำเคล็ดลับ ในความเป็นจริงในขณะที่เขียนไปยังพื้นผิวคุณสามารถใช้สีแดง / สีเขียวสำหรับภายนอก / ภายในของวงกลมแล้วในขณะที่การเรนเดอร์ภูมิประเทศอ่านค่าเหล่านั้นและแปลงเป็นสีที่ต้องการ

หากคำตอบของฉันเป็นนามธรรมเกินไปโดยโอกาสใด ๆ แจ้งให้เราทราบ

มีตัวเลือกน้อย ตามวิธีการทั่วไปบัฟเฟอร์ลายฉลุมักจะมีประโยชน์มากในกรณีที่การวาดภาพบางอย่างจำเป็นต้องถูกปกปิดเช่นโครงร่างที่วงกลมซ้อนทับในตัวอย่างของคุณ

ในกรณีนี้ฉันคิดว่าสิ่งนี้สามารถทำได้อย่างง่ายดายโดยไม่ต้องมี stencil buffer คุณสามารถใช้บัฟเฟอร์ความลึกเพื่อกำจัดโครงร่างที่วงกลมซ้อนทับกัน แนวคิดคือคุณวาดการตกแต่งภายในของวงกลมเป็นเพียงบัฟเฟอร์ความลึก (เนื่องจากเราไม่ต้องการเห็นการตกแต่งภายใน) จากนั้นจึงวาดโครงร่าง ด้วยวิธีนี้ส่วนของโครงร่างที่ทับซ้อนกับวงกลมอื่นจะถูกกำจัดโดยการทดสอบความลึก

ข้อแม้เดียวคือคุณต้องระวังเกี่ยวกับการต่อสู้เชิงลึก คุณสามารถใช้ออฟเซ็ตขนาดเล็กเพื่อให้แน่ใจว่าโครงร่างนั้นอยู่ด้านหลังการตกแต่งภายในและกำจัดโดยการทดสอบความลึก อีกทางเลือกหนึ่งคือการใช้glPolygonOffset()ทางเลือกที่จะใช้

สมมติว่าคุณมีวงกลมสองวงที่ขนานกับระนาบ xy โดยมีศูนย์กลางที่ (x1, y1, z) และ (x2, y2, z) และคุณมีฟังก์ชั่นการวาดเหล่านี้:

// Draw interior part of circle, shown in green in the schematic in the question.
drawInterior(x, y, z);

// Draw outline of circle, shown in red in the schematic in the question.
drawOutline(x, y, z);

ลำดับของการวาดภาพจะมีลักษณะเช่นนี้โดยมีdeltaการชดเชยเล็กน้อย:

glColorMask(GL_FALSE, GL_FALSE, GL_FALSE, GL_FALSE);
drawInterior(x1, y1, z + delta);
drawInterior(x2, y2, z + delta);
glColorMask(GL_TRUE, GL_TRUE, GL_TRUE, GL_TRUE);
drawOutline(x1, y1, z);
drawOutline(x2, y2, z);

จากด้านบนของหัวของฉันหากสติ๊กเกอร์เหล่านี้ถูกวาดเป็นแผ่นฉันจะทดสอบวงกลมแต่ละวงเพื่อหาจุดตัดกับวงกลมแต่ละวงและใส่จุดตัดเข้าไปในอาร์เรย์ จากนั้นวาดส่วนโค้งที่ไม่ได้อยู่ในสี่แยก นี่ไม่ใช่วิธีแก้ปัญหาของ Shader

คุณต้องการปากกาที่นี่ การผ่านครั้งแรกของคุณจะทำให้วงกลมไปที่บัฟเฟอร์ stencil รอบที่สองแสดงโครงร่างที่มองเห็นได้ไม่ว่าบัฟเฟอร์ stencil จะไม่เปลี่ยนแปลงก็ตาม รอบที่สองจะต้องใช้รูปทรงเรขาคณิตซึ่งมีขนาดใหญ่กว่าผ่านรอบแรกในกรณีนี้สเกลาร์เชิงเส้นอย่างง่ายก็เพียงพอแล้ว

ในขณะที่วิธีแก้ปัญหาที่ฉันมีสำหรับการวาดโครงร่างตรงนี้เป็นมากกว่าที่คุณต้องการ (เนื่องจาก shader เปลี่ยนทุกส่วนของเส้นขอบให้เป็นรูปสี่เหลี่ยมเต็มรูปแบบ) แต่ก็ทำตามวิธีการนี้: การวาดรูปแบบดั้งเดิมไปยัง stencil buffer บัฟเฟอร์ stencil ยังคงเป็น 0