Imperial Galaxy, the first MMORG for Facebook

metarand » Creative Enclave announces Imperial Galaxy: the social networking MMOG

I’ll be sending invitations to all my friends as soon as the Beta goes live, and it will be in the Applications directory and so on.

We’re very excited about IMPERIAL GALAXY. The background of the game is based on Garth Nix’s forthcoming novel A CONFUSION OF PRINCES (due out in 2009) and we’ve been playtesting it for the last three months. The game itself has been under development in its pre-Facebook incarnation for more than three years.

So a week from now, you can join the Imperial Navy and with your friends go forth to reclaim the lost Rozaxra Domain from Sad-Eye and Deader aliens, Mrouzh Rebels, Naknuk Secessionists, pirates, rebels and other star-scum. To your ships, my friends!

This is the old version of the method.  It finds some specific views and scans their datapaths, to see if any entries match.  This version mostly worked fine, but occassionally it would fail, and finding the cause of the failure was proving difficult.

    <method name="check_ok" args="from, to">
        <![CDATA[
        for (var i = 1; true; i++)
        {
            var match = to.classroot.datapath.xpathQuery(
                'matches/match[' + i + ']/text()');
            if (match == null) break;
            for (var j = 1; true; j++)
            {
                var type = from.datapath.xpathQuery(
                    'types/type[' + j + ']/text()');
                if (type == null) break;
                if (match == type)
                    return true;
            }
        }
        return false;
        ]]>
    </method>

WHAT WORKED

I finally tracked down the problem; it occured whenever “to” was not replicated (i.e. there was only one).  So I assume that the replication manager was confusing my view navigation, as the number and type of views to navigate changed.

The solution is shown in the code below.  Basically I navigate the dataset directly, and avoid any view navigation.  Nothing can go wrong, right?

    <method name="check_ok" args="from, to">
        <![CDATA[
        var e  = to.datapath.dupePointer();
        e.selectParent(2);
        e.setXPath('matches');
        if (e.selectChild())
        {
            do
            {
                if (e.getNodeName() == 'match')
                {
                    var c  = from.datapath.dupePointer();
                    c.setXpath('types');
                    if (c.selectChild())
                    {
                        do
                        {
                            if (c.getNodeName() == 'type')
                            if (e.getNodeText() == c.getNodeText())
                                return true;
                        }
                            while (c.selectNext());
                    }
                }
            }
                while (e.selectNext());
        }
        return false;
        ]]>
    </method>


Unsurprisingly, this is very very bad.

The bug is documented here:
    bug: destroy before resource is loaded leads to full load queue and hang

The fix is noted in the bug report.  Basically the following code is added to the application.

    <script>
        LzMakeLoad.unload = function ()
        {
            this.loader.unload( this.loader.mc );
        }
        LzMakeLoad.destroy = function (recur)
        {
            this.loader.unload( this.loader.mc );
            super.destroy( recur );
        }
    </script>


The display is text. The text has an ‘id’ of ‘loading’ and ‘visibility’ set to false.

<text id="loading" x="10" y="10" visible="false"
    fontsize="12" fgcolor="white" fontstyle="bold">
  Loading
</text>

The display is controlled in an idle handler. The visible property of the display is set depending on the number of open connections in the loader.

<handler name="onidle" reference="LzIdle">
  <![CDATA[
  loading.setVisible(LzLoadQueue.openConx > 0);
  ]]>
</handler>

The display shows you when the loader, and therefore the application, is busy. You can see how well load-spreading strategies like OpenLaszlo: background loading of images are working. It is a window into a part of your application that is normally hidden.

OpenLaszlo “official” demos

Here you will find a range of interactive demos showing some of what OpenLaszlo makes possible.
www

OpenLaszlo Incubator Project

The Incubator directory contains components and other code that have been contributed to the OpenLaszlo project, but have not yet been fully integrated into the product.
src

Applejuice

Applejuice is a free web-based photo gallery. Its user interface is simple and uncluttered, to give your photos center stage.
www

Our First iPhone App

www - src

OpenLaszlo YouTube Player Demo and Source Code

www

Open Source SimFaux OpenLaszlo Code Now Available via Subversion

SimFaux is an interactive TV station simulator written in OpenLaszlo, by Don Hopkins, for the HuffingtonPost Contagious Festival.
www

Source code for Zoom Maps project (Openlaszlo)

www - src

Laszlo: An Open Source Framework for Rich Internet Applications

www

blogbox

Blogboxes provide exciting, instantly deployed functionality for your blog or Web site.
www

Glancer: Friend finder and Scheduler application

www - src

CREATING THE CONTEXT MENU

This handler creates an empty context menu for the current object.  A delegate is declared.  The delegate will be called when the context menu is invoked, and is responsible for initialising the context menu.  I use a delegate because the context menu depends on the application state.

    <handler name="oninit">
        var cm = new LzContextMenu();
        cm.setDelegate(new LzDelegate(this, 'init_cm'));
        this.setContextMenu(cm);
    </handler>


INITIALISING THE CONTEXT MENU

This is the method that will be invoked to initialise the context menu. 

The wrinkle in my application is that there is a ‘global’ context menu that is accessed by right-clicking anywhere, as well as a more object-specific context menu when a visual object is clicked.  The specific context menu includes the global menu items as well.  So this method first calls the method that initialises the global context menu (to make sure the global context menu is in the right state), then at the end of the method the menu items from the global context menu are copied into this context menu.

Otherwise this method is fairly straightforward.  hideBuiltInItems() removes Flash-installed default menu items (but not all of them BTW).  clearItems() removes all custom items from the context menu.

    <method name="init_cm">
        <![CDATA[
        cm_util.init_cm();  // init global menu

        var cm = this.getContextMenu();
        cm.hideBuiltInItems();
        cm.clearItems();

        var item;

        item = cm.makeMenuItem('label1',
            new LzDelegate(xxx, 'yyy'));
        item.value = parent;
        cm.addItem(item);        if (...)
        {
            if (...)
            {
                item = cm.makeMenuItem('label2',
                    new LzDelegate(zzz, 'aaa'));
            }
            else
            {
                item = cm.makeMenuItem('label3', null);
                item.setEnabled(false);
            }
            cm.addItem(item);
        }

THE METHOD

This is an example of the methods invoked by clicking an item in the context menu.  This example uses the ‘value’ parameter which can be set when creating the menu item, as is done is some of the menu items above.

    <method name="eee" args="item">
        return fff(item.value);
    </method>

BUGS

From the documentation:

There is an unresolved bug with nesting of context menus in views that were not direct children of the canvas which seems to happen in Flash 7, but is not present when you compile for Flash 8 target (lzr=swf8). That is, in the Flash 7 runtime, you cannot put a menu on a view unless its immediate parent is the canvas.

RESOURCES

“View Source” right click menu item
OpenLaszlo: a way to propagate context menus