— Pixels Commander

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

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

Isomorphism – is an ability to run the same code and generate UI on server side as well as on client. It owes it`s appearance to the power of Node to run server side Javascript and became really popular in recent years after ReactJS established. Isomorphism is one of the hottest and on demand topics in Web development at the moment. This is right time to assess it`s value and effect and to review isomorphism as a one more leap towards new kinds of architectures and solutions. This article is a dive into one of them – viral Javascript technique which is used for Web applications P2P delivery.

Read More

Better composition and code reusing are top important topics of modern front-end development. Great solution for this is web-components technology but it requires few polyfills in order to work properly in modern browsers. This impacts performance and reliability. ReactiveElements allows to use React.js for web-components definition, avoid including most of polyfills and build project with web-components right now.

UPD: You may use MVC Elements in order to create Web Components of Angular and Backbone views.

Read More

Funkyphone is an experiment in two directions: it connects freestyle visual art with music creation and uses WebAudio API for sound generation.

Read More

Download file in JavaScript – what can be easier? However there are some pitfalls and there is room for improvements. This article describes how to create the best download function in JavaScript and why it`s so good.

Read More

Detecting internet connection status with JavaScript is generic problem during mobile web applications or dynamic sites development and everybody solves it in his own way. Online JS is a compilation of best practices for detecting connection status, it`s reliable, fast, very lightweight and compatible with all popular frameworks library that is very easy to use.

Read More

It`s try to add dynamic masks to FlashJS.
Very tricky and works only in Chrome/Safari.

Anyway it`s first dynamic raster mask in HTML I`ve ever heard.

Read More

Some use cases don`t allow to use Flash into it`s ordinary fields. Such cases are online games with iOS ambitions or some other projects that need HTML5. Also there are a lot of Flash developers with game dev skills and ActionScript knowledge.

At the crossroad of HTML / CSS progress and understanding of beautiful Flash objective model FlashJS was born. It`s library that allows to develop HTML5 applications in the way that is similar to usual AS3 development.

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