gSkinner - Home

gProject and the Flash CS4 Project Panel

Posted on October 20, 2008 by Grant Skinner

In May I blogged about Adobe acquiring gProject from us. At the time, I wasn’t allowed to talk about what it was going to be used for. Still, it probably doesn’t come as a huge surprise to anyone that the new Project Panel in Flash CS4 is based on gProject.

We did a lot of work with Adobe to rebuild gProject in Flex, removing some features (that are either too obscure or don’t have wide enough appeal), adding others, and doing an extensive clean up of the UI and code. We’re all very excited to see our baby grow up into such an important part of Flash authoring.

Some of the key features:

  • file system based file browsing (no more need to manually add your project files)

  • multi file compiling, just check the checkmark beside an FLA to add it to the list

  • class generation from templates, with the ability to specify templates per project

  • locations provide quick access to related files from your project

  • add file types to display in the panel, and open those files in their associated application (via right click menu). For example, you could add AI files and open them in Illustrator.

  • manage class and library paths on a per project basis

  • quick project feature makes it effortless to create a temporary project to manage files

We tried to create something that would have a lot of value for developers who do some or all of their coding in Flash, while not getting in the way of designers who just want a good panel for browsing their project files. Hopefully we succeeded.

Obviously there’s still a bunch of things we would love to add (things like a JSFL API, file rename / moving, file system update polling, external code editor support, and maybe version control integration spring to mind), but I believe this is a huge improvement to the previous project panel, and am excited to finally be able to talk about it openly. As with Badger, I think it’s a sign of our maturing ecosystem that you can build new tools for the tools, with the tools. We even used gProject to manage the project when building the new Project Panel.

Follow @gskinner on Twitter for more news and views on interactive media.
46 Comments

Nice, I'm liking the CS4 interface quite a bit actually. I especially like that the stage is the Flash Player! Finally my objects will look the same on the stage as they do in they player.

Posted by: chris on Oct 20, 2008 12:15pm URL: http://www.somethingcolorful.com/

I use FDT for most of my development work, but having Project there is a great way to have those files I need to tweak within the IDE in a location that is a bit more ideal than going to the FInder.

I have to say I'm very impressed with Flash CS4, Flash has come a long way since I first jumped in with Flash 4.

Posted by: ljones on Oct 20, 2008 12:19pm

The new project panel is a much needed improvement over the last one (I used it about once?). Well done!

External AS editing support would be nice as the one in Flash isn't the best... I use FlashDevelop.

Cheers!

Harry.

Posted by: Harry Northover on Oct 20, 2008 1:22pm URL: http://www.harrynorthover.com

Great work on the new project panel. A lot of the key issues that broke workflow were resolved and it is a huge improvement to the previous project panel.

You hit the nail on the head with future features. In particular, integration with Version Control (Version Cue check-in/check-out/synchronize) would be nice from the project panel. Also JSFL is a huge one for me. I developed an Eclipse plug so I could compile in Flash straight from Flex Builder using CMD+ENTER, this is now broken for now.

Likely to see these in future updates to Flash or are we waiting for CS5? I can live without Version Control but I need my JSFL API back.

Again, great work on the new panel!

Posted by: mindtwitch on Oct 20, 2008 9:16pm URL: http://www.mindtwitch.com

Any chance of a screencast or tutorial on a quick rundown of how to use the project panel effectively?

Thanks!

Posted by: John on Oct 21, 2008 4:40pm

John, good idea. I'll try to scratch together some time to do a video in the next little while.

Posted by: Grant Skinner on Oct 21, 2008 4:43pm URL: http://gskinner.com/blog/

I had some problems with the new version and wish i had the old panel. but it may be only because the old one fit perfect for what i needed.

reasons.

first of all i only use project panel for batch publishing. and was wishing for a upgrade not a downgrade in time.

1. opening. publishing. closing each file seems a little time consuming. why not old way? output name.

2. checking off file names why no check all button or check selected.

3. resize with window. 9/10 i cant see check boxes unless i resize to a considerably size not a big issue cause why would i need it to be small when i'm just batch publishing but still.

4. i was really hoping for a publish settings override. basically overriding all fla files publishing settings and letting you select 1 distinct setting.

other than that it looks like it just went not my way this time witch sucks but im sure it helped out 99/100 other people so good job.

Posted by: jesse on Oct 24, 2008 9:05am

