Comments on: Bumpslide App Template

By: freemind

freemind — Sat, 28 Mar 2009 18:34:18 +0000

cheers david!

big thank u for the bumpslide library and the app template :)
having a pureMVC background (always trying to use the appropriate
approach for each project) i have to say your library is really cool ;)

the things you mentioned regarding the command pattern sound
interesting… would really appreciate an additional app template that
uses commands to see how you implement the command pattern.

keep up the good work!!

By: david

david — Fri, 06 Feb 2009 06:59:40 +0000

Wayne, note that binding events don’t fire unless the value actually changes. Beyond that, I’d have to see code.

By: david

david — Fri, 06 Feb 2009 06:56:09 +0000

Ben, the problem here is that you’re trying to resize the loader before it’s loaded. Ok, the real problem is that when resizing a loader, the resize method resizes loader.content. The null reference error is coming when loader.content is null. I should put a check in there for that. Meanwhile, in your draw method, make sure the loader is loaded.

By: Wayne

Wayne — Thu, 05 Feb 2009 21:37:45 +0000

David, sorry to be a bug! one more issue I’m having.. per this suggestion from you:

“Then, once assets are loaded, set model.assetsLoaded = true. In your assetsLoaded setter, if assetsLoaded is being set to true and model.requestedSection>1, model.section = model.requestedSection.”

In my assetsLoaded setter I’m doing exactly this, to no avail. The strange thing is if I replace requestedSection with a literal value, (this.section = 2), it works. But trying to assign it to a variable value (this.section = this.requestedSection) doesn’t work, even though the value will trace correctly.

Any ideas on this?

By: Ben McMaster

Ben McMaster — Wed, 04 Feb 2009 21:39:26 +0000

David, I am using the ImageUtil. I am getting a type error, yet my code and your code looks fine to me…

public function loadPic(url:String):void {
loader.load( new URLRequest( url ), new LoaderContext( true ));
loader.contentLoaderInfo.addEventListener(Event.INIT, onImageLoaded );
loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, onLoadProgress);
addChild(loader);
loader.x = 4;
loader.y = 4;
}

private function onImageLoaded(event:Event):void{
ImageUtil.resize(loader, 398, 398, false);
}

error:

TypeError: Error #1009: Cannot access a property or method of a null object reference.
at com.bumpslide.util::ImageUtil$/resize()
at app.view::PagePic/app.view:PagePic::draw()
at com.bumpslide.ui::Component/updateNow()

I initialized the loader in the constructor.

Thoughts?

By: Wayne

Wayne — Wed, 04 Feb 2009 01:16:05 +0000

Thanks, that helps a lot.

By: david

david — Wed, 04 Feb 2009 00:40:27 +0000

Wayne, if it has display elements, it’s a view. Think of it like a top level section. Section 0 is asset loader. Section 1 is homepage, etc. Once you have your model and configs initialized, init your MainView and go to section 0. Section 0 should trigger a view where you can do your preloading and whatever you want. Once done, model.section=1. This should then take you to the homepage.

A more robust approach… You could also have a flag in your model like assetsLoaded (boolean). If deep-linking to section 2 and assetsLoaded is false, go to section 0, and save a reference to your deep-linked path (model.requestedSection=2). Then, once assets are loaded, set model.assetsLoaded = true. In your assetsLoaded setter, if assetsLoaded is being set to true and model.requestedSection>1, model.section = model.requestedSection.

The key to command-less MVC is to put logic in those bindable model setters. Have UI events trigger state changes on the model, and let the model sort things out. Model is the new controller.

When this gets messy, start using commands to encapsulate business logic.

By: Wayne

Wayne — Wed, 04 Feb 2009 00:21:35 +0000

David, I’m finally getting around to trying out your template. One question, from an MVC newbie, I’m going to be integrating a preloader for assets based on XML content. I’m not sure how to fit the preload code into the startup sequence.. it’s not exactly a view, but it has display elements. any advice or suggestions?

By: david

david — Fri, 23 Jan 2009 07:45:30 +0000

sorry, ben. I messed up. The binding needs to be like this.

PLAIN TEXT

Actionscript:

model.bind( 'sections', this, onSectionDataLoaded );

And, really, that onSectionDataLoaded handler will be receiving an Array, so you can type the sdata parameter as such. But, I guess you don't really need it here assuming you are updating the model from your service class.

Code sample above has been updated.

By: Ben

Ben — Thu, 22 Jan 2009 23:41:33 +0000

I just tried your first suggestion. I am getting a Binding Error. Here is my code:

PLAIN TEXT

Actionscript:

function Controller( appRoot:DisplayObjectContainer, callback:Function ) {
view = appRoot;
_callback = callback;
// pass flashvars to app configuration in model
model.config = new Config(getFlashVars());
// Bind model.sections
// Should wait for xml to be loaded to call notifyComplete()
model.bind( 'sections', onSectionDataLoaded );
service.loadSiteXML();
}
function onSectionDataLoaded(sdata:*):void {
trace("Calling notifyComplete()");
notifyComplete();
}

Then I got this error:

[Binding Error] Error #1056: Cannot create property sections on builtin.as$0.MethodClosure.
ReferenceError: Error #1056: Cannot create property sections on builtin.as$0.MethodClosure.
at com.bumpslide.data::Binding/::executeBinding()
at com.bumpslide.data::Binding$iinit()
at com.bumpslide.data::Binding$/create()
at com.bumpslide.data::BindableModel/bind()
at app::Controller$iinit()
at app::AppRoot/app:AppRoot::onAddedToStage()

Any thoughts?