https://github.com/ovilia/cezanne

This is a project showing varied shading algorithms with a simple apple.
https://github.com/ovilia/cezanne

glsl shading-language three-js webgl

Last synced: 2 months ago
JSON representation

This is a project showing varied shading algorithms with a simple apple.

• Host: GitHub
• URL: https://github.com/ovilia/cezanne
• Owner: Ovilia
• Created: 2017-02-23T06:29:16.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-03-08T06:48:48.000Z (almost 8 years ago)
• Last Synced: 2024-10-11T22:20:21.151Z (2 months ago)
• Topics: glsl, shading-language, three-js, webgl
• Language: JavaScript
• Homepage: http://zhangwenli.com/cezanne/
• Size: 882 KB
• Stars: 94
• Watchers: 8
• Forks: 13
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Cézanne

This is a project showing varied shading algorithms with a simple apple.

[GLSL](https://en.wikipedia.org/wiki/OpenGL_Shading_Language) (OpenGL Shading Language) is mainly used for the shading effect, with the help of [Three.js](https://threejs.org).

[查看本项目对应的中文教程](http://zhangwenli.com/blog/2017/02/24/what-is-a-shader/)

## Project Name

> *With an apple I will astonish Paris.*

>

> \- Paul Cézanne

Paul Cézanne was a famous and influential Post-Impressionist artist, who drew a great number of apples of all kinds.

This project is intended to show my practice on **shading algorithms and implementations**.

## Rendering Results

### Original Model



### Cartoon Shading



## Reference

### General

- [WebGL 1.0 API Quick Reference Card - Page 1](https://www.khronos.org/files/webgl/webgl-reference-card-1_0.pdf)

### Cartoon Shading

- [shader-toon shading](https://sites.google.com/site/threejstuts/home/shader-toon)

- [Toon Shader – Version II](http://www.lighthouse3d.com/tutorials/glsl-12-tutorial/toon-shader-version-ii/)

- [three.js - toon shading](http://www.realtimerendering.com/erich/udacity/exercises/unit3_toon_solution3.html)

## Credits

The apple model is downloaded from [TF3FD](http://tf3dm.com/3d-model/apple-51047.html), with extra modification.