public 3d-motion repository

three-pixelate-showcase

// WoodNeck/three-pixelate-showcase

Pixelate + dithering shader showcase made with Three.js

$ git log --oneline --stat
stars:6forks:0updated:2024-05-30
README.md
readonly

Three-pixelate-showcase

The purpose of this showcase is to create hand-drawn style 3d-to-2d pixel art rendering pipeline.

I've used(or will use, as it isn't done yet) following techniques on this showcase.

  • Pixelation via low-res rendering
  • Palette restriction
  • Depth texture based 1px-outline on top
  • Bayer matrix based ordered dithering

Repo created with three.ts-template

License

MIT

Credits

Model / Textures I've used

Palette textures are generated from the following palettes

metadata.json
TypeScriptditheringpixel-artpixelatepixelate-shaderShadersShowcasesThree.jsThree.js

[INFO] 4 topics link to curated motion topic pages.