ActionScript 2.0 :: How To Accomplish Blob Like Borders Effect
Jan 5, 2004
I was browsing the net and came upon this site, which has a really cool blob-like borders effect. I really wanted to learn how to accomplish this effect, here's what I know as of now:
1. I must have an array of points, connect them using curveTo and fill it. For this I have to use this methods:
createMovieClip, lineStyle, beginFill, moveTo, curveTo, endFill
2. Then I must have a proximity detector for each point, more or less like:
dx = point._x - _xmouse;
dy = point._y - _ymouse;
distance = Math.sqrt(dx*dx + dy*dy);
And if the mouse is too close to the point make it move away with a certain velocity (but only if the mouse is moving, if it is still, just make the blob wobble for a while, using an elasticity effect).
point._vx += point._ax;
point._x += point._vx;
Where the acceleration must be a fraction of the distance we calculated before:
k = .2; // example
point._ax = distance * k;
But we must also have damping so we can have the elastic movement, so:
damp = .9; // example
point._vx += point._ax;
point._vx *= damp;
point._x += point._vx;
3. Finally when the mouse is clicked on a blob we must communicate with the others and make them all wobble, by using LocalConnection. How do I make the array with all the points and access them?; how do I impose the proximity detector into each point and make the curveTo's change?
billboard effect, how would I accomplish this same exact effect on flash?how to do the following effect:[URL].. the circles fading out when the story changes
I've been trying to find some way to get a realistic starfield (where the stars seem to zoom by you) in Flash for some time. I have tried everything from tweens to simple AS. For some reason, my limited scripting knowledge prevents from creating a good enough effect that I see on sites such as Robertpenner.com. Is there a simpler way to accomplish that effect without having to use motion tweens?
I have a logo that I made in Fireworks, and it looks decent, but I was wondering if anyone could mimic it with movement. For example, if someone could use actionscript to make it "wiggle" or wave like a flag in the wind, that would be awesome.
Notice how the blue line itself stays at about the same thickness (it barely starts getting thicker), but the shading around it thickens as it goes more and more to the right.
I am new to AIR and just trying to comprehend what it is capable of. Just wanted to know if it is possible to set the AIR application's background to 0% opacity.Simply put I am trying to create a desktop buddy. In theory a remote control UI will be positioned in the top right of the screen with 200x200 dimensions. When you press the btn_flyIN, it tells this buddy to fly onto the desktop. The desktop need to be visible and not just a screenshot.
What I am trying to accomplish is creating a flash based form. Basically a form that people fill out if they want to book an event. so there would be several fields to fill out. Name, Date and Time of Event, Contact Number, ect. there would be text fields to fill out and combo boxes. I just want a simple form where people fill out that info, it makes sure that everything is filled out before submitting. then when you submit it, it sends the info to a master email... where we can check it and get the info. does any one know of anything similar that i can use as reference to help me accomplish this?
I've got 3 columns in an SQLite db I built with Firefox's handy SQLite Manager. So, I created 3 columns, an index/reference that's just an incrementing INTEGER for easy reference, a descriptive title of the image (so it can be searchable later) in a TEXT, and a BLOB type that holds the pngs.
I'm trying to add this in an assets folder into my project (as a pre-populated database) and display the blob images, one at a time, in a window one after the other, scrollable by user. This is where I'm running into problems. Eventually I want to be able to encrypt it and add a search tool, but first things first, and that's displaying an image.
I have spent several hours scouring the web about this topic, but there isn't much help out there: Adobe has tips about using SQLite with AS3 (their reference documents and the support section of their website have some overview articles) but nothing refers to reading blob data in depth.
On this site, I've found some references to Adobe Air looking for extra byte information when reading blobs since they have a different syntax to write to the databases created within the program. See: What is the first bytes in a Blob column SQlite Adobe AIR? Blob Sizeinfo?
I have a flex application which is hosted on Azure.
I have some data stored in a blob in a private container.
How can I use URLLoader to display the data? If I use a public container , then I am able to read from the blob in my application. However, if the type of the container is private URLLoader fails.
Is there a way to put borders around the (MXML) elements of a Flex application? I'm picturing something similar to what Firebug does for HTML with the Inspect button (url...)
I have created an array of Input Textfields with their borders visible. All is fine when I play the swf directly in the Flash player. But when I try to view it in the browser, certain horizontal and verticallines in the grid appear darker than the rest.
I need to be able to save and load images into an SQLite database using Flex 4.5 for a mobile application. The use case is this:
Inside the view there is a spark Image object with a URL as a source
When user clicks button, the Image is saved to an SQLite db inside a BLOB field.
In a separate Image, the source is set to the ByteArray stored in the db.
The biggest question so far is this: where do I get the ByteArray for a loaded Image? I've tried debugging and inspecting Image, BitmapImage, and BitMapData but there's no sign of the byte array.... perhaps it's inside the ContentLoader? But that's null unless I enable caching.
I've done some research and there are no complete examples for how to handle this. I've written a simple View that anyone can copy and paste into a new project. It will compile without errors and can be used for testing. I will update this code as I get the answers I need so that anyone can have a fully working example of this workflow.The only caveat: I used a synchronous connection to the DB to avoid complicating the code with event handlers, I wanted to keep it as simple as possible.I will only mark this question as answered once it is fully functioning both ways.
UPDATE SEPT. 09 2011: The code below is now fully functioning in both directions (save and load). Here are some of the things I've learned: It turns out that the ByteArray of a spark Image can be found inside the LoaderInfo of the image itself. Like this:
image.loaderInfo.bytes
However, trying to set this ByteArray as the source of another image ( image2.source = image1.loaderInfo.bytes) results in this security error: Error #3226: Cannot import a SWF file when LoaderContext.allowCodeImport is false.Which is too bad because it would save so much time and processing power.the workaround is to encode the ByteArray using either a JPEGEncoder or a PNGEncoder. I used the JPEGEncoder which produces much smaller files. Here's how:
var encoder:JPEGEncoder = new JPEGEncoder(75); var imageByteArray:ByteArray = encoder.encode(imageToSave.bitmapData);
Now the problem is saving these bytes to the DB. Saving them as they are now will not work once we read them out, I'm not sure why. So the solution is to encode them into a base64 string like this:
var baseEncoder:Base64Encoder = new Base64Encoder(); baseEncoder.encodeBytes(imageByteArray); var encodedBytes:String = baseEncoder.toString();
So now just save that string into the BLOB field and later read it out. However, you have to decode it from a base64 string to a ByteArray like this:
var encodedBytes:String = result.data[0].imagedata; var baseDecoder:Base64Decoder = new Base64Decoder(); baseDecoder.decode(encodedBytes); var byteArray:ByteArray = baseDecoder.toByteArray();
Now assign the bytearray as the source of your image and you're done. Simple right?if you find any optimizations or alternative ways to do this.I will respond and keep this code updated if need be.
I need to make a small swf box. But I want that when I go over with the mouse the box enlarges over everything, not just in its configured swf space but also over the page ?
I'm not much of a web/flash designer, but I need to showcase my print work online - so I apologize foremost for the noob-ness. I tried to search for this, but came up empty. I am loading external swf movies via loadMovie, into my "base" (main) flash file which will essentially be my website. Everything is loading fine.
I have an swf file that when I load (with loadMovie) objects are extending beyond the set stage size of the swf and onto the "main" flash file. This only occurs with objects that are "off" of the stage. For example, I have a background which is larger than the set stage size, when I load the swf, the movie loads up, but it allows the background to extend beyond the stage size. Is there a way to "crop" the flash file? All I need to do is load a movie without "hidden" objects appearing. (I also have checked that in publishing preferences.)
I can't see a way to get rid of certain borders within a DataGrid. I'd like to eliminate a side border on 2 of my columns so that they appear to look like a single column.I'm trying to implement a "clear value" button on each of my DataGrid rows. I was able to have a button show on a custom ItemRenderer from a separate ActionScript file, but I was unsure how to have the button click event propagate to the mxml file where the DataGrid is located. It would be much easier for me to have an extra unresizable column with a 'clear' button.
So, to reiterate: Is there any way to change the border style or eliminate certain borders of a DataGridColumn?
I'm making my own website on flash cs4 and I really like websites with backgrounds that don't have borders, they just have an image or a design or both that fit the whole inside of the browser window like this website, [URL] is there a way to accomplish this in flash cs4? I know that you can edit the borders in the html embed code for the .swf but even if you put 0px for all the borders, if I go on another computer with different resolution settings or a computer with a bigger monitor and a bigger browser window, borders are still present around the .swf.
Is this possible? It's a hassle to have the extra step of keep a seperate movieclip behind the one with the image to get a border. Can I load an image into a movieclip that has a border, or give it a border afterword? Same with shadows.
I am having trouble loading .swf files to my flash app off my cloudstorage account on azure. images and videos load fine but .swf files return this error:
SecurityDomain 'http://localhost/' tried to access incompatible context 'http://[---].blob.core.windows.net/content/swf/Lib_En.swf'
I am trying to get a bitmap to spit out just straight black and white for blob detection purposes.. but my image processing function (below) is spitting out black and transparent instead of black and white... can someone tell me what my pee brain is doing wrong
I have some textfields generated from code, and if I apply a drop shadow filter on them, sometimes the right or the bottom part of the textfields' border just disappear.
I have simple file 550 x 450, in it there is one container 400x300, x:75, y:78. In the container I am loading images and there is drag and drop function for them. I also have added mask with size that matches the size of the container because when i load larger images i could move them. Everything is working fine, but If I set scaleX and scaleY to the container image, the drag and drop functionality is not working fine - I can't reach the edges of the picture.
Code: with ( m_mask.graphics ) { beginFill( 0x000000 );
[Code].....
It behaves like there is not enough space to move the image right, left, top or down.
I've made a site with small draggable "popup" windows (not actual windows since they are objects in flash..) I can drag em off the scene outside the edge. I've attempted many things.. A adaptation of the collision script found through search.. (on collision it stopped dragging) Worked nice, until you move the mouse real fast, then it can pass right through or partly through and the fact that it's stopdrag. It takes effort to get it from the edge. It's stuck basically.
I fixed it by making the on (press) change frame in a moveclip containing the border.. had a side effect though.. You can now drag the window out from the scene if you repetitively drag it towards the edge. Is there a way to limit a movieclips possible X & Y positions? (in both + & - range to make it a 4 cornered block). I also want the moveclip to keep moving up/down if if hits the right/left edge if you continue dragging it up/down (same with left/right edge also)
I tried the scrip from the "dynamic mask": onClipEvent (enterFrame) { getlimits = _root.normalpic.getBounds(_root); if (_root._xmouse>=getlimits.xMin && _root._xmouse<=getlimits.xMax && root._ymouse>=getlimits.yMin && _root._ymouse<=getlimits.yMax) { this._x = _root._xmouse; this._y = _root._ymouse; }}
I changed the size of the "normal pic" and it works lovely.. but it's on enterFrame... and I need to react on on press and on release.. : tried to adapt it but cant figure out how.. and besides the script don't allow movement along the edges (like I described above) and if you move the mouse fast enough the window stops short of the edge..
If you have two textareas, one has a rotation value besides 0 and the other has no rotation value or a value of 0 and you 'tab' focus from the one w/rotation to the one w/out. The border around the textArea w/out rotation will be rotated. If you set the rotation value of the non-rotated text field to a non-zero number, even 0.01, it fixes the problem, this causes tons of other problems in text rendering though so its not a solution.
I found setting the focusThickness style to 0 removes the border, which is a good solution but not a great one, anybody got a better one? Here is some sample code:
migrating some of my code snippets over from AS2.I tried reproducing one of my most used bit of code - the dynamic border - in AS3, but I have run into a small problem.
PHP Code: var sw:int = stage.stageWidth -1; var sh:int = stage.stageHeight -1;[code].....
So this code works great in Firefox but fails miserably in IE6, Flash Player 9. So my question is does anybody have a workaround that works on IE6, Player 9?
