— Pixels Commander

[ In English, На русском ]
Tag "webgl"

You’ve probably noticed over the last year that I haven’t been that active writing on the blog. Sorry, I was busy with this study. Let’s make an agreement straight away – this is not your ordinary tech article (although you will find some interesting implementation details here). This is a study to prove that new technologies don’t tear the fabric of time, to prove that things that seem incompatible, located in unimaginably distant cultural coordinates, can still be touched and the touch is beautiful. For me personally, this study is especially significant. The story began ten years ago when a Buddhist friend proposed making a mobile prayer application. This venture raised a huge number of questions to be resolved before the primary one could be addressed: “Can a computer pray for the benefit of all living beings?”

Want a spoiler? The result is here. After launching the computer starts praying for you in accordance with Tibetan Buddhism customs. How comes? Read the article.

Read More

5 years ago shaders transformed game graphics and became the technology behind all amazing VFX we see in computer games. Now they are ready to rock the Web. Shaders are little programs written in C-like language GLSL (OpenGL Shading Language) which are aimed for defining the state of vertices (vertex shaders) and pixels (fragment shaders) in OpenGL / WebGL context using math equations. GLSL compiles and runs at GPU achieving unprecedented performance for HTML/CSS world. Shaders are widely used in game development and 3d graphics apps providing unlimited abilities for implementing special effects and rendering techniques however for Web development GLSL is still underutilized despite wide browsers support. This article reviews real world shaders usage for Web UI development and provides some how-to`s on integrating GLSL component into your Web application.

Read More

In recent time Web development community had a big discussion on “DOM is slow” topic. This thesis is truthful. DOM is a quite complex model which starts a ripple of events or chain reaction over document on every modification. This impacts animations first of all.  Since desktop browsers are mostly fine with handling animations at 60 FPS, mobile and embedded devices still provide bad, janky user experience.

Read More

I`ve spent a lot of evenings to prepare new playable installation. This time it is developed with WebGL (three.js by Mr.Doob)

Also i`ve developed gamepad Android application to control this installation.

As Android application starts it launches WebSocket server.

JavaScript application connects to it and listens for simple commands: up, down, left, right.

You can find video of result further.

Read More