I'm not liking the new project panel at all. It does not filter file types for one thing; every file is shown. Plus it does not allow me to assign publish profiles to each fla file the way the old one did, which was a big plus. The new panel is nothing more than a Windows Explorer clone. It's worthless!

Posted by: keith on Nov 5, 2008 11:00am

keith - I will pretend you were being polite and thoughtful (versus just reactionary), and respond in kind. If you check the panel preferences, you will find settings to filter the file types. By default the panel only shows Flash files (fla, as, jsfl, etc) and some related types (txt, xml, jpg, etc).

Regarding the publish profiles - I'm really not certain what you are referring to here. In fact, it seems to be in direct contradiction with the (much more thoughtful) feedback from jesse above.

There's definitely some stuff that could be improved and polished. Publishing all FLAs without opening them would be great, as well as some of the other features I mentioned in the main post above. Overall though, I think it is a much more useful panel for the average user than the previous one, though I am of course biased.

Posted by: Grant Skinner on Nov 6, 2008 5:56am URL: http://gskinner.com/blog/

I agree that Flash CS4 Professional is amazing. All credit to Adobe. It's packed full of new features and the interface is a vast improvement.

Unfortunately, it does have its weaknesses and the Project Panel is the chief offender. It's dreadful. It couldn't be worse. Where do I begin?...

The FCS4 Project Panel doesn't look like the rest of the Flash interface. It just doesn't look good. And when dialog boxes from the Project Panel pop up, they're trapped behind the bounds of the panel, usually meaning having to reorganise the interface just to fill in the dialog box. Before I dumped the Project Panel, I had two workspaces defined for every workspace I used. One for working, and one to make the project panel big enough to use.

The chief, most awful annoyance with the Project Panel... it keeps collapsing the file hierarchy. When you regularly need to access files that are buried several layers down in packages, this auto-collapsing of the hierarchy is just unforgivable. Even the 'pin' feature doesn't always succeed in stopping this from happening.

I could go on and on and on about the dreadful Project Panel, but I'll leave it there. If anyone from Adobe reads this, then please pay attention. How long have we waited for a decent project panel? Years. How difficult could it possibly be to give us a functioning project panel? Really Adobe, please strip out this unusable monstrosity and give us something we can work with. And fast.

Posted by: Natasha on Nov 24, 2008 4:38am

> Overall though, I think it is a much more useful panel for the

> average user than the previous one, though I am of course biased.

Sorry Grant, but while the previous project panel was far less functional, it was useable. Inadequately simple though it was, it didn't display a whole plethora of annoyances that make using it impossible.

If I sound annoyed, it's because I am. Adobe is a great company but it does some extraordinarily stupid things, such as the Flash CS4 Project Panel. Meanwhile, the rest of us have work to do and this makes our work much harder.

Posted by: Natasha on Nov 24, 2008 4:47am

Natasha,

Again, your summation seems a little reactionary, but I appreciate the feedback. It doesn't quite click for me how minor aesthetic issues (not pretty, dialogs too large, collapsing file list) can make it an "unusable monstrosity". Annoying, yes - frustrating, certainly - "dreadful" no. However maybe you are experiencing issues I haven't seen.

I agree that it would be nice if the skin matched better (time restraints), and it would have been nice if we could have opened real dialogs instead of embedding them in the panel (this was due to a jsfl bug). Also, we are aware that the create file dialog is too wide - are there any other dialogs that are causing you problems? Other than create file, they all seem to be within the dimensions of a reasonably sized project panel (which admittedly is slightly wider than the minimum panel width in CS4).

I haven't noticed the issue with the collapsing file hierarchy, except for when you refresh the list. This was something we tried to address, but were not able to do so in time for release. If you know of other examples of this happening, please let me know.

Posted by: Grant Skinner on Nov 24, 2008 8:41am URL: http://gskinner.com/blog/

> It doesn't quite click for me how minor aesthetic issues (not

> pretty, dialogs too large, collapsing file list)

The aesthetic anomalies aren't what make it unusable. Those are just symptomatic of general sloppiness and low standards. As Mac Format magazine pointed out at length in this month's edition, this isn't shareware or open source. People are paying top money for this. Get with the agenda. Would you buy a car with seats that don't match? Seriously and with all due respect, if you want to give me poor interfaces for my money, get another job.

No surprise Apple is taking over the world. Attention to detail is the difference between Apple and every other company.

