ActionScript 3.0 :: Flash Finding Best Fit Slope Of A Bitmap Surface
Jan 24, 2012
I was wondering if anyone knows of a way to isolate the pixels that are adjacent to a certain color pixel in a BitmapData. For example, if there was a BitmapData that looked something like this:[code]I was wondering if there was a proven and efficient way of doing this, because I am trying to make a collision engine of sorts that can give me the collision normal of the best fit slope of a given bitmap image. In the scenario of the last example, the slope would be 1/1, or -45 degrees. The way I have it now, I am isolating the adjacent pixels by blurring the entire image, looping through all of the pixels, and storing the gray ones in an array. from there I can determine the best fit slope of the surface of the image. The only thing is that this seems like a lot of work for the CPU. Is there a better way to isolate the black pixels adjacent to white ones than blurring the image and looping through every pixel?
I have this rather cool code for a _mc on a slope. The only problem I am having is making the sprite.mc change states/animation when the sprite.mc is jumping.here's the code I have:
I have the xspeed and yspeed of a round ball, xspeed is distance ball moves to the right each frame and yspeed distance ball moves down each frame.I have 3 different gradients of slopes, one is at 15 degrees off the horizontal.How can I calculate the xspeed and yspeed of the ball after a collision with, for instance, the 15 degree slope.
I'm trying to create a simple graph showing the stock trends for the past few days. In the x axis I have the dates and in the y axis I have the stock value. I have to do this dynamically and I think I can figure it out, but I need help with something else: I need to be able to (dynamically) draw the slope of the line as the user clicks on a point... something like in www_calculusapplets_com/twicediff.html except that instead of having the slider the user will click on the actual line.
I'm having trouble with this mainly because Flash's Math.atan() doesn't give the same results as my TI-83's tan^-1 function.
If I have a line with a positive rise and run for the slope and use tan^-1( (the slope) ) on my calculator, I get a value between 0 and 90, with 0 being a horizontal line and 90 a vertical line. A negative numerator with a negative denominator for the slope puts it in quadrant 4 where tan^-1(slope) gives 0 to -90 values, again with 0 being horizontal and -90 being vertical.
Putting the slope of the blue line into tan^-1() would give a value of about 80 degrees, while the red line would calculate to about -50 degrees. The rotation property Flash uses rotates objects clockwise and can range from 0-360. Using the -90 to 90 values and figuring out if the rise and run of the slope are positive or negative, I can determine which quadrant the line is in and calculate the degrees.
However, this so far is not possible for me because Math.atan() gives odd results.
A practical application for this knowledge would be a player in a game throwing spears from (0,0) to the mouse x,y. The slope would take care of the trajectory of the spears, however if your spear sprite is a spear flat and facing toward the right, you need to rotate it appropriately from 0-360.
How can I rotate a movieclip so that when I move it, it will rotate slightly depending on the angle of the ground. The only thing I can relate this too is the old school sonic games. How would I find the curve of the ground and apply it the moving character?
I have an art based platformer with a movie clip that is basically a triangle shaped object that serves as the slope.My problem is in the collision detection with the slope. Here's the code that i currently have - [code]This basically places the rectangle shape that serves as the main player (_rec) along the slope and increments its y position based on it's current x position. The reg point of the slope is on the bottom left.The problem is that this code comes into effect even if _rec is jumping over the triangle because of the square shaped hitbox of the slope. Also, for the same reason, I cannot jump while on the slope itself.I know of a way to rotate the character based on the incline in the ground but I don't really like that idea. The character should stay vertical at all times. I really don't want to do a tile based version as I have a lot of art already designed, it's only the ground objects that are basic shapes.
At the moment I am using two mini objects within the line to calculate the slope of the line I have.
I was wondering if there was some easy function within as3 to find the slope of a line that had been drawn out, if not... I suppose I have my own theories on how to do it, such as checking for hit tests in a circle until I find the line.
I followed this tutorial to make a bouncing ball in flash. Its AS2 so it took me some time to make it work in AS3 Now I want to make the ball roll down a slope, fall and bounce when it hits the ground. I have attached my .fla.
I am trying to write a Playbook app using the AIR SDK, I need a surface of some kind that I can load a large image onto, then subsequently place some smaller images on top of and add the whole lot to a ScrollPane so I can pan it around the screen. I have tried by adding the image to a sprite and displaying that in a group in the application but the image does not show up. What is the correct surface kind I should be using here and how should I be loading the images? (currently using "Embed" and loading the image into a BitmapAsset.)
var scroll:ScrollPane = new ScrollPane(); scroll.setScrollContent(image); scroll.update(); scroll.graphics.beginBitmapFill(icon.bitmapData); scroll.graphics.drawRect(100,100,56,56); scroll.graphics.endFill(); scroll.update();
This code causes a non-moving icon to be drawn behind the scrollContent, I want to add something on top of the scroll content that moves with it.
There is something i do not understand, i'm making a Tetris like game and i want borders (limits) but when put an height and width to my MovieClip nothing appears.
Code: public class Thugtris_V2 extends MovieClip { var ts:ThugtrisShapes;//ShapeManager.GetInstance().CreateShape(ThugtrisShapes.RLSHAPE);[code]....
I have second problem, i check my coordinates of my dropping shapes and my shape disapeared from the screen,fell completely down, and it's last coordinates were : pos = (x=-6, y=371).My bottom is suppose to be at 440? The entire screen does not "measure" 400 pixels? How can u get a negative coordinate,are'nt the coordinates suppose to be like texture coordinates, only positive and (0,0) is at the top left corner?How do u measure the pixels limits of the top DisplayObject? How are the coordinates actually "setuped"? Like cartesian but only the upper part?
I'm working on a game, and I'm a bit stuck on something that I think I'm really close to solving.
I have an actor, which I can move around on a platform (Top-down view)
The platform rotates, and I want the actor to receive the x- and y acceleration, so that it appears to be on top of the platform, and thus rotate together with it. I don't want the actor to rotate 'inside' the platform, because of some other constraints
I am working on a firework move look's coolfire works are dynamic. Is there a way I could add a type of reflective surface kind of like water to show he reflection?
Do you have any recommendation for a free 3D charting library in Flex. To be more precise, I only need to draw surface (for now). Basically, I just need a chart that displays three axes (one should be timeline, and two should be linear axises) and the surface.
From what I have seen so far, two most popular free Flesh 3D libraries are Papervision3D and Away3D. Also, I've found one IBM library - ILOG Elixir that looks really nice, but it's proprietary (although, I haven't seen any surface examples for Elixir neither).
From what I have seen, Papervision3D and Away3D should do much more then 3D charting, but I haven't seen any examples on how to draw surfaces in any of them (except this line chart in 3D: [URL]..So, if anyone has a link to a documentation or some examples that would be great. Also, I'm interested to hear your opinion and recommendations on this topic.
This one concept has been bugging me for days now and I can't seem to solve it. You see, I'm trying to rotate my enemies along an uneven surface. So far, they follow along it perfectly, using my hitTestPoint collision checks.But I don't know how to rotate the collision points and thus rotate the movieclip along the curve so it remains clipped to the ground like in Fancy Pants Adventure 2 or a tanks game.Here is what it looks like right now
I would love to get some help or advice on how to create an effect in a drawing application. I want to build a drawing application, which is not that difficult. I've found several resources on these type of applications. What I want to do is "merge" 2 examples that I've found. This drawing application makes sense to me and I feel I can modify it to my liking. (sorry in advance I cant post links)
I'm working on a new site: [URL]. However, I've got some problems with my reflection of the mouse-pointer. The problem is that I don't know how to create the fake 3D effect, because now when you move your mouse over "Identity" the reflection is above the real mouse. I was thinking to put a mask, so the reflection cannot go above the real mouse, but then there is no reflection.
I make this simple system to simulate a colision of a block in "walls" and bounce like a pong ball. To use drag the orange square and release to start the movement. But i have a problem, sometimes the colision not happen and the block go through the walls, i try less the time of setInterval that verify the colisions but not solve my problem. colision system -> [URL]
find weather one movieclips area on stage is equal or more than the other.. I mean, ok here it goes, I have some movieclips on stage, circle shaped exactly speaking. Any of these Mcs.onMouseDown event adds another circle to the stage which is a very small circle , and as long as the mousedown event continues it grows in size from the center.The idea is to fill the onstage circle mc with exactly he same size circle.This i could do if the mouse had been clicked exactly in the center of the onstage circle by comparing the width and height of both (I guess havent started doing it yet).
I want to check if the scaling circle has exceeded the bounds of the onstage circle which is bound to happen more often as the user can mostly never point to the exact center of the onStage circle and as a result the circle is going to go out of the boundaries of the onstage one. I have been racking my brains and me thinks that by creating a bitmap data of the onstage circle i could maybe find out when the being scaled circle bitmap stopped overlapping the onStage one. But i have no idea on how to do this ! It is jus something that came to mind from some example i saw somewhere but i jus cannot find it now .
I am currently working on a game and I am stuck. I do not know how to make a rounded surface that will act as a wall/barrier. It is pretty much a semi-circle. I know you can make a circle act as a barrier but I would need to use the perimeter of the circle. Also is there a way you can make an actual image a barrier? I am new at this but I know from reading up that making a rounded wall is pretty tough. I am going to use this wall to make a ball bounce or "roll" around it. Below is a picture of what I am trying to do. The black dot is the ball.
i want a character to move on a globe. the movement of the character is shown though not by shifting the positions of the caharcter but by the rotation of the surface of the globe. buttons are used to move leftward and rightward.
Also, there are three layers of the globe to show depth. how would i script it so that the layers of the globe rotate at different speed?
- interface where a user can choose a font (from pre determined font sets) and input a text string
- This text is then displayed engraved on a ring (jewellery)
I'm not sure the best way to achieve this or if there is a module somewhere that does similar.
My best guess would be to
- using mathematics (sin, cos) to be able to plot the oval (where the text need to be displayed on the ring) on an imaginary graph.
- From here there will be a centre , start and end point. The text will need to be limited as it will eventually following the curve of the ring until it can't be see as it is masked by the angle of the ring
- If using dynamic font then the width of each letter should be possible to obtain with AS. Then mathematically it should be possible to determine how far away from the centre point on the oval each letter is.
- Following this, dependant on the letters distance from the centre, transformations can be applied to each letter. IE stretch, skew and an emboss filter via the convolution filter.
- Hence this will provide the illusion that the text is following the curve of the ring and the look like it is engraved via the emboss.
I am developing a white board application which allows the user to draw line with arrow head (some like Microsoft Word line with arrow feature). I am using graphics property along with lineTo() method to draw a line. Now i have to draw a angular arrow on the last point of line. I am drawing the arrow by connecting the points around last points. As 360 line can pass through this point and each line can have a different angle of arrow.
I'm cutting my teeth in actionscript 3 on a game that has a character running through a world. So, I have set up my Hit Testing by using the bitmap data hit test method, since I figured my world is going to be destructible - it'd be nice to update the level and then redraw it and have the character interact with the new change. (That works beautifully) I am however; a bit confused as to how I have my hit Testing set up. I've been messing around with it, and it works for now - but I'm not sure why.. currently, I have a character set up by using a class I built and using a series of animations I created. So, this character has a walking and falling animation, etc. This is a movie clip.
Then there's a bitmap 'emptyBitmap' with bitmap data created - however; I never really added this as a child to the character. This is sized to the dimensions of my character. My level is created as a movielip, then it's drawn to a bitmap - when the level movieclip is changed, the bitmap redraws, and that's how this updates.
I know the topic of "duplicating" movieclips is a hot issue with the new virtual machine. Luckily, I understand the implications. I only am [currently] interested in duplicating a Bitmap. See, I load an image from an URL using 'flash.display.Loader.load', which is a non-blocking operation in Flash Player.However,I may use multiple copies of the loaded image (which is reported to be a Bitmap, naturally) in the display list at the same time.Hence, I naturally do not want to load the image from an URL every time, because I don't want to wait for a non-blocking call to complete. Nor do I need to - I mean one copy is already loaded, so it should be possible to just "duplicate" it, right?
My idea is to do use the bitmapData property of a Bitmap and pass it to the constructor of a new Bitmap object. I have not tried the following in action, but I want to hear whether any of you did and if the following would not work, what would:
Code:
var original_bitmap: Bitmap; var copy_of_original_bitmap: Bitmap = new Bitmap(original_bitmap.bitmapData);
LiveDocs mention that the BitmapData being passed to a Bitmap constructor is "being referenced", which to me might suggest it cannot be used twice? There is also the BitmapData::clone() method, which I am not sure is applicable here or not.I know this is a lot of talk instead of just trying this out, but I test so much Flash Player code daily just to see "what works" (which should be documented instead by Adobe),
If I have a BitmapData that's already been drawn onto a Sprite. Is there a way to redraw the BitmapData onto a Sprites Graphics object without having to invoke beginBitmapFill and passing in the same BitmapData?
