Box2d Archives - BinaryTides https://www.binarytides.com/category/programming/box2d-game-programming/ News, Technology, Entertainment and more Fri, 13 Jan 2023 08:52:19 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 How to make a Revolute Joint in Box2D in Javascript https://www.binarytides.com/revolute-joint-box2d-javascript/ https://www.binarytides.com/revolute-joint-box2d-javascript/#comments Sat, 26 Jan 2013 14:30:59 +0000 http://www.browserspace.com/?p=4197 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.

]]> https://www.binarytides.com/revolute-joint-box2d-javascript/feed/ 1 How to make a Weld Joint in Box2D in Javascript https://www.binarytides.com/weld-joint-box2d-javascript/ https://www.binarytides.com/weld-joint-box2d-javascript/#comments Sat, 12 Jan 2013 11:51:40 +0000 http://www.browserspace.com/?p=4188 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.

]]> https://www.binarytides.com/weld-joint-box2d-javascript/feed/ 3 How to make a Rope using Box2D in Javascript https://www.binarytides.com/make-rope-box2d-javascript/ https://www.binarytides.com/make-rope-box2d-javascript/#comments Tue, 08 Jan 2013 12:43:02 +0000 http://www.binarytides.com/?p=4164 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.

]]> https://www.binarytides.com/make-rope-box2d-javascript/feed/ 3 How to make a Distance Joint in Box2D in Javascript https://www.binarytides.com/distance-joint-box2d-javascript/ https://www.binarytides.com/distance-joint-box2d-javascript/#respond Mon, 07 Jan 2013 10:12:37 +0000 http://www.binarytides.com/?p=4156 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.

]]> https://www.binarytides.com/distance-joint-box2d-javascript/feed/ 0 Playing with the mouse joint in box2d in javascript https://www.binarytides.com/mouse-joint-box2d-javascript/ https://www.binarytides.com/mouse-joint-box2d-javascript/#comments Sun, 06 Jan 2013 13:32:44 +0000 http://www.binarytides.com/?p=4137 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.

]]> https://www.binarytides.com/mouse-joint-box2d-javascript/feed/ 3 Make a simple html5 game with box2d in javascript – tutorial https://www.binarytides.com/make-html5-game-box2d-javascript-tutorial/ https://www.binarytides.com/make-html5-game-box2d-javascript-tutorial/#comments Mon, 17 Dec 2012 04:37:43 +0000 http://www.binarytides.com/?p=3953 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.

]]> https://www.binarytides.com/make-html5-game-box2d-javascript-tutorial/feed/ 8 Programming box2d in javascript – tutorial on basics https://www.binarytides.com/javascript-box2d-tutorial/ https://www.binarytides.com/javascript-box2d-tutorial/#respond Fri, 21 Oct 2011 14:55:09 +0000 http://www.binarytides.com/blog/?p=532 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.

]]> https://www.binarytides.com/javascript-box2d-tutorial/feed/ 0 How to make a Racing Car using Box2D in Javascript https://www.binarytides.com/make-racing-car-box2d-javascript/ https://www.binarytides.com/make-racing-car-box2d-javascript/#comments Wed, 19 Oct 2011 06:32:22 +0000 http://www.binarytides.com/blog/?p=401 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.

]]> https://www.binarytides.com/make-racing-car-box2d-javascript/feed/ 12