> can make it an

> "unusable monstrosity". Annoying, yes - frustrating, certainly > -

> "dreadful" no.

Picture this. I have a project with a couple of hundred classes in a deep hierarchy. I have projects and subprojects and libraries in my hierarchy.

Drilling down into that hierarchy and finding the file I want can take anything from 20 seconds to a minute. Having the hierarchy constantly collapse, totally constitutes an "unusable monstrosity" from my point of view. Really, it just decimates my time, not to mention the significant annoyance factor.

Dreadful, yes.

> I haven't noticed the issue with the collapsing file hierarchy,

> except for when you refresh the list.

It happens every time the 'Test Project' button is pressed. I stopped using the 'Test Project' button pretty quickly, but still suffered from the file tree collapsing.

> Again, your summation seems a little reactionary, but I

> appreciate the feedback.

My reaction is the reaction of someone who is busy and who paid a significant wad of very hard earned cash, only to be slowed down by functionally useless feature. How panels that don't match, with dialogs that are too big, and half implemented features because of "a jsfl" bug... ever got through Adobe's quality assurance, is completely beyond me.

Version 10 of the Flash IDE and still no Project Panel. Great!

Posted by: Natasha on Nov 24, 2008 4:55pm

What is up with the need to click a checkbox for every file you want to publish! Also it appears you can permanently delete things from you drive from the panel. UGH bad first day with the new project panel!

Posted by: cwiens on Nov 24, 2008 7:35pm

hello i've head that you have made the new project panel in flash cs4 and i was just passing by ( :P ) i just wanted to tell you that it sucks.... i just don't seem to understand why haven't you done it just like in the CS3 ... it worked just fine .. it was fast .. this one is ..... is just like a online flash site or something .... i think the developers wanted something much faster ...

Regards Charlie {var ExpectingAS4:Boolean = ??}

Posted by: Charlie on Nov 25, 2008 1:15am URL: http://www.google.com

Congrats on selling the gPanel. However I am a little confused by this change of project panel. Perhaps you can answer some queries, as I have just moved to CS4:

How do you mulitple libraries to the Project panel?

How does JSFL make a call to Test Project?

Why do all the files I have changed relating to the project not save anymore?

Perhaps the difference is too large for most people... I am just seeking functionality lost (but only for now, I hope)

Sean Cooper

Posted by: Sean Cooper on Nov 25, 2008 4:07am URL: http://seantcooper.com

If this could be answered ASAP as I need to make my compile script work as soon as possible.

How does JSFL make a call to Test Project?

Perhaps there is an alternative way to make this call?

Sean Cooper

Posted by: Sean Cooper on Nov 25, 2008 4:13am URL: http://seantcooper.com

Hi Grant,

So this may sound crazy, but get this...

I made a file in CS3, works perfect...

I open it up in CS4, publish it, and nothing shows up.

This is a scrolling text area that loads XML data and also uses CSS to format the text. for some reason it just wont show up.

Very strange, any thoughts?

Thanks.

Posted by: Ryan on Dec 1, 2008 4:06pm URL: http://www.hungateagency.com

It crashes every time I use it. Any news on an update? I use the project panel as a production solution daily. It so unstable now that I going to have to revert all my files to CS3 to use its project panel. Does anyone know of a simple thirdparty panel that would bring back the CS3 project panel stability? I just want to publish groups of Fla's.

Posted by: cwiens on Dec 9, 2008 12:01pm URL: http://salesforce.com

cwiens,

Can you send me an email (link at the top of the page) with steps to reproduce? We've never had a crash in the office here (10 people using it), or with Adobe QE.

Thanks.

Posted by: Grant Skinner on Dec 9, 2008 12:03pm URL: http://gskinner.com/blog/

I just crashed it. I found this forum googling for just this topic.

All I did was open Flash CS4, go directly to New Project,

locate this 'test' project in a new folder on Desktop, basically provided the minimum info requested by dialog box, although I *did* ask it to create a Class for me which I asked to be created in the Library with the name 'russ'. I got this:

The following JavaScript error(s) occurred:

At line 431 of file "/Users/rwelti/Library/Application Support/Adobe/Flash CS4/en/Configuration/Project/Project.jsfl":

TypeError: item has no properties

Posted by: Russ on Dec 21, 2008 12:44pm

