ActionScript 3.0 :: Flash BezierSegment: Organic Shape And Movement?
Jan 26, 2011
I try to archieve a Tooltip-Design with an organic/liquid behaviour.In the end, it should look something like this:The behaviour should be, that when the mouse/cursor is moving, the Tooltips tail reshapes and followes the new coordinate while the body-part of the tooltip is following with an ease:As you can see in the motion-scibble I've already break down the Shape to its grounds Little Big Planet got a similar effect. Here your can see a part where they use a simple version of this Tail-Feature (which got only 3 Points and a Bezierlin I guess) and here you can see a Video where those Goodie-Bubbles came up and followed the character on a string. I love this Game for GUI-Events like this I guess the best technique would be to create a bitmap and then draw with the Flash-internal Drawing API Bezierlines and fill them. As simple as its to write this setence as hard I find it to realize this.
I've spend some hours playing with Bitmap-Examples and the BezierSegment-Function. I doint get very far. So I would like to know: Does anyone else done this befor? Maybe its not neccesarry to reinvent the wheel if someone else did something like this before and I can take a shortcut to find out how this is made. Speaking about the tail for example, it must have something to do with the fact, that each Point in the tail-part must be in a relative position to its neighbor-Point so they doint allign or even overlap and forming negative spaces like this:
View 7 Replies
Similar Posts:
Mar 2, 2009
I was wondering if we could get some insight as to how an effect similar to the one found here would be achieved?I've seen a lot of this style of animating in Flash. The image creation isn't a concern, it's how to get such fluid animation on the hair/smoke type of effects.
View 3 Replies
Mar 21, 2010
One thing that seems particularly easy to do in the Flash IDE but difficult to do with code is to outline an organic shape. In the IDE you can just use the inkbucket tool to draw a stroke around something. Using nothing but code it seems much trickier. One method I've seen is to add a glow filter to the shape in question and just mess with the strength. But what if i want to only show the outline?What I'd like to do is to collect all of the points that make up the edge of the shape and then just connect the dots. I've actually gotten so far as to collect all of the points with a quick and dirty edge detection script that I wrote. So now I have a Vector of all the points that makeup my shape. How do I connect them in the proper sequence so it actually looks like the original object?[code]
View 1 Replies
Jan 18, 2010
Let's say you have a room, and a little circle representing the player. Let's say also that you decide to draw a shape overlapping the room, set alpha to 0%, and use hitTestPoint() between this shape and the player to create the movement boundary. In short, as long as the player's centerpoint is overlapping the invisible shape, he/she is free to move around.Now, I decided to make things more complicated and add an obstacle to the room - a table in the center. One would think that cutting a rectangle out of the middle of the invisible shape would prevent the player from being able to move there. No dice, the player passes right through the hole in the middle of the invisible shape. The problem, as I see it, is that when the shape is converted to a symbol for use in actionscript, the entire volume of the movie clip is used for collision detection, not just the shape's volume. No matter what options and settings I play with, I can't get the hole in the shape to stay cut-out when I convert the whole thing to a symbol.
Now, I know I could probably add an extra shape to represent the obstacle, and add extra collision detection into my actionscript. However, given that there will be a large number of rooms in the game, and a variable number of obstacles in each room, this is not an elegant solution. The most elegant solution would be to figure out a way to map the playable area in a room with a single movie clip (/graphic).So, I turn to you fine folk. Can anyone tell me how to convert a shape to any kind of symbol, and preserve features like holes within the shape (as in, not have them glazed over as part of the symbol's body
View 5 Replies
Jun 1, 2006
Ive been looking at the following tutorial: [URK] but i can't seem to get it to work. If anyone has completed this tutorial, is there any chance of you uploading the fla for me to play with...?? Im trying to use the Star/Space effect located at the bottom of the page.
View 2 Replies
Nov 18, 2010
i'm getting mad trying to code this mosaic grid with random sized elementsI'm quite used to normal grids, but this one is slightly different, all the elements are NOT square multiples, and once you've tried the "Shake It" button on the upper-right corner, i'm definitely lost
View 1 Replies
Feb 5, 2006
I've been practicing my actionscript a bit lately, i'm especially interested in motion and AI types of AS.I've covered and experimented with stuff like gravity, screenwrapping, bouncing, easing and springing which is all very cool but all these types of motion move in a straight line.What i want to do is learn to create actionscripted motion that moves mc's around randomly in a fluid, organic manner like a living creature rather than in straight lines.I know this probably involves using sin/cos functions and trig so i experimented a bit with this, i produced some stuff that is no longer straight lined but it moves rather jittery. (i think this kind of stuff is called brownian motion)
View 3 Replies
Nov 18, 2010
i'm getting mad trying to code this mosaic grid with random sized elements : [URL] I'm quite used to normal grids, but this one is slightly different, all the elements are NOT square multiples, and once you've tried the "Shake It" button on the upper-right corner, i'm definitely lost.
View 4 Replies
Nov 30, 2009
ActionScript Code:
package {
import flash.display.MovieClip;
public class Base extends MovieClip {
public var baseHP:int = 50;
var newRect:Shape = new Shape();
1046: Type was not found or was not a compile-time constant: Shape. 1180: Call to a possibly undefined method Shape. What does it mean by "undefined method"? I am somewhat of a newby, so sorry if there are any stupid errors
View 1 Replies
Jun 22, 2010
Whenever I add shape hints to a shape tween the shape disappears in the between frames. I am using CS5 on Vista. I using files from [URL]to practice.
View 2 Replies
Oct 11, 2011
need to draw the shape of a existing movieclip which is irregular shape.
View 2 Replies
Oct 11, 2011
need to draw the shape of a existing movieclip which is irregular shape.
View 1 Replies
Jul 9, 2009
Id like to know if there is a way to do a shape hitTest.Not as the normal hitTest would do, but shape colliding another shape, not the rectangleof a movieclip.It can be in a movieclip.
View 23 Replies
Jul 9, 2010
I've been playing with carousel code, and was wondering how to change it from circular animation (carousel) to left/right linear (conveyer belt) style animation, how to change the mover code and 't.angle = i * ((Math.PI*2)/numOfItems);'
[Code]....
View 1 Replies
Feb 12, 2003
I have a mc (fStrip) which looks like a piece of filmstrip with thumbnail images in it. I want this mc to move when the users mouse is positioned over it, but I only want it to move only along it's x-axis and in a direction opposite that of the mouse. And I want it to move or flow smoothly.
I've been trying to figure this out (see my lame attempt below) but without much luck.
onClipEvent (mouseMove) {
buffer=20 //movement buffer
mousePos=_root.fStrip._xmouse //store mouse position
if (mymouse!=_root.fStrip._xmouse){ //if the mouse has moved
[Code].....
View 3 Replies
Jun 22, 2004
I wish to get the effect of ants scuttering across the screen or up a tree, I have not decided which direction yet. I started with the tutorial code for the snow effect from kirupa, and changed it around to fit the little vector ant I created. The way I have it now looks pretty good, but the movement is a little too fluid. They obviously move in sinusoidal paths bc the code tells them to. I have about 20 copies of the main obj, and they're all a little different in size and specs (speed, transparency, etc) but what I was wondering was if there is any way I can change the code to make it a little more hectic, or erratic, not so fluid. If there is no way of doing so, it looks pretty good right now. If there is, however, I think it could look awesome. here's the code I'm using for the object.
onClipEvent (load) {
//stage
movieWidth = 850;
movieHeight = 50;
[code]....
View 5 Replies
Oct 19, 2010
using the shape tool you can draw basic shapesthen using the subselection tool you can re-shape them by relocating certain points
What i want to do is create a tween whereby one of the points is movedthe problem is you have to convert to a symbol first and after you have done that you cant change the shapes shape.so how do i go about using a motion tween to change the shape of a shape?
View 1 Replies
Jun 10, 2011
how to get the camera to move with a character? At the minute he just moves off screen when i press right rather than the camera following him.
View 3 Replies
Oct 2, 2002
I have a Mogli (Junglebook-like) Character that i got to move with the arrow keys on the keyboard.
I want the character to jump (so for example , he must while moving to the right of the "gamearea" , you must be able to hit a key (say for example the "control" key ) and then the character must jump ( go up ) and as soon as the key is released he must obviously come down.
And also how do one set movement speed on any particular movement.
View 12 Replies
Jul 30, 2010
I am completely in the woods here - i have a sprite with a shape drawn in there (there are two different sprites in the example.) At any given point, I need to get the x and y value of the topmost point of the shape. The sprite does rotate so it's going to change at any point as well. I don't even know where to begin here
View 2 Replies
Dec 5, 2010
I have a filled Shape, and a BitmapData that is the same width and height as the Shape's bounding box. I need to cut the Shape from the BitmapData (basically draw the BitmapData onto the shape...) [URL]I use the rather hackish method of:
public static function cutPoly(img:BitmapData, s:Shape, bounds:Bounds):BitmapData {
var temp:BitmapData = new BitmapData(bounds.width, bounds.height, true);
Main.inst.stageQuality("low"); //hack to kill anti-aliasing
[code]....
View 4 Replies
Aug 11, 2010
Is there an option to rotate a shape 90 in Flash CS5 Professional?
View 2 Replies
Jun 19, 2011
i have rectangle movie and i want to make it triangle or round so it show round in the page. can i do so with i embed it or it must be done in flash before i export swf?Also i forgot how you make transparent area in flash?
View 1 Replies
Sep 26, 2009
I'm using Flash CS4 on a MacBook Pro with Snow Leopard OS X 10.6.1.I've added two shape tweens on two layers in my main timeline. The SWF tests fine. All is good.I close the document.I open it up again and the tween shapes are gone and there are only regular frames between the transitional shapes in their respective keyframes.I've already added shape hints, and they are completely restored when I convert the intermediary frames back to shape tweens.Exporting to SWF after restoring the shape tweens works fine.
Closing and then opening the FLA still results in the shape tweens reverting back to regular frames.Exporting an SWF from the newly opened document shows no shape tweening as it is gone from the main timeline.Is this a bug or am I doing something wrong?
View 5 Replies
Nov 3, 2011
I want to make a Shape Tween where a text of a small size increases in size. I followed a tutorial, and I did what it tells me: I put the starting text in the first frame, create a blank keyframe at the end where I put the bigger text, I then use the selection tool to right-click on both text objects in the video clip and select Break Apart which I do twice, and then I should be able to create a proper Shape Tween... but when I click on a random free and either right-click or go to Insert, Shape Tween is greyed out. How come? I also tried the other Tweens, but they don't do anything.
View 5 Replies
Mar 19, 2011
I am using flash as3.I have some shapes I have drawn on the screen. They are made using:
graphics.beginFill(0x00ff00);
graphics.drawRect(0,0,50,50);
graphics.endFill();
to draw them. Each shape has a different color for fun (different beginFill).How can I get the color of the shape under the mouse pointer as I move the mouse around the shapes?I see two choices so far but don't know how to do either of them: Get color under the mouse point get the color from the shape properties (preferred)how to do either of these...
View 3 Replies
May 3, 2011
I was wondering if there any way to change movieclip shape, when it on stage by as2.
View 1 Replies
Oct 22, 2011
The issue I am having is how to tackle forming a logo using circles. I have done one letter manually, however it would take forever to do this with every single letter, and so I am asking here if anyone knew of a faster method. Requirements:
- Has to fill non-circular letters(i.e. does not have to be precise, but look like it has edges)
- Circles have to animate in, therefore they need to have drop shadow and seem like they are landing in place
View 1 Replies
Jun 2, 2009
I'm making some banner ads. They work great on my staging site seen here:But they do not work great on my client's staging site. You can see that the masks are shown and there is flickering throughout:on how to solve this?I'm an expert-level user when it comes to creating artwork and doing timeline animation in Flash CS3.
View 2 Replies
Aug 28, 2009
The bug is where when I shrink a simple circle, it appears to have somehow been altered to the point where the curves are no longer completely circular. Object becomes jagged, then when I bring the the object back to its original shape using the scale tool there the shape is no long a perfect circle.
View 1 Replies