 |
 | Home | Contact Us | FAQ | Search & Site Map | Link to Us |
 | Sign In | Join | Other 45 Sites in Network |
| HomeDiscussion GroupsGeneralPHPASPPerlColdFusionFlashHTML, CSS, ScriptsBrowsers |
Webmaster Forum / Flash / General Flash Topics / December 2008Controlling Direction Of a Fill?
Hey, I am trying to figure out how to control the direction of a fill (or stroke..it looks like a fill to me). I want to do something like this website here: http://www.a-chi.jp/info.html It is in Japanese, but you can see what I am talking about. In the top left corner, they have a Japanese character which is drawn with three strokes. They show this with RED being first, BLUE second, and GREEN last. It says on the site that they used Adobe Illustrator 8.01 to separate the Japanese character into different parts. Then they say they used Macromedia Flash 4.0 to make them move. This is another more detailed example of what they did: http://www.a-chi.jp/_suji_flash/k-1000000000.swf Here, they have a start button in the top right, and when you press it, the fill fills the shape. I can't figure out how they controlled the direction of the fill inside the shape. I am using Flash Pro 8. If anyone knows (and obviously someone does), all help is appreciated. Thanks I've been wrong before, so there's no exception possibly in this case, but I don't think you can control a fill in the manner that you think is being displayed--they pretty much happen instantaneously. If you look at it, it fills in steps, so if it is done using drawn fills, it is a series of fills occuring one after another with a brief time delay between each. But I don't think it is a series of fills--otherwise it's alot of unecessary code to something that has an easier solution. A way to achieve this effect is to use a mask and gradually move the mask over the item you want to give the appearance of being drawn. If you were to use a tweened motion for the mask you would get a much smoother drawn effect than what is shown in those examples. Thanks Ned, I was thinking that it could have been a mask, but I wasn't sure. That was the only way I could think of, but I thought there might have been a filling process that I didn't know about. I will try it with the motion tween like you mentioned and see what happens. Thanks again I have a different method that has worked wonders for me in the past. It is key framing, but gives you a much more customized result. I wrote a blog about it a few weeks ago. Have a look, if you have any questions about that particular method, you can ask me about them here, or preferably you could leave them as a comment at the bottom of the page. :) . Please remember to digg/comment. Thanks. Yeah, that's using the last approach I mentioned... it comes in handy for text because you don't have to take special mask/layer considerations for those letters that cross themselves, like e's and f's and many more. By the way, do you think I could use the key frame technique in the situation where they have the outline of the line already drawn like in the second link: http://www.a-chi.jp/_suji_flash/k-1000000000.swf I have haven't tried it yet, but I feel that when I remove the one frame, it would remove the outline of the character I want to draw... Guess I may have to try both (mask and key frame)...I will have a lot of these I need to do, and some are quite complex..Trying to be time efficient also. Thanks ignore that last post. I want the original trace lines to disappear. bigcsbigcs, let me know how this works out for you. Looks like it could be really interesting. Please leave a comment on my site linking to your project once you have it done. I wouldn't mind a little user-generated content, and I'm sure a link couldn't hurt for you either. Its great to see something I've done help people. Sure I'll let you know when it is done.. Will probably take some time, but I will leave a comment for you. After seeing your sight, it reminded me that I had actually learned that technique from a training video I had. I went back and looked at it again to refresh. Thank for your help |
Reply to this Message |
 Sign In
 Join
 My Latest Posts My Monitored Threads My Blog My Photo Gallery My Profile My Homepage Start New Thread Enable EMail Alerts Rate this Thread
|
©2009 Advenet LLC Privacy Policy - Terms of Use
This website includes both content owned or controlled by Advenet as well as content owned or controlled by third parties.