คำอธิบาย:
✔️ Works in 2020.1 ➕ 2020.2 ➕ 2020.3 🩹 Fixes ► At line 39 in EdgeDetectionOutlinesInclude.hlsl, the sixth entry in sobelSamplePoints should be float2(1, 0), not float2(1, 1) For 2020.2: ► When you create a shader graph, set the material setting to "Unlit" ► The gear menu on Custom Function nodes is now in the graph inspector ► Editing properties must be done in the graph inspector instead of the blackboard Outlines are a great way to add polish and style to a variety of games! In this tutorial, I show how to improve edge detection outlines by incorporating depth normals. I also refine the outlines, eliminating artifacts on far away objects. In the process, I show how to write a renderer feature to generate the depth normal texture and compute view direction from a screen space UV. 👋 Subscribe for weekly game development videos! https://www.youtube.com/c/nedmakesgames?sub_confirmation=1 👑 Join my Patreon for extra influence over topics, early access to videos, and downloadable project files! ► https://www.patreon.com/nedmakesgames 🔗 Check out my website for a searchable list of tutorials! ► https://nedmakesgames.github.io/ 🔴 Twitch ► https://www.twitch.tv/nedmakesgames 🐦 Twitter ► https://twitter.com/nedmakesgames 🎮 Discord ► https://discord.com/invite/ubxSVBK 📸 Instagram ► https://www.facebook.com/unsupportedbrowser 👽 Reddit ► https://reddit.com/u/nedmakesgames 🎶 TikTok ► https://www.tiktok.com/@nedmakesgames ☕ Ko-fi ► https://ko-fi.com/nedmakesgames 🎬 Previous videos ► Edge detection outlines part 1: https://www.youtube.com/watch?v=RMt6DcaMxcE ► Hull outlines: https://www.youtube.com/watch?v=1QPA3s0S3Oo ✨Follow up videos ► Single object outlines: https://www.youtube.com/watch?v=74AS5DmLe8w ► Optimized outlines: https://www.youtube.com/watch?v=8Xq7tU5QN1Q 📜 Required scripts ► BlitMaterialFeature.cs: https://github.com/NedMakesGames/RendererFeatureBlitMat/blob/master/Assets/Rendering/Desaturate/BlitMaterialFeature.cs ► DecodeDepthNormals.hlsl: https://gist.github.com/NedMakesGames/c9e19aca699cdb338ece744f63597dca 📚 Reference scripts ► Initial setup: https://gist.github.com/NedMakesGames/b6dfbd9b48a27e23265cf70bb86b8c6a ► Final project: https://gist.github.com/NedMakesGames/e71304ae5c9400bea80d38933eff9bac ⏲️ Timestamps: 0:00 Intro 0:34 Project setup 0:53 Depth normals feature 4:29 Adding normals edge outlines 7:07 Shallow angle adjustments 10:25 Non-linear depth adjustments 11:13 Far away normals adjustments 12:11 Optimizations 12:38 Wrap up and credits 🎖️ Credits and references: • Cyanilux: Depth - https://www.cyanilux.com/tutorials/depth/ • Roystan: Outline Shader - https://roystan.net/articles/outline-shader/ • Alex Ameye: Outline Shader - https://ameye.dev/outlineshader.html/ • POPA_3D: Gift Box with Red rubbons [sic] - https://www.turbosquid.com/3d-models/free-3ds-model-gift-box-red/450470 • hushnow: SNOWMAN - https://free3d.com/3d-model/snowman-67478.html • Ben Golus and Keijiro Takahashi: Converting screen space UV to view direction - https://forum.unity.com/threads/help-with-view-space-normals.454248/ • freepik: Wrinkled paper texture - https://www.freepik.com/premium-vector/wrinkled-paper-texture_711440.htm • Hanane Rami, Mohammed Hamri, Lhoussiene Masmoudi: Color Edge Detector with Sobel-PCA - https://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.402.6975&rep=rep1&type=pdf • Microsoft: DirectX Graphics Samples - https://github.com/microsoft/DirectX-Graphics-Samples/blob/master/Samples/UWP/D3D12PipelineStateCache/src/EdgeDetectPixelShader.hlsl • Eric Skiff: music "We're the Resistors" - https://freemusicarchive.org/music/Eric_Skiff/Resistor_Anthems/eric_skiff_-_07_-_were_the_resistors
กำลังเตรียมตัวเลือกการดาวน์โหลด
เว็บไซต์ http://unidownloader.com/ เป็นวิธีที่ดีที่สุดในการดาวน์โหลดวิดีโอหรือแทร็กเสียงแยกต่างหาก หากคุณต้องการหลีกเลี่ยงการติดตั้งโปรแกรมและส่วนขยาย
ส่วนขยาย UDL Helper เป็นปุ่มที่สะดวกซึ่งฝังไว้บนเว็บไซต์ YouTube, Instagram และ OK.ru เพื่อการดาวน์โหลดเนื้อหาที่รวดเร็ว
UDL Client (สำหรับ Windows) - โซลูชันที่ทรงพลังที่สุดที่รองรับเว็บไซต์ โซเชียลเน็ตเวิร์ก และไซต์โฮสต์วิดีโอมากกว่า 900 แห่ง รวมถึงคุณภาพวิดีโอใด ๆ ที่มีอยู่ในแหล่งที่มา
UDL Lite - เป็นวิธีที่สะดวกในการเข้าถึงเว็บไซต์จากอุปกรณ์มือถือของคุณ ด้วยความช่วยเหลือนี้ คุณสามารถดาวน์โหลดวิดีโอลงสมาร์ทโฟนของคุณได้โดยตรง
รูปแบบคุณภาพที่ดีที่สุดคือ FullHD (1080p), 2K (1440p), 4K (2160p) และ 8K (4320p) ยิ่งความละเอียดหน้าจอของคุณสูงเท่าไร คุณภาพวิดีโอก็ควรจะสูงขึ้นตามไปด้วย อย่างไรก็ตาม ยังมีปัจจัยอื่นๆ ที่ต้องพิจารณา: ความเร็วในการดาวน์โหลด จำนวนพื้นที่ว่าง และประสิทธิภาพของอุปกรณ์ระหว่างการเล่น
เบราว์เซอร์/คอมพิวเตอร์ไม่ควรหยุดทำงานโดยสิ้นเชิง! หากเกิดเหตุการณ์เช่นนี้ โปรดรายงานพร้อมลิงก์ไปยังวิดีโอ บางครั้งวิดีโอไม่สามารถดาวน์โหลดได้โดยตรงในรูปแบบที่เหมาะสม ดังนั้นเราจึงเพิ่มความสามารถในการแปลงไฟล์เป็นรูปแบบที่ต้องการ ในบางกรณี กระบวนการนี้อาจใช้ทรัพยากรคอมพิวเตอร์อย่างจริงจัง
คุณสามารถดาวน์โหลดวิดีโอลงในสมาร์ทโฟนของคุณได้โดยใช้เว็บไซต์ UDL Lite หรือแอปพลิเคชัน pwa นอกจากนี้ยังสามารถส่งลิงก์ดาวน์โหลดผ่านโค้ด QR โดยใช้ส่วนขยาย UDL Helper ได้อีกด้วย
วิธีที่สะดวกที่สุดคือการใช้ UDL Client ซึ่งรองรับการแปลงวิดีโอเป็นรูปแบบ MP3 ในบางกรณี คุณสามารถดาวน์โหลดไฟล์ MP3 ผ่านส่วนขยาย UDL Helper ได้
คุณลักษณะนี้มีอยู่ในส่วนขยาย UDL Helper ตรวจสอบให้แน่ใจว่าได้เลือกตัวเลือก "ปุ่มแสดงผลเพื่อบันทึกภาพหน้าจอจากวิดีโอ" ในการตั้งค่า ไอคอนกล้องควรปรากฏที่มุมขวาล่างของเครื่องเล่นทางด้านซ้ายของไอคอน "การตั้งค่า" เมื่อคุณคลิก เฟรมปัจจุบันจากวิดีโอจะถูกบันทึกลงในคอมพิวเตอร์ของคุณในรูปแบบ JPEG
ไม่มีค่าใช้จ่ายเลยจริงๆ บริการของเราฟรีสำหรับผู้ใช้ทุกคนอย่างแน่นอน ไม่มีการสมัครสมาชิกแบบ PRO ไม่มีการจำกัดจำนวนหรือความยาวสูงสุดของวิดีโอที่ดาวน์โหลด