Stig Runar Vangen homepage
Blog

Blog

Diagram alignment and distribution

In our hunt for the easiest to use diagram creator, we've added functionality for aligning and distributing the content of the drawing. This functionality will make it easier to position and organize figures.

Start by drawing a frame around all the figures you want to re-position. A right click will bring up the context menu, and from here you have the option to either align your figures or to distribute them along an axis.

Alignment
From the alignment menu you have several options for how you want to align your figures. When you select top alignment, all your figures will be moved so that all their top edges will follow the same line. The same goes for the other options.


Distribution
From the distribution you can place your figures on set intervals based on the rules you select. Figures can be distributed either from the center of each figure or using the same space between each of them.
Tuesday May 29. 2012

Diagram Swing interface

We are planning to create an application library using our internal diagram solution for easy integration into other systems. This library will support drawing diagrams in several programming languages. One of these languages is Java, and I've made a small example of drawing in Java using the Swing framework for the user interface.
Warning (2): Illegal string offset 'lang' [APP/View/Helper/AppHelper.php, line 37]
Wednesday May 23. 2012

Diagram figure groups

In addition to functions for style and drawing for WIS Diagram, I've also added some new figure types. These figures shows elements like documents, database and arrows. These new figures are placed in its own group. With time we'll add more groups with various types of elements.
Tuesday January 31. 2012

Diagram gradient

Yet another function added to the WIS Diagram application is support for shadow and gradient. These functions are currently only toggable, but this functionality will be extended with time. Using these simple effects greatly improves the look of the drawing, and the end result turns a lot more professional looking.
Monday January 30. 2012

Move Diagram line text

Functionality has been added to WIS Diagram to move text attached to a line piece. This is done through selecting the select tool and drag the text that is positioned on top of the line.

While moving the text one will see a red cross marking the closest position on the line. This cross shows the fractional position of the text in relation to the line, a percentage value that won't change until you move the text again. When the line piece change size, for example by changing the position of its end points, this text will remain at the same relative position shown by this cross.
Thursday January 26. 2012

Diagram multiselect

One of the latest features of WIS Diagram is selection of several figures. This is done by first selecting the select tool. Drag the mouse cursor over the draw area to make a red rectangle. All figures completely covered within its border will be selected.

When one looks a the toolbar while doing this selection, one will see that the values here will be updated based on the selected figures. If the selected figures has different values, standard values will be used. This also works the other way, so that properties selected from the toolbar will be reflected on all the selected figures.

In addition there is functionality to move all selected figures at the same time. When more that one figure is selected, and one starts to drag one of these, all figures will move the same distance. Functions like scaling and rotation will not work while doing a multiselection however.
Warning (2): Illegal string offset 'lang' [APP/View/Helper/AppHelper.php, line 37]
Monday January 23. 2012

Updating Diagram

I am currently working on WIS Diagram, which is a part of the process-module within Wisweb. One of the most important updates in the coming version is an active toolbar where the properties of the elements in the toolbar gets updated based on what figure you've selected in the drawing. This feature will make it easier to see what properties you've assigned to a given figure. One of the coolest features here are buttons that show the current color as a line at be bottom of the button below the button icon.
Monday January 16. 2012

Updated Escape from Castle Puzzlestein

This weekend I've done some updates to Escape from Castle Puzzlestein. These are some of the changes:

* Added minimap
* Grid on the floor
* Rotate avatar towards enemy on collision
* Change movement speed
* No more horizontal scrolling in sequence list
* Added an easier introduction level
* Added loading bar
Warning (2): Illegal string offset 'lang' [APP/View/Helper/AppHelper.php, line 37]
Sunday August 28. 2011

Escape from Castle Puzzlestein

This weekend I once again participated in Ludum Dare, and this time the theme was "Escape". I made a game I called Escape from Castle Puzzlestein. Simply explained, it's Castle Wolfenstein using puzzles instead of guns. The images below are from in-progress versions of the game, and does not represent how the final result looks.
Warning (2): Illegal string offset 'lang' [APP/View/Helper/AppHelper.php, line 37]
Warning (2): Illegal string offset 'lang' [APP/View/Helper/AppHelper.php, line 37]
Warning (2): Illegal string offset 'lang' [APP/View/Helper/AppHelper.php, line 37]
Warning (2): Illegal string offset 'lang' [APP/View/Helper/AppHelper.php, line 37]
Monday August 22. 2011

Global Warfare

Last week I've been working on a game for Mini Ludum Dare #27. This time I made a nuclear war simulation where your goal is to nuke all your neighbors until they surrender and give their continent over to you to control. I called this game Global Warfare.
Warning (2): Illegal string offset 'lang' [APP/View/Helper/AppHelper.php, line 37]
Warning (2): Illegal string offset 'lang' [APP/View/Helper/AppHelper.php, line 37]
Warning (2): Illegal string offset 'lang' [APP/View/Helper/AppHelper.php, line 37]
Sunday July 31. 2011