WebGLSubscribe to RSS - WebGL

Creating PIXI.js filters using WebGL

Introduction

PIXI.js 3.0 is a great library for creating 2d canvas games and animations. It's one of the most used canvas renderers over the Web. It also supports WebGL rendering, thanks to which most of the operations are executed by GPU instead of CPU. It comes with a nice filters feature that has great possibilites and is quite easy to use and extend. In this article we will focus on describing how to create a custom filter using Fragment shaders.

Using EasyStar.js to implement pathfinding in Tizen game projects

Introduction

Many times while developing games you probably wondered about the fastest way to implement pathfinding algorithms for the enemy AI system. You probably invented some of your own ways to seek out the fastest path or have implemented existing mathematical algorithms. This process was probably time consuming and you had to get through many obstacles in order to get the job done.

Creating an isometric world with Phaser.js, using the isometric plugin

Introduction

Have you ever wondered how to create an isometric world for your game? Is it difficult? What needs to be done in order to have a world like, for example, in the popular Zelda game series? The answer is easy. You can always write your own isometric game engine. But is it really necessary in times when the web is just bursting with web frameworks for HTML5 games?

Creating 3D Worlds with Babylon.js

Introduction

In our voyage through JavaScript 3D engines, this time we want to show you a great 3D WebGL rendering engine – Babylon.js for building 3D applications and games for the web. Babylon is exceptional with its ease of use, fast prototyping and a polite learning curve. With a good documentation and many examples. Babylon.js seems to be the perfect 3D engine to learn for beginners in the 3D web field.

SceneJS – creating a JavaScript controlled, animated 3D character (part 2)

Introduction

This is the second part of the article about creating a JavaScript controlled and animated 3D character. In the first part of the article we have showed you where you can look for materials regarding 3D models creation. You have also learned how to export 3D models to the OBJ format and how to create a basic setup of SceneJS. In this part we will cover steps 4 and 5 – that is creating of a skybox and importing and animating 3D OBJ models in SceneJS using JavaScript.

Measuring performance in Tizen multimedia applications

Introduction

One of the most important issues in multimedia and game programming for any platform is the ability to measure the performance of your code on devices. You can do it by using diagnostic tools like profiling managers  (for example in the Google Chrome browser) or by using third party libraries dedicated to the measurement of efficiency.