Introduction

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.

Introduction

In the last article about Kinetic.js we have showed how to setup the Kinetic library and how to use it in the process of building a little Mars Lander game. Lots of capabilities of this engine have been shown, but still there are many advanced topics to be explained about Kinetic.js.

Introduction

Overview

WebGL (Web Graphics Library), based on OpenGL ES 2.0 provides JavaScript API for rendering 3D graphics. It is supported by majority of the desktop and mobile browsers. Internet Explorer announced its support with IE 11 with Windows 8.1. WebGL is fully supported by Tizen platform. This technology enables the developers to create applications that can run on multiple platforms.

Introduction

This sample app demonstrates how to use touch events to draw free hand sketch/drawing on the canvas. It demonstrates the usage of html5 canvas.

Using the application:

In this article, you will learn how to draw primitives, such as rectangles, circles and triangles using both the HTML5 canvas APIs and Fabric canvas APIs through our TizenPaint sample app. You will also learn how to change some of the properties of primitives such as the width and color of stroke. In the last section of this article, we will also cover the topics of how to save your drawings in serialized String form.