KamiShi Posted February 27, 2013 Group: Members Topic Count: 21 Topics Per Day: 0.00 Content Count: 345 Reputation: 230 Joined: 03/21/12 Last Seen: May 14, 2023 Share Posted February 27, 2013 Animated Female Shura for Website I would like to present you the new DrawMove project. This project goal is the integration of animated character to any website, at any position. It use HTML5 Technology. No flash is used, the loading time is instant and it's pretty lightweight. The animated female shura was made from this picture. We redrawed it pretty much entirely ! FINAL RESULT (The quality of the video is less good than the real animation)RED http://www.youtube.com/watch?feature=player_embedded&v=dyZucD3XBmABLUE What do you think of them ? If you would like to see one of those chars in your website, please contact me, or check my paid service about it =) 2 Quote Link to comment Share on other sites More sharing options...
Rytech Posted February 27, 2013 Group: Members Topic Count: 27 Topics Per Day: 0.01 Content Count: 319 Reputation: 198 Joined: 11/14/11 Last Seen: March 11 Share Posted February 27, 2013 This blows my mind away. Its so well done and detailed that I couldn't stop starring at the awesomeness in the video. Ive never seen something like this on a website before thats not flash powered. Like I thought one of my games was running and the character creation screen was open showing different classes to choose from with them all in a pose moving around. Except it wasn't a game, it was a animation on a website. A freaken website. You deserve 2 thumbs up, as well as 2 big toes up because 2 thumbs isn't enough. Awesome work. Just wondering, how long did it take you to make this, and since you have a completed system how long on average would it take to DrawMove a character like this or some other image? Also how much cpu power on average does it need to animate on a modern web browser like Firefox or Chrome? 1 Quote Link to comment Share on other sites More sharing options...
Snow Posted February 28, 2013 Group: Members Topic Count: 10 Topics Per Day: 0.00 Content Count: 141 Reputation: 34 Joined: 05/30/12 Last Seen: August 2, 2020 Share Posted February 28, 2013 This blows my mind away. Its so well done and detailed that I couldn't stop starring at the awesomeness in the video. Ive never seen something like this on a website before thats not flash powered. Like I thought one of my games was running and the character creation screen was open showing different classes to choose from with them all in a pose moving around. Except it wasn't a game, it was a animation on a website. A freaken website. You deserve 2 thumbs up, as well as 2 big toes up because 2 thumbs isn't enough. Awesome work. Just wondering, how long did it take you to make this, and since you have a completed system how long on average would it take to DrawMove a character like this or some other image? Also how much cpu power on average does it need to animate on a modern web browser like Firefox or Chrome? ^what he said *_* 1 Quote Link to comment Share on other sites More sharing options...
KamiShi Posted February 28, 2013 Group: Members Topic Count: 21 Topics Per Day: 0.00 Content Count: 345 Reputation: 230 Joined: 03/21/12 Last Seen: May 14, 2023 Author Share Posted February 28, 2013 Hi Rytech. Thanks a lot for your great comment. It is so nice, really! It was a pleasure to read. To answer your questions, coding the system took me about a month, but I was not working full time. Now that the system is ready, making a char from a picture takes like 8 hours, more or less, depending on the complexity of it. The entire shura animation work took 8h. It was the first testing animation we made with the system.I compared the CPU increase with my old and new computer. You can see the increase here, it was way below 50%. (2008) INTEL CORE 2 DUO T9550 firefox +30% chrome +15% (2011) INTEL I5 2500 firefox +12% chrome +8% Edit: After some optimizations, it dropped to: (2008) INTEL CORE 2 DUO T9550 firefox +25% chrome +7% (2011) INTEL I5 2500 firefox +2% chrome +1% You can check the CPU change in drawmove.net =), it has an animated char too.Thanks again! Quote Link to comment Share on other sites More sharing options...
Rytech Posted February 28, 2013 Group: Members Topic Count: 27 Topics Per Day: 0.01 Content Count: 319 Reputation: 198 Joined: 11/14/11 Last Seen: March 11 Share Posted February 28, 2013 Im guessing the size of the pic also determines the amount of processing power needed. Does the number of moving part also affect it too? Or maybe its a special script engine that using most of the cpu? Looking at the mascot pic on the main page im getting around 27% - 30% in Firefox 16 on a Intel Core 2 Duo duel core 2.4 GHz processor. You should probably make a stress test page one day in the future. Not bad. I know these examples are your first ones but I know as time passes you'll gain experience and better techniques and likely end up making these things faster. You have a special talent for art. Quote Link to comment Share on other sites More sharing options...
KeyWorld Posted February 28, 2013 Group: Members Topic Count: 9 Topics Per Day: 0.00 Content Count: 379 Reputation: 304 Joined: 11/10/11 Last Seen: December 2, 2014 Share Posted February 28, 2013 I'm here just because I see "HTML5" in the title The result is nice, great work but some things can be change in the code (in my own opinion), it can be good also to check for the support of css3 so you will just use the GPU Quote Link to comment Share on other sites More sharing options...
KamiShi Posted February 28, 2013 Group: Members Topic Count: 21 Topics Per Day: 0.00 Content Count: 345 Reputation: 230 Joined: 03/21/12 Last Seen: May 14, 2023 Author Share Posted February 28, 2013 @Rytech: In the chrome profiling, it says basically the 'draw' function takes most of it. Well, the fun things is that with more parts to move, etc, it doesn't take much more. I am investigating it.I will optimize it in the near future I should be able to get it 5% faster probably. I like the fact when flash makes my old computer blows up, this animation work perfectly.. @Keyword: but some things can be change in the code I would really appreciate if you could send me a PM with your advices (If you want to of course ^^) I think this technology on some browser already use the GPU. I think it does on chrome... Thanks both of you! Quote Link to comment Share on other sites More sharing options...
KeyWorld Posted February 28, 2013 Group: Members Topic Count: 9 Topics Per Day: 0.00 Content Count: 379 Reputation: 304 Joined: 11/10/11 Last Seen: December 2, 2014 Share Posted February 28, 2013 I would really appreciate if you could send me a PM with your advices (If you want to of course ^^) I think this technology on some browser already use the GPU. I think it does on chrome... Thanks both of you! It depend of the OS and graphic card, but yeah for now the canvas should be hardware accelerated. I will drop you a PM, not enough time right now Keep it up. Quote Link to comment Share on other sites More sharing options...
KamiShi Posted February 28, 2013 Group: Members Topic Count: 21 Topics Per Day: 0.00 Content Count: 345 Reputation: 230 Joined: 03/21/12 Last Seen: May 14, 2023 Author Share Posted February 28, 2013 Thank you!! By the way, I optimized it as Rytech sujected. (2008) INTEL CORE 2 DUO T9550 firefox +25% chrome +7% (2011) INTEL I5 2500 firefox +2% chrome +1% It's pretty decent IMO. I wonder why there's a big difference from firefox and chrome. Quote Link to comment Share on other sites More sharing options...
Adel Posted February 28, 2013 Group: Members Topic Count: 25 Topics Per Day: 0.01 Content Count: 566 Reputation: 349 Joined: 11/20/11 Last Seen: Thursday at 11:46 AM Share Posted February 28, 2013 This is really REALLY awesome! I Love it! Congrats!~ Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.