Mirai Feed Widget

Posted by nbreath [www] 

Hi everyone. Since I heard that Danny needs a widget I put myself in learning flash and actionscript 3 to make the widget, so one week for learn some basic and three other weeks for programming and “trial and error”. This was my first application in flash.
I send this 28th of July but with the "over nine thousand messages" in Danny's mail, look pretty difficult that him response. Also the launch of new site powered by Mirai Gaia and what seems lots of AJAX functions, looks like this widget will not very useful compared with them. So I share with you some aspects of the work(Sorry for my english). Some sad because no images of new Mirai-chan's imouto.

Mouseover = load notes.
Mirai Feed Widget

The news change automatically every 6 seconds.
Animations or images can be used in the character or the background.
The background changes every day randomly . The initial background is randomly too. This can be changed but needs access on a server.
A “latest new!” is displayed when the first new is showed.
Images can be loaded local or web.
Have some problems with IE -_-. This is why I put the pictures and animations in the same folder than the widget and not in separate folders, this is for IE doesn’t support the path like Firefox, Chrome or Opera(in this 3 works great but IE doesn’t work), so I have to put in the root.

Mouseover = load notes.
Mirai Feed Widget

Hector’s feed work good at first because his feed doesn’t have images.
For Danny I have to make a “HTML images tag cleaner”, this images HTML tags were removed, but some “Image ID#------” can’t be removed, so if you have a feed “copy” without images maybe work better, but actually now works great.

Mouseover = load notes.
Mirai Feed Widget

Mini Animations
Most of this are little movements, bouncing, inclination, breathing (included 11 animations). I made animations only for character but widget support this in the background. Animations were made in Adobe After Effects.

Mouseover = load notes.
Mirai Feed Widget

Initial sketch
Making the clock and date

Mouseover = load notes.
Mirai Feed Widget

Sketching interface and beginning with the Feed(some crashes in flash XD)

Mouseover = load notes.
Mirai Feed Widget

Improving feed and setting up the design.

Mouseover = load notes.
Mirai Feed Widget

Here I think “well looks like the design is good” only remains some functions for automatization and the animations, background and page configuration. But I said to myself, this isn’t too big for a web page? XD

Mouseover = load notes.
Mirai Feed Widget

Looks this size is good, and the design looks better. Testing the background change with date.
In this part 11 days without internet thanks to my internet provider, the workflow slowed.

Mouseover = load notes.
Mirai Feed Widget

The previous clock are too big and removed space that Mirai needs for show us more moe, lets' do it more little. Add last functions.
Looks this be the final design.
For server flash player was boring with the securtiy policies, some research on web and at least find how to configure flas player 10 security -_-

If you wanna see it in action check this with Animation or only with image

