Effflex 2008 / 2009 Blog Post Nostalgia

Flex effects are one of the coolest and most interesting parts of the Flex platform, particularly for a graphic artist such as myself.
The content below is from this site's 2008-2009 archived pages. It's a nostalgic trip back looking over these old posts. I miss Tink's helpful comments and insights. There were many people engaged here as is evident just by the number of comments from this 
FlipPapervision3D​ posting.

Archive for November, 2008

FlipPapervision3D

Monday, November 3rd, 2008

 

44 Responses to “FlipPapervision3D”

  1. viatropos Says: 
    November 4th, 2008 at 10:15 am

    Nice. I will definitely be using this stuff.

  2. pierre Says: 
    November 5th, 2008 at 11:10 am

    Hello,

    IS IT POSSIBLE TO VIEW THE SOURCE CODE ?

    REGARDS

  3. Tink Says: 
    November 5th, 2008 at 11:13 am

    YEAH

    RIGHT CLICK, SELECT VIEW SOURCE.

  4. pierre Says: 
    November 5th, 2008 at 12:07 pm

    THANKS

  5. pierre Says: 
    November 5th, 2008 at 12:08 pm

    I HAD SOME PROBLEMS TO VIEW THE PDF FIEL (EXPLCATIONS), IMPOSSIBLE TO LOAD IT

  6. Marcio Says: 
    November 6th, 2008 at 5:28 pm

    I’m using in my application

    ‘Papervision3D’;
    ‘Beta 1.7′;
    ‘20.08.07′;

    Which version should I use to use this feature?

  7. Tink Says: 
    November 6th, 2008 at 5:33 pm

    Papervision3D
    Public Alpha 2.0 - Great White
    24.03.08

  8. Marcio Says: 
    November 6th, 2008 at 5:33 pm

    Now i create a new application using

    ‘Papervision3D’;
    ‘Public Beta 2.0 - Great White’;
    ‘September 9th, 2008′;

    I am using the following example as a basis

    http://www.efflex.org/examples/viewStackEffects/FlipPapervision3D/srcview/index.html

    But in the Flex Builder appears the following error

    —————–

    1119: Access of possibly undefined property VERBOSE through a reference with static type Class.
    Papervision3DViewStackInstance.as
    efflex/src/org/efflex/viewStackEffects/effectClasses
    line 84

    —————–

    1137: Incorrect number of arguments. Expected no more than 3.
    Papervision3DViewStackInstance.as
    efflex/src/org/efflex/viewStackEffects/effectClasses
    line 144

    —————–

  9. Marcio Says: 
    November 6th, 2008 at 5:57 pm

    I coment

    //Papervision3D.VERBOSE = false;

    in line 84 in efflex/src/org/efflex/viewStackEffects/effectClasses/Papervision3DViewStackInstance.as

    And in

    _renderer.renderScene( _scene, _camera, _viewport, true );

    i”m using 3 arguments

    I remove the param TRUE

    Doing so most of the examples worked with the exception of

    http://www.efflex.org/examples/MovieClipEffect/srcview/index.html

    What happens the following error

    ——————

    [SWF] /webserver/aplicativos_flex/efflex/bin-debug/index.swf - 813.217 bytes after decompression
    Error: Frame label ‘null’ could not be found
    at org.efflex.effectClasses::MovieClipInstance/play()[C:\Inetpub\wwwroot\webserver\aplicativos_flex\efflex\src\org\efflex\effectClasses\MovieClipInstance.as:70]
    at mx.effects::EffectInstance/startEffect()[E:\dev\3.0.x\frameworks\projects\framework\src\mx\effects\EffectInstance.as:569]
    at mx.effects::Effect/play()[E:\dev\3.0.x\frameworks\projects\framework\src\mx\effects\Effect.as:930]
    at mx.effects::EffectManager$/createAndPlayEffect()[E:\dev\3.0.x\frameworks\projects\framework\src\mx\effects\EffectManager.as:716]
    at mx.effects::EffectManager$/http://www.adobe.com/2006/flex/mx/internal::eventHandler()[E:\dev\3.0.x\frameworks\projects\framework\src\mx\effects\EffectManager.as:575]
    at flash.events::EventDispatcher/dispatchEventFunction()
    at flash.events::EventDispatcher/dispatchEvent()
    at mx.core::UIComponent/dispatchEvent()[E:\dev\3.0.x\frameworks\projects\framework\src\mx\core\UIComponent.as:9051]
    at mx.core::UIComponent/setVisible()[E:\dev\3.0.x\frameworks\projects\framework\src\mx\core\UIComponent.as:1903]
    at mx.core::UIComponent/set visible()[E:\dev\3.0.x\frameworks\projects\framework\src\mx\core\UIComponent.as:1870]
    at index/___index_Button1_click()[C:\Inetpub\wwwroot\webserver\aplicativos_flex\efflex\src\index.mxml:15]

    ——————

  10. Reeb Says: 
    November 7th, 2008 at 5:56 pm

    A lot of problem to compile your work …

    Why don’t you put a good compiled swc for we use it ??!!
    I don’t understand … 

    Same bad compilation for tink project …

  11. Tink Says: 
    November 7th, 2008 at 9:52 pm

    Keeping the SWC’s up-to-date takes more work for myself (and at the moment there is only me working on this project), but for me a SWC would be more hassle.

    I check the source of all projects out into a library and every project I create I link to that source folder. I can then keep this library up-to-date by just updating the SVN.

    You wanna keep the SWC’s updated if I send you an email each time there’s a change in Efflex?

  12. Tink Says: 
    November 7th, 2008 at 9:55 pm

    @ Marcio

    ‘Papervision3D’;
    ‘Public Beta 2.0 - Great White’;
    ‘September 9th, 2008′;

    Isn’t the same as the version what Efflex was built around, and therefore there may be lots of changes in the code (I don’t know as I haven’t done a diff on them).

    You could edit the code for the latest version of PV3D, post it back and I’ll update the SVN, or otherwise wait until I have some time on my hands to do it for you.

  13. Tom.Kordys Says: 
    November 11th, 2008 at 11:05 am

    I had a quick look into this pv3d flip and the solution is really simple.
    I briefly looked at it and the solution is here:

    In Papervision3DViewStackInstance.as

    comment out line 84

    //Papervision3D.VERBOSE = false;

    VERBOSE only makes you see more detailed log, I didnt investigate why it’s not working

    Change render method to:

    protected function render():void
    {
    _renderer.renderScene( _scene, _camera, _viewport);
    }

    render takes only 3 parameters.

    Also in

    FlipPapervision3DInstance.as there is an import that Tink didn’t include, line 26
    import ws.tink.utils.MathUtil;

    this results in error in onTweenUpdate method around lines 189 and 196

    simply replace:

    MathUtil.degreesToRadians( _plane.rotationX )

    to manual calculation, which is
    Math.PI * _plane.rotationX / 180

    same for _plane.rotationY.

    The entire method with the changes below:

    override public function onTweenUpdate( value:Object ):void
    {
    super.onTweenUpdate( value );

    switch( state )
    {
    case SHOWING :
    case SHOWING_AFTER_INTERRUPT :
    {
    var v:Number = Number( value );

    var targetRotation:Number = _rotationStart + ( _rotationDiff * v );
    if( targetRotation 90 )
    {
    _rotationStart -= 180;
    targetRotation -= 180;
    _plane.material = getBitmapMaterialAt( selectedIndexTo );
    }

    switch( direction )
    {
    case FlipPapervision3D.DOWN :
    case FlipPapervision3D.UP :
    {
    _plane.rotationX = targetRotation
    if( viewStack.clipContent ) _plane.z = Math.abs( Math.sin( Math.PI * _plane.rotationX / 180 ) * ( contentHeight / 2 ) );
    break;
    }
    case FlipPapervision3D.LEFT :
    case FlipPapervision3D.RIGHT :
    {
    _plane.rotationY = targetRotation;
    if( viewStack.clipContent ) _plane.z = Math.abs( Math.sin( Math.PI * _plane.rotationY / 180 ) * ( contentWidth / 2 ) );
    break;
    }
    }
    }
    }
    }

    That should work.

    Tom

  14. Tink Says: 
    November 11th, 2008 at 11:29 am

    Thanks Tom!

  15. Darrin Says: 
    November 19th, 2008 at 8:40 pm

    I am using flex 3.01 and when I try to compile the code right from your example it gives me a error.

    I get a:
    1046:type was not found or was not a compile-time constant: FlipPapervision3d

    for this line:

  16. Tink Says: 
    November 19th, 2008 at 9:39 pm

    Hi Darrin

    You’ll need to download all the source from the repository.

    http://code.google.com/p/efflex/

  17. Simon Bailey Says: 
    November 25th, 2008 at 8:37 pm

    I fancied whipping this all together and getting the examples running, so after a good ol search to get the necessary classes I have built a working swc for the current Efflex code library:

    http://www.nutrixinteractive.com/blog/?p=263

    Cheers,

    Simon

  18. jack Says: 
    December 4th, 2008 at 8:58 am

    thanks!
    Successful operation of your project

  19. paddy Says: 
    January 9th, 2009 at 2:01 pm

    hi Tink, These look great but unfortuately I’m getting some rendering errors if I use these effects on non-rectangular shapes. i.e a Box with cornerRadius or a TabNavigator.

    example here:

    http://www.darklump.co.uk/experiments/efflex/

    toggle between Dashboard/Game.

    First issue is you need to toogle back and forth a few times till the transtion plays. You should then see alignment issues, alpha areas going white and the fact the components become inactive. I’m using Flex 3.2. Let me know if you’re aware of these issues…

    BTW this is basically the code:

  20. flexnewbee Says: 
    February 3rd, 2009 at 7:24 am

    hi

    I checked out the libraries from http://code.google.com/p/efflex/ and added them to the library source.. But still i am unable to compile the source MXML and work with it.. could you please help or advice a good discussion forum on it.. where i could find the exact steps to include the libraries and get the application running.. Thanks.

  21. Arunava Says: 
    February 4th, 2009 at 8:18 am

    Hi,

    A great collection of Flex sample effects. Thanks for including the source.

    I have added your link as a book mark in our RIA Kolkata Adobe User Group.

    Thanks once again!

    Arunava

  22. VicViper Says: 
    February 5th, 2009 at 3:15 pm

    Hi, It’s very nice to see you finally released your wonderful dual viewstack effects with some new flavours!, I’m starting to learn to use them extensively! Btw, if you remember me from a very old post, I noticed you can now add controls dynamically without breaking the effects!

    I found some small bugs, though, from time to time, when switching from one view to another, I get a null exception… here’s where I got them and how I (blindly) fixed them:

    ViewstackInstance.as

    final public function get selectedIndexTo():int
    {
    if (!_contentPane) return -1; // ** sometimes _contentPane is null
    return _contentPane.selectedIndexTo;
    }

    final public function get selectedIndexFrom():int
    {
    if (!_contentPane) return -1; // ** sometimes _contentPane is null
    return _contentPane.selectedIndexFrom;
    }

    Papervision3DViewStackInstance.as

    public function getBitmapMaterialAt( index:uint ):BitmapMaterial
    {
    if ( !data ) { return null; } // ** sometimes data is null
    return BitmapMaterial( data.bitmapMaterials[ index ] );
    }

    FlipPapervision3DInstance.as

    override public function end():void
    {
    if (!data) return; // ** sometimes data is null
    data.interruptedDisplayedIndex = ( _plane.material == getBitmapMaterialAt( selectedIndexTo ) ) ? selectedIndexTo : selectedIndexFrom;
    data.interruptedRotationX = _plane.rotationX;
    data.interruptedRotationY = _plane.rotationY;

    super.end();
    }

    the fixes to the PV3D effect are just patches so the control does not freeze as it was happening before…. now it just displays two images (the old and the current one above) but at least the control is still responsive.

    The rest is working wonderfully well!, hope these comments will help you improve efflex!

    Vic

  23. Tink Says: 
    February 5th, 2009 at 3:23 pm

    Thanks for the feedback Vic

    I do have 0.02 nearly ready for commit which should address some more problems.

  24. Grant Says: 
    February 11th, 2009 at 1:28 am

    Hey Tink,

    Great utility, I’m using the FlipPapervision3D effect, is there a way to control the “color” that it uses for the “back” of the flip? The demo I’m doing is mainly grey so the red color on the flip looks odd.

  25. Tink Says: 
    February 11th, 2009 at 1:42 am

    Hey Grant

    You can set ‘transparent’ to true if you don’t want the panel to be rectangular, or they should inherit the backgroundColor and backgroundAlpha styles from the ViewStack.

  26. Grant Says: 
    February 11th, 2009 at 2:03 am

    I also tried building efflex, but got quite a few compiler errors like missing classes :

    ws.tink.flex.containers.PositionedTabNavigator

    and some papervisions problems, maybe there is a specific version of papervision we should be using ?

  27. Grant Says: 
    February 11th, 2009 at 2:51 am

    I’m not using a viewstack, I actually am working on a portal framework and the componets are all “different” we are trying out efflex to do reveals on the widgets in the portal.

    e.g.

    var flip : FlipPapervision3D = new FlipPapervision3D();
    flip.constrain=true;

    ( module.parent as UIComponent).setStyle(”resizeEffect”, flip);

  28. Prem Says: 
    February 20th, 2009 at 3:48 pm

    First of all great work,

    I am having the same problem as Grant with two classes ws.tink.utils.MathUtil and ws.tink.flex.containers.PositionedTabNavigator

    Cheers

  29. MechanisM Says: 
    February 22nd, 2009 at 2:25 pm

    I have ViewStack with amfphp data-driven components in it..its also supports URLKit..
    I added this effect to it and effect is working, but all components inside becomes bigger in size (wider then edges of ViewStack and I can’t see components’ borders) and unavailable in this ViewStack. Well I mean all data delivered, deeplinging is working but I can’t click any controls inside this ViewStack. Hmm and one strange thing..If I’m swithing lots of times between ViewStack, all components inside it, after minutes of swithing them, becomes available and working great.
    ohh..sorry for my bad english >.<

    Tink Says: 
    February 22nd, 2009 at 4:28 pm

    Hey MechanisM

    Not to sure about the size issue but the 0.01 version of Efflex available publicly is full of bugs, the not being able to click on item being a known one.

    I’ll be committing 0.02 towards the end of next week when I get back to the UK, which definitely fixes the not being able to click on items bug.

  30. MechanisM Says: 
    February 22nd, 2009 at 7:29 pm

    Ohh..I solved my problem.

  31. Fat Donovan Says: 
    February 24th, 2009 at 3:18 pm

    “unable to open ‘\ForceAbsoluteViewSourceURL\bin\ForceAbsoluteViewSourceURL.swc”

    What the heck is that? I did find ForceAbsoluteViewSourceURL.swc from somewhere really illogical place (not from this site anyway), but I still get this error…

  32. Tink Says: 
    February 24th, 2009 at 3:37 pm

    I had to do some funky stuff so the ‘viewSource’ worked in wordpress, not sre why your getting that error though, as it has nothing to do wit the source from google code?

    see this post http://www.tink.ws/blog/force-an-absolute-viewsource-url-flex-30/

  33. Jigsaw Says: 
    April 8th, 2009 at 11:07 pm

    It is nice stuff. Thanks for Tom.Kordys. I got the same problem and fixed based on Tom’s post.

  34. Smash Says: 
    April 19th, 2009 at 4:50 pm

    hi !
    I use FlipPapervision3D for my website, every button on the example at the top of this page represent a page of my website, and when I click on a button, everything is ok, the effect is good and the page is loaded.
    but when I want to display a picture on a page, nothing works ! the effect is dead… the button doesn’t work anymore, do you know where could be the problem ?
    I call a new page with :

    and in my page, when I put: I can see the picture on the screen but I can’t use the others pages with the effect any more…

    if you can help me… thanks a lot !!

    and sorry for my english, I’m french…

  35. Tink Says: 
    April 20th, 2009 at 9:04 am

    Basically a bug in this 0.01 version.

    I have this stuff fixed but not sure how to release it at the moment (its all on hold at the moment).

  36. leds Says: 
    April 29th, 2009 at 4:20 am

    hi tink,

    been following your blog post, we have used it in one big project and it’s been awesome. However, we have been encountering a lot of the ‘can’t click’ issue all over the place, especially for nested viewstacks. is there any chance you can release the 0.02 version? even if it’s not publicly ready for release, is it possible that we can have that version? i know we could devote more time on this and try to nail down the issue ourselves but as it is, we are also pressed regarding other matters in the application. thanks in advance and looking forward to your correspondence

  37. leds Says: 
    April 29th, 2009 at 8:42 am

    hi ! thanks for the reply. also, my bad, i should have posted this under the scroll effect. however we are getting a similar problem with that effect . do you have a new version of that as well?

  38. Daniel Says: 
    April 30th, 2009 at 4:44 am

    I’m also in need of this fix. You have a great product, but this bug makes it unusable at the moment.

  39. Brad Says: 
    May 1st, 2009 at 3:51 am

    Please keep me posted as well as to when the next version comes out.

  40. Thachduong Says: 
    May 16th, 2009 at 8:17 am

    it use ~200MB RAM , can u fix this

  41. suman Says: 
    June 10th, 2009 at 10:09 am

    Hi ALL ,
    when am using the FlipPaperVision3D effect to my view stack ,by default am getting the Red color back ground, how can i change the background color.Can any one help me regarding this.

    thanks
    Suman

  42. Tink Says: 
    June 10th, 2009 at 10:18 am

    This was an oversight on my part suman, I’d left some debug code in there. It will be removed in v0.03 I push out this week.

  43. Paul Says: 
    June 15th, 2009 at 10:16 pm

    Hi Tink,

    Switching to v0.03 I’m now getting a “type was not found or was not a compile-time constant: Matrix3D.

    an oversight or something else I should include?

    thanks!