P.S. I just did the steps again and realized the above description should be modified: I don't recall whether it was all done in one dialog box, or whether I did successfully create a project and then press the "Create Class" (the plus sign) and create the 'russ' class as a second step.

Either way, I have a project panel now, and if I try to create a class it fails with the above error every time.

Thanks for any suggestions, I am using 10.0 on Mac OS X 10.5.5

Russ

Posted by: Russ on Dec 21, 2008 12:48pm

FINAL comment ;-)

I got it to work, by creating a Flash file (.FLA) first and then I could create a class (inserting into Library).

Makes sense, but perhaps the dialog box should no allow the "create in library" option if the Library (a default .FLA) doesn't exist.

BYE

Russ

Posted by: Russ on Dec 21, 2008 1:01pm

flash cs4 is driving me nuts. All the little window popups. I look at it funny and it jumps to a tiny window. I can't get to the bottom of my actionscript window to resize it so I can see the scripts at the bottom. However you do this is not obvious. I like the right hand gray panel now that I'm used to it, but how it handles all the floating panels sucks. Also, I don't like the menu bar with out the blue part at the top. If I have several CS4 programs open at the same time, I click the wrong thing. The only way around this is minimizing anything I'm not using. I'm glad I didn't have to buy it.

Posted by: hey on Jan 22, 2009 3:05pm

i'm surprised no one has mentioned in my opinion, the biggest flaw of the new project pane - no support for scrolling. when dealing with lots of files, having to interrupt my workflow to click and drag a scrollbar while the rest of the interface (library, for example) supports it.

collapsing folders is another downfall, plus no backwards supports for flp. as for styling/continuity with the rest of the app, while it's not a huge issue, this is a NATIVE panel, not some mxp like Gaia's panel in CS3. it should meet the UI specs the rest of the app had, especially when we're paying for it.

nice, but if you're going to change something core to the app, make it an improvement, not a new way of doing things for newness sake.

Posted by: dmac on Jan 22, 2009 9:24pm

dragging some panels to a second monitor, like the actionscript panel, is a whole mess: habitually the panel resizes suddenly so that the bottom end is below the screen bottom. Thanks to that idiot, who invented that the panels cannot be resized by dragging them from the top, you have no chance to resize that panel to see the bottom. That is absolutely rediculous, a alpha geek prank!

Or if you lock the actionscript on top of the timeline, by hitting F9, the timeline randomly collapses so that you can't see the actionscript panel and the timeline panel at same time.

This and other 'issues' makes the GUI almost unusable in my daily workflow, thanks for that Adobe.

Posted by: xdim on Feb 1, 2009 3:28pm URL: http://www.xdim.org

I'm going get right to the point. Allow scrolling via the mouse wheel. That's all I ask.

Posted by: Jason Schertz on Feb 9, 2009 3:43pm URL: http://godsavethetween.com

@Jason

That behaviour should already be present on the PC. Unfortunately the mac flash player doesn't support scrollwheel natively.

Posted by: Lanny on Feb 9, 2009 5:19pm URL: http://gskinner.com

What i miss very much in CS4 Project panel is something you (or Adobe) thought either too obscure or not having wide enough appeal: Utilities/Update UI Elements.

I was using it very much, actually it was one of my main uses of gProject. It helps so much not having to manually declare each new MovieClip or component as you add them to a symbol.

Anyone missing this too? Let's make our voice known and have it back in CS5 or some earlier update!

Posted by: Karo on Feb 11, 2009 11:28am URL: http://ovoono.blog.hr

Karo - we (gskinner.com) will be releasing an update to the project panel that addresses this and many other concerns in the next couple weeks. It won't be an official Adobe release, but hopefully its useful to people anyway.

Posted by: Grant Skinner on Feb 11, 2009 11:39am URL: http://gskinner.com/blog/

Wow great!

Releasing - in what way exactly? I.e. how will we able to get/install the new panel version?

and thanx for your quick answer!

Posted by: Karo on Feb 14, 2009 12:34pm URL: http://ovoono.blog.hr

CS$ totally breaks my workflow.

I dont know how you justify it the way you do, but mission critical time sensitive high workload efforts are impossible to to accomplish on time.

Someone that apparently decided "low use or obscure" should be shot without a blindfold.

I need to add a workstation and cant find a way to buy CS3, cannot train quickly a somewhat experienced user in flash to use CS4.

Selection items in the menu system are hazed out and unselectable for poor reasons...

