Pixilator

Creating a Pixel Art from Realtime 3D

Mobirise Website Builder

1. Base Scene
2. Depth and normal data
3. Edge Detection (green - depth, blue - normals)
4. Final Render - Cel shading + Outline + Pixelation

Mobirise Website Builder

Each pixel is compared with its neighbors to identify contrast.
By combining both depth and normal textures, more refined outlines can be achieved.
(Green - depth, Blue - normals)

Mobirise Website Builder

Unlike static 2D art, objects can be freely rotated