v0.01

November 1st, 2008

Efflex v0.01 released.

GridZoom

Monday, November 3rd, 2008

 

Grid

Monday, November 3rd, 2008

List

Monday, November 3rd, 2008

Squash

Monday, November 3rd, 2008

FadeZoom

Monday, November 3rd, 2008

Fade

Monday, November 3rd, 2008

RotatePapervision3D

Monday, November 3rd, 2008

FadeTile

Monday, November 3rd, 2008

MovieClip

Monday, November 3rd, 2008

 

 

Archive for May, 2009

v0.02

Thursday, May 28th, 2009

Efflex v0.02 released, which hould hopefully address the major issues that were apparent.

Other Changes

The following affects have been added:

org.efflex.viewStackEffects.CoverFlowPapervision3D
org.efflex.viewStackEffects.Slide
org.efflex.pairViewStackEffects.Slide

org.efflex.mx.viewStackEffects.Scroll has been renamed to org.efflex.viewStackEffects.List.

There is also a new explorer at http://www.efflex.org/EfflexExplorer.html

 

Slide

Wednesday, May 27th, 2009

Posted in org.efflex.mx.pairViewStackEffects | 

4 Responses to “Slide”

  1. Dirk Stevens Says: 
    May 28th, 2009 at 8:40 am

    Thanks a lot for the update Tink !!

  2. s.momoko Says: 
    June 4th, 2009 at 3:18 am

    when I view source,it shows “Error 404 – Not Found”.

  3. Tink Says: 
    June 4th, 2009 at 10:46 am

    This is now fixed, I edited the WP-SWFObject plugin for WordPress to include the ‘base’ param. I’ll stick the updated plugin on my blog when I get a chance.

  4. Jim Shen Says: 
    June 9th, 2009 at 12:07 pm

    Thanks a lot for the update Tink !!