Thanks for watching!

 
Posted by
nbreath
Student in Pasto, Colombia [www]
Previously posted items
  •  
    lowfatcheeze in Seminole Florida [www]
    2009/09/23 13:16
    Registered on 2009/07/17. Student Trained killer
     

    looks amazing bet he's gunna love it!

  •  
    2009/09/23 13:26
    Registered on 2008/03/20.
     

    cool. looks very good. how did you work around the sandbox limitation?

    •  
      nbreath in Pasto, Colombia [www]
      2009/09/23 13:43
      Registered on 2008/10/11. Student
       

      If you see, I star with a huge widget XD, later I understand that it was no very good for a web plataform. I think only in the most necesary items for the widget and use de blurb to contain most of them(rss feed and clock) because they initally were separated.

  •  
    Danny Choo in Tokyo Metropolis [www]
    2009/09/23 13:31
    Registered on 2006/12/11. CEO Mirai Inc
     

    Fantastic work!
    I like how you made her breathe!

    •  
      nbreath in Pasto, Colombia [www]
      2009/09/23 13:47
      Registered on 2008/10/11. Student
       

      Thanks Danny, that you like it was very important. Also this means that I won a freelance job? just kidding XD.
      There are more animations, I tried to do some OPPAI physics simulation :3_ but the result wasn't very good Y_Y

  •  
    chun in love with cats~! [www]
    2009/09/23 14:05
    Registered on 2007/01/09. part time illustrationist, doll clothing seamstr...
     

    oops I only see a website under review when I tried to check link ^^; hopefully link will work again soon!

    •  
      nbreath in Pasto, Colombia [www]
      2009/09/23 14:09
      Registered on 2008/10/11. Student
       

      Ohh god, free hosting sites s**cks.

  •  
    Yuuichi-kun in San Diego, CA [www]
    2009/09/23 14:37
    Registered on 2008/08/19. Obsessive figma Collector
     

    Looks hawt man, thumbs up! Σd(>口<) can't wait to see more!

  •  
    HevnBoyz in Brunei ブルナイ [www]
    2009/09/23 14:43
    Registered on 2009/02/23. Computer Systems Engineer
     

    Great work! Now i can have Mirai sitting on my desktop spoon feeding me. ^^'

  •  
    shinkawa in Malaysia [www]
    2009/09/23 14:44
    Registered on 2009/04/10. Web Designer / Animator
     

    Here's the link for 20 site that can host swf file.
    http://www.k-director.com/blog/20-best-websites-to-host-your-flash-files-swf-for-free/

    Great job! nbreath. i think you still need to redesign the clock area.

    •  
      nbreath in Pasto, Colombia [www]
      2009/09/23 14:48
      Registered on 2008/10/11. Student
       

      Thanks, but the widget needs other files in the same path, so a only swf hosting don't work properly. What do you change in the area clock?

      •  
        2009/09/23 15:46
        Registered on 2009/02/06. ...
         

        Nice job dude, it looks epic :D.

        By the way, what time base are you going to work on? Japan Standard Time ( GMT +9? )

        •  
          nbreath in Pasto, Colombia [www]
          2009/09/24 00:04
          Registered on 2008/10/11. Student
           

          Thanks man, I use GTM -5, but the widget takes system hour, I hope.

  •  
    coffeebugg in the bathroom [www]
    2009/09/23 15:36
    Registered on 2008/05/22. coffeellamaVaderbugg
     

    Sweet jeezus!! Wow.. amazing work!

  •  
    Chaos 3L337 in California [www]
    2009/09/23 15:50
    Registered on 2007/09/18. CSU student/accountant
     

    Nice work, cant wait to try it.

  •  
    Evil King in Vlaardingen, the Netherlan...
    2009/09/23 16:36
    Registered on 2007/12/18. Student and full-time otaku
     

    Wow, good stuff. Hope Danny picks it up ^^

  •  
    Zh3uS in Singapore [www]
    2009/09/23 16:44
    Registered on 2008/11/20. NNN!
     

    looks yummy! pity the hosting's down! will check back later to see it in action ^^;

  •  
    imaginebreaker in singapore
    2009/09/23 18:37
    Registered on 2009/07/30.
     

    hope he use your idea~~ then can see mirai bikini.... lol

  •  
    xilvan in Indonesia [www]
    2009/09/23 20:21
    Registered on 2009/09/10. Medical School Student
     

    nice one~~~~
    i want to use that widget if it is already for public hahaha

    •  
      nbreath in Pasto, Colombia [www]
      2009/09/24 00:07
      Registered on 2008/10/11. Student
       

      It's for web, but a desktop version maybe may be better, good idea.

      •  
        xilvan in Indonesia [www]
        2009/09/24 01:45
        Registered on 2009/09/10. Medical School Student
         

        even the widget for web , i think i want to use that too hahaha.

  •  
    yamada in Brunei Darussalam [www]
    2009/09/23 21:13
    Registered on 2009/02/04.
     

    Amazing works!

  •  
    silentkey in Singapore
    2009/09/24 00:45
    Registered on 2008/01/24. Student, Uncle & hopfully a good husband..
     

    Amazing stuff....very good looking indeed...

  •  
    SG in 英国 [www]
    2009/09/24 05:07
    Registered on 2006/12/28. Art/Media/Technician
     

    Awesome stuff! I remember Danny asking for a freelance guy to work on it too.

    hhm, I'm not really good at Flash or action script... I forgot all the basics learnt from UNI. (lol)
    Didn't Danny wanted the colour scheme to be selectable? Like, people can choose what colour scheme they wanted?

    Good work, its good, very good.

    Also, maybe you could also add in fanarts too. Ayu does awesome CGs and art! XD

  •  
    rikaga in kamina city [www]
    2009/10/24 17:30
    Registered on 2009/03/15. NEET
     

    kawaii....

  •  
    dead last in Canada
    2010/02/16 04:28
    Registered on 2010/01/01. College
     

    It's great, I seen it in action and it's very awesome. Can we have it as well? to keep in touch with what Mr. Choo does?


Latest Posts
Currently being read