Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/woodneck/three-pixelate-showcase

Pixelate + dithering shader showcase made with Three.js
https://github.com/woodneck/three-pixelate-showcase

dithering pixel-art pixelate pixelate-shader shader showcase three-js threejs

Last synced: 3 months ago
JSON representation

Pixelate + dithering shader showcase made with Three.js

Awesome Lists containing this project

README

        

# 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](https://github.com/marquizzo/three.ts-template)

## License
MIT

## Credits
Model / Textures I've used
- Pidgeon 3 by tomkranis
- https://sketchfab.com/3d-models/pigeon-3-4383b3f88d9646c7b2f336266eaad947
- Stone wall 005 by Joao Paulo
- https://3dtextures.me/2018/01/22/stone-wall-005/

Palette textures are generated from the following palettes
- https://lospec.com/palette-list/sweetie-16
- https://lospec.com/palette-list/endesga-16
- https://lospec.com/palette-list/ice-cream-gb
- https://lospec.com/palette-list/indecision
- https://lospec.com/palette-list/island-joy-16
- https://lospec.com/palette-list/nintendo-entertainment-system
- https://lospec.com/palette-list/nintendo-super-gameboy