Free FlashDen file of the month. Click here to download.
Search  

ADVANCED WALL 3D

UPDATE – 29 April 2009: Advanced Wall 3D is now supported SWF , MP3 and Video with a lot of enhancement like mousewheel for zooming and Last/Previous navigation in category choosing mode.

_____________________________________________________________

3D Gallery powered by PV3D is very fashionable. I indeed love the gorgeous design of wall style and develop that concept further to multi category!

Key Features:

  • Papervision GreatWhite 2.0 + AS3 .
  • Tweener driven
  • XML driven.
  • Multi Category
  • Well commented code.

Fractals Art Credit to Kiug

Spray Art Credit to lfloltl

Don’t have Flash CS3 ? Download free trial at Adobe

______________________________________________________________

FAQ: HOW TO LOAD ADWALL3D INTO ANOTHER FILE ?

Bellow is the process, it’s not difficult and just require a few tweak, make sure you follow all the steps properly.

Step 1. Create a new blank file, in the first layer, press F9 to open Timeline actionscript editor. Paste these following code:


import flash.net.URLLoader;
import flash.net.URLRequest;

loadGallery();

function loadGallery():void
{
    var l:Loader = new Loader();
    var req:URLRequest = new URLRequest("adWall3D.swf");
    l.load(req);
    l.contentLoaderInfo.addEventListener(Event.COMPLETE, galleryLoaded);
}

function galleryLoaded(e:Event):void
{
    addChild(e.target.loader);
    e.target.loader.content.Initial3D();
    e.target.loader.content.create3DGallery();

}

Step 2. Open adWall3D.as, paste these code in main class section (same place with parameter block),

private var SWIDTH:Number = 800;
private var SHEIGHT:Number = 400;

Where 800 and 400 is your favourite dimension.

Step 3. Find and Replace:

stage.StageWidth to SWIDTH

stage.StageHeight to SHEIGHT

Step 4. in adWall3D() function , comment / delete Initial3D() and create3DGallery(), so it looks like:

// Initial 3d environment
//Initial3D();

// Create 3D Gallery
//create3DGallery();

Step 5. In Initial3D() function, change

 viewport = new Viewport3D(SWIDTH, SHEIGHT, true, true); 

to

 viewport = new Viewport3D(SWIDTH, SHEIGHT, false, true); 

Compile the movie, you won’t see anything yet.

Step 6. Open the fla you have created in step 1 and compile movie.

Now you got it, this is a simple tutorial using Loader class to load the 3D gallery. You can integrate the Loader Object to your own Flash object once you understand the concept.

FAQ: I CAN NOT USE . , OR SPECIAL CHARACTERS IN DESCRIPTION FIELD ?

That is because you don’t embed those characters in description text field, simply press F11 to open Flash Library then looking for the description / category board movie clip and edit the corresponding textfield. Choose Embed from property panel.

FAQ: HOW TO OPEN A LINK WHEN I CLICK LAUNCH BUTTON IN CATEGORY PAGE INSTEAD OF GOING TO GALLERY PAGE ?

Step 1. Insert a link tag for each category in adWall3D.xml:


<category title="Animals"> 
     <xmlPath src="animals.xml"/>
     <image src="asset/animals/categoryImage.jpg"/>
     <description><![CDATA[....]]> </description>
     <link src="http://www.flashden.net/user/RimV"/>
</category>

Step 2. Open adWall3D.as, add this code to MISC VARS block:

 private var link:Array = new Array(); 

Step 2. In ParseCategory() function, add:

 link[i] = data.category.link.attributes()[i]; 

put it inside the for loop

Step 3. In launchCategory() function, comment or delete all code inside. Add this:

 navigateToURL(new URLRequest(link[currentCategory]), "_blank"); 

And it’s done !

FAQ: HOW TO ARRANGE IMAGE BASED ON XML ORDER ?

All the following steps are inside assetLoaded() function.

Step 1 Look for the code:

p.extra.index = index;

and paste these code under the code above:

j0 = index % category[currentCategory].columns;
i0 = Math.floor(index / category[currentCategory].columns);

So it looks like:

p.extra.index = index;
j0 = index % category[currentCategory].columns;
i0 = Math.floor(index / category[currentCategory].columns);

Step 2

Delete or comment this line, also inside assetLoaded() function:
if (++j0 == category[currentCategory].columns) { j0 = 0; ++i0 };

Compile and test the movie.

_________________________________________________

MY FEATURES

\ \ \ \

MY PRODUCTS

3D Super Package
\

3D Gallery Bundle
\ \ \ \ \ \ \ \ \ \ \ \ \ \

Dynamic Photo Gallery
\ \ \ \ \ \ \ \ \

Transition Effect
\ \ \ \

Utilities – MP3 Player – Video Player – Text Effect – Preloader – Misc
\ \ \ \ \ \ \ \

Check out my Portfolio || Subcribe to my feeds

tags: wall, piclens, photo, gallery, 3d, camera, easing, category, zoom, fly, papervision, perspective, smooth, slick, carousel, scroll, scroller, video, video player, mp3, mp3 player, sound spectrum, visualization

Posted 11 months ago

ITEM DISCUSSION

Show Comments By

@ryontz: the video dimension is based on the dimension of actual thumbnail / image so you just need to change the dimension of the image/thumbnail.

Posted about 1 month ago

Heya, is there a way to put like a transparent png or something on top of the whole component so that it has a border that fades out? So instead of whats offscreen looking cut off, instead it fades out to the black for example?

Maybe a different way to do this?

Posted about 1 month ago

@Aeriform: have you bought the file yet ?

Posted 29 days ago

Hi Rim,

I am a big fan of your 3d wall, you’ve done an amaizing job.

Is it possible to replace hand pointer with a custom pointer like “Click!!!” ? and how? Some of my clients can’t seem to figure it out that they must click on the picture to get info :)

Thanks a lot.

Posted 21 days ago

Hi Rim,

Thank you, I like your product. you done great job.

i want to buy few more products. I am waiting for your new product.

Thank you..

Posted 20 days ago

hi Rim,

please show us how to change the way see images randomized. (in fact, I want to display my images like the file xml). I saw 2 same questions.

Thanks a lot.

Posted 16 days ago

@Katia: you can contact me for custom work

Posted 15 days ago

@yakhoob:

you can send me an email with subject “File notification” via the form in my profile page

http://flashden.net/user/RimV

Posted 15 days ago

@quanph0211: have you bought the file yet ? I didn’t see your Purchased tag

Posted 15 days ago

Great Work!!!!!!

Can u Help me plz….. The thing is, i have 20 items on my first category… but i want to disable the item number 4,,, can this be possible???,, can u help me plz,,,, THANKS

Posted 11 days ago

sorry, I mean not to be clickable

Posted 11 days ago

@Xbxavier: You can play arount with categoryPlaneRelease() function or you can hire me for custom work

Posted 5 days ago

RimV, i was wondering… is there a way to have the initial categories (for example the first 3 that show up) as self playing looping swf?

thanks as usual for your help!

Posted 2 days ago

Great job! I noticed the image quality is somewhat lowered when viewing compared to the original. Is there any way to increase the image quality?

Posted 1 day ago

no puedo poner el link directamente en el btn de launch erros tipo : El valor del parámetro url debe ser distinto de null. at global/flash.net::navigateToURL() at adWall3D/::launchCategory() alguien sabe que puedo hacer

Posted about 11 hours ago

How long could be the description field ? Is it possible to put also tables in description field with text ?

Posted about 5 hours ago