bastiankistner / bezier-gradient-mesh

Experimenting with three.js based gradient mesh rendering

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

bezier-gradient-mesh

Experimenting with three.js based gradient mesh rendering

To start the application open the index.html in a modern browser.

By clicking the gradient you can switch to editor mode. You can choose a control point to manipulate by clicking on it. To change its colour, use the sidebar, then apply it with the spacebar. To rearrange the handles of a control point, simply drag them. While dragging, you can press the left Shift to toggle separated handles. You can toggle the X and Y handles with X and Y keys. To reset all handles, press R. To reset all X or Y handles separately, press X/Y. To switch between cameras press 1 or 2.

Useful resources:

About

Experimenting with three.js based gradient mesh rendering

License:MIT License


Languages

Language:JavaScript 99.7%Language:CSS 0.2%Language:HTML 0.1%