personal_site/_posts/2025-01-03-outline_rendering.md

title, layout, excerpt, models, image, thumbnail, assets, alt, head, draft

title	layout	excerpt	models	image	thumbnail	assets	alt	head	draft
Outline Rendering	post	I'm currently obsessed with the aesthetic of rendering angular CAD like 3D assets with thin black lines.	/assets/blog/outline_rendering					<script async src="/node_modules/es-module-shims/dist/es-module-shims.js"></script> <script type="importmap"> { "imports": { "three": "/node_modules/three/build/three.module.min.js", "three/addons/": "/node_modules/three/examples/jsm/", "lil-gui": "/node_modules/lil-gui/dist/lil-gui.esm.min.js" } } </script>	true

First we have the scene exported with no additional normal information. Because of this, the render calculates the normal for each triangle of the mesh and lights it based on that, this is why we can see the individual faces of the cylinder and torus so easily.

Loading model...

Three simple meshes made in blender. I've exported these with no UVs, nor normals.

Next let's add in normals.

Loading model...

With smooth normals.