Published on
Techno Bird preview

In the latest article I explained how to use matrices for making 3D scenes. A couple of days later I thought it’ll be a good idea to create an additional interactive demo for my students. And there it is. I don’t know if this thing has its own name in programming or mathematics, but I call it “techno bird”. This variation of it is written in VanillaJS and GLSL and work in all modern browsers. At least it should, I haven’t tested it really. But its main purpose is to illustrate the principles from my article, so if it works in Chrome - it’s enough. Check out this demo on CodePen and follow me to not miss the future updates!

See the Pen Techno Bird by Ivan Bogachev (@sfi0zy) on CodePen.

Pet projects

Muilessium preview

Simple UI framework. RSCSS, REM-based sizes, fluid typography and other nice ideas. This website is powered by it.

Promo Core preview

Boilerplate for static promotional websites. Pug, LESS, PostCSS, ES6+, Gulp, Webpack, BrowserSync, ESLint, Stylelint, auto-generated docs...

Shaders Gallery preview

Library for creating galleries of photos with effects based on WebGL shaders.