screenshot

Unity Physics Debug Draw 2D

Developing games or anything interactive is amazing in Unity. Apart from that it is free (including pro features), the main reason I enjoy developing with it is the time saved by leveraging the editor. In addition, those interested in 2D physics games will also appreciate that Unity incorporates Box2D for it’s 2D physics engine. By using the editor you can very quickly create RigidBodies and Colliders in a matter of seconds.

However, one thing seemed missing and that was a good debug view similar to the debug view when using Box2D in Flash. To my knowledge, it seems only if you have the GameObject with attached collider selected in the editor will it render a wireframe view, and, it doesn’t seem to show up when running in game view. So to help with prototyping with Unity’s 2D physics I have created a component that will automatically render all colliders and joints in both the editor and game view. All you have to do is attach the script to the camera. You can download the script (and example scene) from my github.

angular-img-cropper

angularjs image cropper

Having developed a javascript image cropper tool I thought I would get it working with AngularJS! As far as I am aware this is the only free image cropper directive at time of writing that supports a rectangular crop area with photoshop-esque controls. It also features the ability to enforce an aspect ratio as well as zooming. This means that on the client side a user can upload an image to your server that is not distorted and is already the correct dimensions.

An online demo can be found here and the source repository can be found on my GitHub.

image crop of penguins

HTML5 Image Cropper

For a project I am working on I needed a browser based (HTML5) image cropper tool so thought I would make one which I am releasing for free! The image cropper has a variety of features including:

  • Rectangular crop area
  • Aspect ratio enforcement (optional)
  • Zooming (optional)
  • Multi-touch on touch supported devices

A working demo can be found here. The source code can be found on my Github repository. Additionally in the repository you can find the TypeScript files as well as the JavaScript files. An AngularJS version is coming soon.

 

FizzX – Box2D level editor 0.1

After finding a bit of time I have fixed some glaring bugs and have now uploaded the first alpha version of my Box2D level editor called FizzX.

It’s an alpha so there are plenty of features missing and bugs, but I think it is at stage that you can build levels without too much drama :)

Controls

  • PanningArrow keys to pan in addition to holding down alt and dragging.
  • Rotating – Hold the left mouse button on a fixture edge, press and hold Q, and then drag to rotate.
  • Scale –  Hold the left mouse button down, press and hold T, and then drag to scale. (a bit buggy)
Tips
When incorporating images, it can be useful to pin them to prevent accidentally moving them once placed. Additionally, as images can block the selection of fixtures, a global lock images button will prevent all images from being selectable.

Roadmap

  • Add the remaining joint types.
  • Implement a preview window that can be scrolled.
  • Add zooming capabilities.
  • Select multiple fixtures to mass rotate and scale.
  • Add support for category bit masks.
  • Add support for Nape physics engine.
  • Release importers for Apple SpriteKit, LibGDX, OpenFL and more.
  • Improve GUI. May include porting over to LibGDX’s SceneUI.

Get FizzX 0.1