HOME | DD
legacycloud β Interactive Family Tree
Published: 2013-07-13 15:36:11 +0000 UTC; Views: 2487; Favourites: 22; Downloads: 37
Redirect to original
Description
My first attempt at a flash project (and I just had to go and make it interactive too!)Controls are simply:
MOUSE OVER each button to see who the character is
CLICK a button to view a popup display giving a brief bio of the character
CLICK the popup display to remove it
So this is an interactive family tree introducing all the characters from the Cloud Legacy, who will all eventually feature in the ongoing fanfiction series 'Order of Midnight' - it will allow you to get to know each of the characters in a little more depth, and may even provide some sneaky insight into what the future of the fanfiction has in store
Related content
Comments: 31
Im make something like this once I manage to buy enough char slots for all me legacy, I want only 16, one for each subclass, lol.
π: 0 β©: 1
*I'm gonnaΒ make something like this, once I manage to buy enough char slots for all my legacy, I want only 16, one for each subclass, lol.*
no option to edit or delete comment, sorry about the typo above.
π: 0 β©: 0
DIS IS AWESOME...
Β
but for some reason the whole thing can't go on my screen! BACK UP STUPID COMPUTER BACK UPPPPPP
Β
anyway, this is a neat concept <3
btw...Althearia? really? cos' I just made a Guardian named Althearria... WHADDAHECK
π: 0 β©: 1
hehe. ashamed to admit it but she was a randomly generated name during chargen
π: 0 β©: 1
THAT WAS ALSO RANDOMLY GENERATED FOR ME.
goddamn computer
π: 0 β©: 0
thanks very much
Β
and thanks for the fave also
π: 0 β©: 0
OHMYGOD!! This is so gorgeous!! PLEASE tell me how you did it? With what software? I can try to guess that the videos are from Fraps/Bandicam, the BG picture is compliled in Shotoshop, but the rest of it? How did you put it together??
π: 0 β©: 1
Well you are quite right about the video captures - they are all done using fraps (as were the screenshots for all the still portait images used).
Β
The BG, Portrait buttons and tree network were compiled with photoshop. The Finished file sitting here was put together with Adobe Flash. If you're familiar at all with basic coding, then scripting something like this is relatively simple since nothing was actually generated with the Flash Editor. It's really just a case of toggling object visibility
Β
And tyvm for the kind praise
π: 0 β©: 0
hehe, i almost hate to admit but... there's been a couple more additions since that tree was done!
π: 0 β©: 1
You mean they all lvl 50-55?
π: 0 β©: 1
lol if only! Alas only around half of them are 50+ so far
π: 0 β©: 0
This is awesome! 
π: 0 β©: 1
You're too kind *blush*
Β
It was first inspired by the fact that the in game family tree wasn't capable of showing all the correct relationships and layout. I mean come on... In a world of Sith & Jedi, how can they overlook the whole Master/Apprentice thing?
π: 0 β©: 1
My Jedi is a loner...Β Her family tree just consists of only Dremata Forest. XD
π: 0 β©: 0
neat idea! Just wish my screen wasn't so small...
π: 0 β©: 1
Yeah it's a little on the large size isn't it
Β
My theory was that a large image can be scaled down, where a smaller one can't be scaled up so easily
π: 0 β©: 0
Wow, this is great! I love being able to hover over and click on them to read more about them, I'll have to learn howto do that
π: 0 β©: 1
Thanks! As for how it was done, I'm sure there are much more efficient methods than those I usedm but I'd be happy to share what I've learned with you if wanted
π: 0 β©: 1
please note me abotu it
π: 0 β©: 0
Nice! It's a great idea, and I don't think I see anything off Flash-wise.
the web page
My one wish would be if it's a tad smaller to fit the webpage.
π: 0 β©: 1
I know what you mean about the sizing - however it has already been reduced by around 30% from the original! lol
The initial idea was something that was like a giant wallchart that you browsed around, but I guess that doesn't quite carry as well onto a webpage as I'd first hoped - just makes me glad for the "ctrl -" command
π: 0 β©: 1
mmhmm. I thought the text wasn't too small when I scrolled the size way down.
π: 0 β©: 0
looks great, good job!
16 characters ... phew, I couldnt handle so many
π: 0 β©: 1
thanks!
And errm... there's a 17th character, but since she's a 'different age' version of one of the existing ones with a different class, she didn't make it into the tree!
π: 0 β©: 1
Can't you just add a small picture of the younger version of Crystyl to the small thing of Crystyl? At least it was Crystyl right? Or was it Cutee?
π: 0 β©: 1
maybe an option to look at...
and you we're nearly right, it's the older Crystyl who's missing
π: 0 β©: 0
Well you outdid yourself this time ... this is awesome.
π: 0 β©: 1
NOTE: Please be patient while the flash loads - it is a larger file so may take a few moments
π: 0 β©: 0