Javascript Archives - BinaryTides

How to Get true pixel height and width of window in javascript

Silver Moon — Fri, 26 May 2023 10:01:14 +0000

If you check the window outerwidth on a maximised browser window, you should get the resolution width of your screen or display in general. For example when I run the following code (in console) in Firefox I get 1920px which is my resolution width: window.outerWidth 1920 On Google Chrome however, the reported dimension is different... Read More »

The post How to Get true pixel height and width of window in javascript appeared first on BinaryTides.

Ajax based streaming and progress monitor

Silver Moon — Thu, 07 Mar 2013 08:41:03 +0000

Streaming (Comet) Streaming means to send content part by part at some intervals in the same request. Or in other words, the client is able to process the response part by part, instead of waiting for the whole transfer to complete. In the context of http and web applications it is more specifically called Comet.... Read More »

The post Ajax based streaming and progress monitor appeared first on BinaryTides.

Monitor progress of long running Php scripts with Html5 server sent events

Silver Moon — Wed, 06 Mar 2013 11:36:49 +0000

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... Read More »

The post Monitor progress of long running Php scripts with Html5 server sent events appeared first on BinaryTides.

How to make a Revolute Joint in Box2D in Javascript

Silver Moon — Sat, 26 Jan 2013 14:30:59 +0000

Revolute Joint Revolute joint is a useful joint in box2d that allows 2 bodies to be pinned together at a point without restricting rotation. The joint can be made between 2 dynamic bodies or between a static and dynamic body. The pendulum on left is a static circle joined to dynamic rectangle. Whereas the cart... Read More »

The post How to make a Revolute Joint in Box2D in Javascript appeared first on BinaryTides.

How to make a Weld Joint in Box2D in Javascript

Silver Moon — Sat, 12 Jan 2013 11:51:40 +0000

Weld joint in box2d The weld joint can be used to join to bodies tightly at a common point. Here is an example A weld joint is created like this //create distance joint between b and c var joint_def = new b2WeldJointDef(); joint_def.bodyA = b; joint_def.bodyB = c; //connect the centers - center in local... Read More »

The post How to make a Weld Joint in Box2D in Javascript appeared first on BinaryTides.

How to make a Rope using Box2D in Javascript

Silver Moon — Tue, 08 Jan 2013 12:43:02 +0000

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. You can move any part of the rope using your... Read More »

The post How to make a Rope using Box2D in Javascript appeared first on BinaryTides.

How to make a Distance Joint in Box2D in Javascript

Silver Moon — Mon, 07 Jan 2013 10:12:37 +0000

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... Read More »

The post How to make a Distance Joint in Box2D in Javascript appeared first on BinaryTides.

Playing with the mouse joint in box2d in javascript

Silver Moon — Sun, 06 Jan 2013 13:32:44 +0000

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.... Read More »

The post Playing with the mouse joint in box2d in javascript appeared first on BinaryTides.

Make a simple html5 game with box2d in javascript – tutorial

Silver Moon — Mon, 17 Dec 2012 04:37:43 +0000

Demo First lets play the game that we shall be making in this tutorial. Its called Fruit Hunter. Tested on Chrome and Firefox. Click in the game then start using the arrow keys to control the monkey. Press the left, right and up arrow keys to make the monkey move and jump. Do not fall... Read More »

The post Make a simple html5 game with box2d in javascript – tutorial appeared first on BinaryTides.

Programming box2d in javascript – tutorial on basics

Silver Moon — Fri, 21 Oct 2011 14:55:09 +0000

Box2d Box2d is a 2d physics simulation library written for C++ and ported to many languages including Javascript. From Box2d's Website Box2D is a feature rich 2D rigid body physics engine, written in C++ by Erin Catto. It has been used in many games, including Crayon Physics Deluxe, winner of the 2008 Independant Game Festival... Read More »

The post Programming box2d in javascript – tutorial on basics appeared first on BinaryTides.

How to make a Racing Car using Box2D in Javascript

Silver Moon — Wed, 19 Oct 2011 06:32:22 +0000

Racing car in box2d Box2d is a physics 2d simulation library and is used in game development. Apart from C/C++ it has ports for various languages like python, javascript etc. With the availability of the html5 canvas element and many other html5 apis, it becomes possible to write browser based games in javascript. So in... Read More »

The post How to make a Racing Car using Box2D in Javascript appeared first on BinaryTides.