Browsing articles tagged with

html5

Monitor progress of long running php scripts with html5 server sent events

Server sent events When running a long serverside task inside a web application it becomes very useful, if not necessary to report the progress of that task in realtime to the clientside, that is the browser. Earlier there was no easy way to do this and hacks had to be constructed to achieve such a realtime notification. Classical solutions include ajax ...

Websockets with php – tutorial on basics

Websockets Websockets is a new feature available in browsers as a part of the Html5 specs that allows javascript clients to open bi directional socket connections to a server. Currently all major desktop browsers support the api. Websocket is not an independant socket protocol, but is based on the TCP protocol just like HTTP. Therefore websocket connections are basically tcp socket connections ...

Make a rope using box2d in javascript

Rope In this experiment we shall make a rope like thing in box2d. There is no rope like structure that box2d supports directly. But if multiple small units are connected together at their edges using a revolutejoint, then it was act somewhat like a rope. Lets take a look You can move any part of the rope using your mouse. Now in this ...

Distance joint in box2d in javascript

Distance In the previous post on mouse joints we learned how to interact with box2d objects using the mouse. Now its time to take a look at another joint in box2d, the distance joint. Distance joint connects 2 bodies maintaining a fixed distance between them, its like metal wire connecting the 2 bodies, such that the wire would neither expand nor ...

Playing with the mouse joint in box2d in javascript

Mouse Joint Out of the many joints that box2d has, one is mouse joint. It is not used in physics simulations, but helps to make the physics world interactive by making a body move towards a specific point, like the mouse coordinates for example. So objects can be picked up, dragged etc by the user. Lets take an example Pickup an object by ...

Add custom functions to the html5 audio element for better functionality

Html5 Audio The html5 audio element provides a simple api to play sound files like mp3, ogg, wav etc. It can be created by putting an audio tag in the html or by creating an instance of the Audio object in javascript. Here is a quick example of using it from within javascript code. var aud = new Audio(); aud.src = 'path/to/song.ogg'; aud.play(); That much ...

Add a stop function to the html5 audio element

The Audio element of html5 does not yet have a stop function, but has a pause function. So here is a simple trick to add a stop function to your Audio elements by modifying the prototoype of the class. //Give the Audio element a stop function HTMLAudioElement.prototype.stop = function() { this.pause(); this.currentTime = 0.0; } The function would first pause the audio element, then would set the ...

Enable webgl in google chrome on ubuntu

To enable webgl in Google Chrome launch it with the following flags --enable-webgl --ignore-gpu-blacklist $ google-chrome --enable-webgl --ignore-gpu-blacklist Now test webgl by opening the following url http://get.webgl.org/ It should show a spinning cube if webgl is working correctly. Open the following url in chrome about:chrome or chrome://gpu/ It should show the following data Graphics Feature Status Canvas: Hardware accelerated Compositing: Hardware accelerated 3D CSS: Hardware accelerated CSS Animation: Accelerated WebGL: Hardware accelerated WebGL multisampling: Hardware accelerated Flash 3D: ...

Enable webgl in firefox on ubuntu

WebGL WebGL (Web Graphics Library) is a JavaScript API for rendering interactive 3D graphics and 2D graphics within any compatible web browser without the use of plug-ins. Software based renderer Webgl might not work directly on your system if there is no supporting hardware or graphics card available. Even then webgl can be made available inside firefox through the mesa software based ...

Using the html5 audio element from javascript

Sometime back I was making a browser based game in the html5 canvas tag which had some audio too. The html5 audio tag is an easy option to add sound/music to any webpage. It can play variety of formats like wav, ogg and mp3. However format support itself varies across browsers. The audio element can be directly added to html in ...

Pages:12»


Connect with us