WorldGameMaker: video game IDE – 2nd preview of new Nape Physics + Particle Renderer + UI system integration

0 Flares Twitter 0 Facebook 0 Google+ 0 Pin It Share 0 Email -- Filament.io 0 Flares ×

Hello,

here is a quickly made video of the integration of Nape Physics, a totally new and very flexible Particle Renderer and a UI System into WorldGameMaker, a video game IDE using ND2Dx.

The next iteration of WGM will include a compiler for web (flash) and AIR (IOS & Android) right into the IDE, to make the process easier.
I’m currently working on all of that, as well as little things that make the usability of WGM better, for a multi platform game I’m working on at the moment.

In this video, you’ll see:

  • editing of a custom Nape shape (physics)
  • creating an apple and attach a Nape Body Circle Component to it so it reacts to physics
  • how to create and edit a Particle Renderer
  • how to animate the particles inside a Particle Renderer
  • create a node with a UI Component attached to it
  • create a sliced texture (similar to the Scale9 feature in Flash)
  • set that sliced texture as an image on a UI Image Component.
  • set the size of a UI Component
  • add children that are being organized by a UI Layout Component

The UI system can look very complicated at first (and I admit, I didn’t really think about how to show and explain things “clearly” in the video, I have limited time…) but it’s actually very simple and extremely flexible.
Basically what you have are very basic components that, when added together, form a complex system of UI.

The most basic component, and the one that has to be there when you want to play with UI, is the UI Component. This is kind of the central system that will control all the others “sub” UI Components, like the UI Image Component and the UI Layout Component.
It holds all the basic properties such as the width, height, padding, margin, … that all the others UI Components will base themselves on.

The UI Image component renders a texture on screen (it can also render a sliced texture). It is controlled by the UI Component that is attached to the same node.

The UI Layout component organizes the children of the node it is attached to (those children must have a UI Component attached to them). It is also controlled by the UI Component that is attached to the same node. There are two types of layouts at the moment: vertical and horizontal. Any type of layout can be added, but with those two types, you can easily create lists, menus, panels, etc…

Of course you can have children inside of other children to create very complex system.

There are many things to be added, but I believe the base I currently have is quite strong and flexible.

I’ll try to keep you informed a bit more often than usual as this is getting quite close to something interesting I think.

Here is the video,

 

0 Flares Twitter 0 Facebook 0 Google+ 0 Pin It Share 0 Email -- Filament.io 0 Flares ×

Leave a Comment

*