Please make a 'classic' interface option for cs4, and let it work like the legacy versions.

Posted by: Jeff Johnson on Feb 26, 2009 10:17am URL: http://ctngreen.com/mag

Jeff & etc. - While I understand the desire to vent publicly, you might get better results filing your general Flash CS4 complaints and requests with Adobe. There's very little I can do about them, and it's unlikely Adobe is monitoring this blog post. :)

I'm happy to hear about issues with the project panel, and we might even try to patch some of them. Still, reporting them to Adobe is more likely to get them fixed in future versions of Flash (versus patched on my blog).

http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform

Posted by: Grant Skinner on Feb 26, 2009 10:24am URL: http://gskinner.com/blog/

Grant, alto I must agree that this new Project panel is far from perfect i hope you refrain from letting some of the more entitled developers get to you.

Any larger work that we do is still intimately entwined with version control and in that area the old panel was servilely lacking (nothing but source safe support). I hope future versions will focus more on compatibility with subversion, enterprise and others. That being said, I miss being able to use *.fpl files to make whole projects simple to move.

Posted by: Jake on Mar 3, 2009 8:21am URL: http://www.broderjakob.se

Hi Grant, any news on that update to the project panel yet you spoke of a few weeks ago?

Thanks

Gary

Posted by: Gary on Mar 10, 2009 6:39am

Gary - it's coming very shortly, just undergoing some internal testing.

Posted by: Grant Skinner on Mar 10, 2009 9:03am URL: http://gskinner.com/blog/

"That being said, I miss being able to use *.fpl files to make whole projects simple to move"

Where is the project being saved to now? How can I copy it to another spot now?

Posted by: Erik on Mar 15, 2009 3:44pm

Hi,

Grant, you have to enable MouseWheel Scroll in the project panel with a Mac.

Please use swfmacmousewheel2.js (from pixelbreaker)

Without mousewheel scrolling, the panel is unusable on a mac...

Thanks

Posted by: Max on Mar 18, 2009 7:20am URL: http://www.ligne13.com

Max - unfortunately "swfmacmousewheel2" is a javascript workaround (as the file name suggests), and it is dependent on a browser to work. Enabling scroll wheels in the auth player is something that only Adobe can do.

Posted by: Grant Skinner on Mar 18, 2009 8:27am URL: http://gskinner.com/blog/

I hope Adobe is working on it and will make a quick update beacause, at present, it's really unproductive...

Thanks.

Posted by: Max on Mar 19, 2009 8:39am URL: http://www.ligne13.com

@Max:

The panel is great even without the mousewheel.. no offense, but it would seem your just to lazy to move your mouse 500px across the screen ;)

i've used the panel for over a year and its great.. maybe give it a try :)

just my two cents.

Posted by: Kyle jeske on Apr 8, 2009 3:29pm

How/Where do I add and remove a project to a source control system then !!!

Posted by: andy on Apr 23, 2009 9:13am

I don't get why so many people ask so much from you. They should applaud you instead for the incredible magic trick you must have had to pull off to sell that bag of lies to Adobe. Has everyone noticed that the test project in cs4 only publishes the main file? but in cs3 it publishes all of the flas in the project WITHOUT opening them? I mean really? that was the most helpful button in the whole cs3 panel, and you had to make it more difficult, even thought that, as a flash developer like you say you are, you know we publish multiple flas many manyyy times during the day. And if I use the button at the top to publish the project, at the end the stage re-sizes when published, so I have to close the window and run the main fla again, Perfect.

And what happened to flps?

It's so disappointing...

Posted by: don on Oct 6, 2009 9:20pm

Hi,

I understand that Flash CS4 can no longer configured so that a project integrates with Visual Source Safe 2005.

Is that correct ? or am I missing something.

If it is correct... please fix this asap... it is very annoying !

Thanks for your time and help

Peter

Posted by: Peter Goode on Oct 8, 2009 8:09am

Never used the project panel - doubt I ever will. But I find the whole new interface in CS4 to be utter crap. I now have to open multiple panes and scroll the properties panel to modify some text... really ridiculous. CS3 was so much better.

Posted by: Dave on Oct 8, 2009 1:50pm

I've been a long time admirer of the work you do and your presence in the flash community.

I must say... Even you failures are spectacular.

Posted by: Henry on Oct 23, 2009 9:47am

Leave a Reply

Your email is never published nor shared.




You may use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">