Other Changes

The following affects have been added:

org.efflex.viewStackEffects.CoverFlowPapervision3D
org.efflex.viewStackEffects.Slide
org.efflex.pairViewStackEffects.Slide

org.efflex.mx.viewStackEffects.Scroll has been renamed to org.efflex.viewStackEffects.List.

There is also a new explorer at http://www.efflex.org/EfflexExplorer.html

 

Help Wanted Producing Docs

July 13th, 2009

I don’t have much experience at all with ASDoc but I could really do with some help producing the documentation for Efflex

Because Efflex utilizes other external projects when I try to create docs using ASDoc it wants to create documentation for these external projects as well. Excluding all these files one by one just isn’t feasible, can anyone help me with any other workarounds or automated process?

If so please leave me a comment below, your help would be much appreciated by myself and others that are using Efflex.

 

Efflex Explorer Updated

July 13th, 2009

I’ve just updated the Effect Explorer (you may need to delete you cache).

 

v0.03

June 12th, 2009

Efflex v0.03 released, which will solve the transparent background issue. You need to set the ‘transparent’ prop to true on the effects itself.

Other Changes

The following affects have been added:

org.efflex.viewStackEffects.Pixelate

 

v0.02

May 28th, 2009

Efflex v0.02 released, which hould hopefully address the major issues that were apparent.

Other Changes

The following affects have been added:

org.efflex.viewStackEffects.CoverFlowPapervision3D
org.efflex.viewStackEffects.Slide
org.efflex.pairViewStackEffects.Slide

org.efflex.mx.viewStackEffects.Scroll has been renamed to org.efflex.viewStackEffects.List.

There is also a new explorer at http://www.efflex.org/EfflexExplorer.html

 

 

Efflex.org