In this video I'll be covering the methods I used to get outline detailing on a few of the meshes found in my Three.js portfolio. While making my own portfolio I couldn't find many resources on this topic, so I'm making my own tutorial to cover this. If you have alternative methods or improvements please leave them down in the comments below if other people find their way to this video. ========LINKS======== 1. Tanuki Game: https://www.youtube.com/watch?v=g7JviuHg1_8 2. Using Post Processing: https://threejs.org/docs/#manual/en/introduction/How-to-use-post-processing 3. Outline Example: https://threejs.org/examples/?q=outline#webgl_postprocessing_outline 4. Black Outline With Outline Post Processing: https://discourse.threejs.org/t/why-outline-do-not-support-black-color/4993/3 5. Blender Outline: https://www.youtube.com/watch?v=voF6VlJ0mPI ======Timestamps====== 00:00 - Intro 01:11 - Blender Outline 05:21 - Loading Model 07:10 - Reducing Model File Size 09:04 - Setting Up Model Materials In Three.js 12:44 - Setting Up Outlines With Post-Processing 15:54 - Setting Up Outlines With Three.js Basic Materials
In this video I'll be covering the methods I used to get outline detailing on a few of the meshes found in my Three.js portfolio. While making my own portfolio I couldn't find many resources on this topic, so I'm making my own tutorial to cover this. If you have alternative methods or improvements please leave them down in the comments below if other people find their way to this video. ========LINKS======== 1. Tanuki Game: https://www.youtube.com/watch?v=g7JviuHg1_8 2. Using Post Processing: https://threejs.org/docs/#manual/en/introduction/How-to-use-post-processing 3. Outline Example: https://threejs.org/examples/?q=outline#webgl_postprocessing_outline 4. Black Outline With Outline Post Processing: https://discourse.threejs.org/t/why-outline-do-not-support-black-color/4993/3 5. Blender Outline: https://www.youtube.com/watch?v=voF6VlJ0mPI ======Timestamps====== 00:00 - Intro 01:11 - Blender Outline 05:21 - Loading Model 07:10 - Reducing Model File Size 09:04 - Setting Up Model Materials In Three.js 12:44 - Setting Up Outlines With Post-Processing 15:54 - Setting Up Outlines With Three.js Basic Materials