Main

August 07, 2006

GalaxyGoo Nominated for Best Visual Arts Project

Woohoo! We've been nominated for the Best Visual Arts Project in this year's Blogathon.

July 31, 2006

Flurry of Experimental Flash

Wow! We did it! We posted experimental Flash projects (with source files) every 30 minutes for 24 hours. It wouldn't have been possible without my amazing team. Edwin, Mike, Paul, and Stacey, and special guest Keith Peters, posted fantastic and diverse experimental flash projects (including source files). The experience made us all wish we had more time to experiment. Everyone went above and beyond what was asked of them, and in my eyes they truly sparkled.

In addition to the coders, we had an invaluable team member who may be unfamiliar to the Flash blog audience: Phyllis Pugh. Phyllis is a neuroscientist.She is also on the board of directors and is the science advisor to GalaxyGoo. If you ask me, we've just discovered a hidden talent of hers: blogger extraordinaire. Her introductions were great! She stepped up during the blogathon, even with an unexpected and personal loss.

Why'd we do this? There were two main goals: 1) inspire our fellow flash developers to do more experimentation and 2) raise money for the educational programs at Galaxygoo.

It's not too late to make a pledge of support for GalaxyGoo at blogathon.org. To every donor who pledges $40 or more, we'll be sending a cool thank you gift: a Glow-in-the-dark Astro-Logix construction toy (64 pieces).

July 30, 2006

JSFL Image Loop Creator

Introduction: Okay, this one is just practical. Here's a nice tool for creating film loops of any kind of pictures (no science necessary *wink*).

We hope you have enjoyed visiting during Blogathon 2006. We have enjoyed creating and posting these little visualization snippets (and we hope you have used that pledge link down below to support this type of work). Many thanks to our Blogathon team (Kristin, Stacey, Edwin and myself), to those who created the animations (Kristin Henry, Edwin Heijmen, Stacey Mulcahy, Mike Johnson, Paul Ortchanian, and our special guest, Keith Peters), to our those who have donated, and to those who have just visited.

Phyllis

jsfl.jpg

Author: Stacey Mulcahy
Author's comments: The last thing I am, is an animator. So when I can automate something, I do. I can't begin to tell you how many times I've had to create a film loop of images fading in and out. So I created a JSFL command for it. Install the extension and open the fla. Run the command from the commands menu and it should generate a loop of images for you in a movieclip. You can define what folder the command should look for in the library for the images, how many keyframes the image should be on the stage for and how many frames it should take to fade out.

Continue reading "JSFL Image Loop Creator" »

Twisted FlyBy

Introduction: Another funky variation on his 3D engine. Paul's done some really cool stuff with this egine of his! - Edwin

towards.jpg

Author: Paul Ortchanian
Author's comments: Using the 3D engine as an ally, The x and y posiyins of the items are calculated using a radius. In theory this is meant to create a parabola, since I am using its mathematical equaltion, yet as I calculate the x and y using sin and cosin. The difference here is the perspective and scale that cause the itms to get closer and create this visual effect,

Use slidebar to zoom in and out,

Continue reading "Twisted FlyBy" »

RNA Interactive Simulation

Introduction:
Okay, here's the "advanced" version of the earlier one. This version would be great for those who lecture in a more Socratic style, as in "okay, who can tell me what the next codon is and codes for?" or for students to practice what they have learned. Phyllis

rnaAuto.jpg

Author: Kristin Henry
Author's comments:
Showing a process in Molecular Biolog again (the initiation of RNA translation), but this time it's an interactive simulation. It uses the same base functions as the auto-animation version.

If you're Biology is a litte rusty, here's a hint: I've set this one up so that the tRNA are lined up in the order they bind to the template strand. If this was a full project, the tRNA's would be randomly generated, and the student would need to figure out which codons matched up. There would also be a lot more error handling, and different simulated events based on user input.

Continue reading "RNA Interactive Simulation" »

Color Matrix - Last and Least.

Introduction: Some cool variations that are fun to play with! - Edwin

matrix5e.jpg

Author: Stacey Mulcahy
Author's comments: I had to explore the color matrix lately and the following are bunch of examples that work on transforming the color according to mouse movement with various renditions affecting rotation, scale, etc. Not complex but a good way to get to know how it works and would be cool to transfer this to bitmapData. Move your mouse over the swfs below to see the

Continue reading "Color Matrix - Last and Least." »

Fibonacci Solid

Introduction: Okay, so this is one advance from the prior box plot. Think the shape looks familiar? Take a look at the links Kristin provides. The Nautilus shell is a class Fibonacci curve as a solid.

More good examples of Fibonacci in nature can be found at Phyllotaxis.

Phyllis



fibonacci1f.jpg

Author: Kristin Henry

Author's comments:
For this version, only the solids are drawn for the spiral based on the Fibonacci sequence.


To zoom in and out on diagram, drag the dot on the bottom of the stage from
side to side.


Links to more information:


Continue reading "Fibonacci Solid" »

Fibonacci Diagrams

Introduction: Okay, so Fibonacci sequences are really cool. For me, this is a good way to visualize how the sequence builds a curve. Phyllis

fibonacci1e.jpg fibonacci1f.jpg

Author: Kristin Henry
Author's comments: What's not to love about the Fibonacci sequence? It's just beyond cool. In this project, I've started with drawing a spiral of boxes, and then added the curve, based on the first numbers of the sequence 1, 1, 2, 3, 5, 8, ... To zoom in and out on diagram, drag the dot on the bottom of the stage from side to side. Diagram is redrawn when you release the mouse.

Links to more information:

Continue reading "Fibonacci Diagrams" »

Wild Sin/Cosine particles

Introduction: And another fine example of how Paul uses his 3D engine to different levels. The wave-y-ness is quite nice to watch! - Edwin

towards.jpg

Author: Paul Ortchanian
Author's comments: Using the trigoometric functions. I alligned various colored particles and make them move along the x ax is using the mathematics formula to find their direction.

Use slidebar to zoom in and out,

Continue reading "Wild Sin/Cosine particles" »

RNA Animation

Introduction:
Okay, now we're finally a little closer to my realm! I think back to all those lectures as an undergraduate, where the person was scribbling all those codons on the chalkboard (yeah, I'm that old). I remember lecturers basically "hand-animating" the process of protein building. Heck, I remember me doing those same things. I'm just a little jealous of the "next" generation as they get to see things a little closer to how they actually are. Phyllis

rnaAuto.jpg

Author: Kristin Henry
Author's comments:
This one shows a process in molecular biology (the initiation of RNA translation) and even though it's coded, it runs through as an animation without any user interaction. While it could have been created with frame-by-frame authoring, I wanted to use much of the same code with a simulation version, which I'll post next.

To run the animation, click on the small button in the bottom right corner. It only runs once, so you'll need to refresh your browser to run it again.

Continue reading "RNA Animation" »

Stone Tools in the Digital Age


Introduction:
We play with biological science images all the time, trying to "see" new things. I like the idea using images that are from other aspects of the sciences to make "pretty pictures" as well. Phyllis



stickyElementalSnow1a.jpg

Author: Kristin Henry

Author's comments:

This one is for all the real Indiana Jones' out there. The graphics here were prepared by Nicholas Chapin, PhD, and are stone tools from the American Southwest Archaic. I'm terrible with dates, but I think he said that's from about 7,000 to 3,000 years ago. This is a variation on the kaleidoscopic cell piece.

Continue reading "Stone Tools in the Digital Age" »

Data on a Line

Introduction: As a scientist, looking for new ways to visualize data easily seems to be one of those weekly/monthly/yearly tasks. I have to agree with Kristin -- circles catch the eye in ways that bar graphs just don't. My brain goes to the idea of density plots, but then again, that might be the hour. Phyllis

birdFluGraph1a.jpg birdFluGraph1b.jpg

Author: Kristin Henry
Author's comments: I still like the circles for a data visualization, but they just don't work on a map animation. Here are two versions drawn along a line. The map is still there, but as a faint background. While these don't have the impact of placing data on a map, and expanding it over time, they are interesting. If I had time, I'd make the version with circles stretchy, so that the circles would always stay the same distance apart regardless of the diameters.

Click to restart.

Continue reading "Data on a Line" »

Creating Color Gradients

Introduction: A nifty little file that shows the beauty of color. - Edwin


gradient.jpg

Author: Stacey Mulcahy
Author's comments: I need to create gradients all the time and this nifty little function allows me to create gradients based on two values and determine how many "steps" i want between the start and the end value.
This just cycles through values.

Continue reading "Creating Color Gradients" »

Drawing machine

Introduction: Gotta love all these different iterations of Paul's 3D engine! This one has a really cool twist, kinda reminds of those old spirographs for kids. - Edwin

towards.jpg

Author: Paul Ortchanian
Author's comments: Using the 3D engine and the drawing API. The drawing engine tries to draw multiclor circles using a radius at a random speed. Each invisible clip has a lifespan, if multiple lifespans are born together the circle goes from a single dot, a line to atriangle and multi angled patterns. Once the lifespan ends a new drawing comes to life.

Use slidebar to zoom in and out,

Continue reading "Drawing machine" »

Lines 1e

Introduction:
In this version, you can control where the lines originate from.
~Kristin.
lines1e.jpg

Author: Kristin Henry
Author's comments:
A variation on lines1c, this one has some interaction. You can change the pattern by either dragging or clicking on one of the dots.

Continue reading "Lines 1e" »

zinias 8a

Introduction:
I posted the swf for this when we were still on our old server, but I never got around to posting the source file. So, here it is, source and all :-) ~Kristin

zinas_8a.jpg

Author: Kristin Henry
Author's comments:
This is an update of experiments I first posted back in 2003, and programatically applies the drop shadow filter that came out with Flash 8. My original intention was to have the flower cast a shadow on the background. An unexpected, but nice, feature is that each individual petal casts a shadow. This gives the flower a slight 3-D effect.
Click to change the pattern of flowers.

Continue reading "zinias 8a" »

Flash9 Player

If you don't already have it, download the Flash9 player, to see many of the projects posted here.

Adobe Flash Player Download Center

Image Transformer

Introduction: So Cool! I just love that the original image transitions into a transformed version of itself. Not only does the image flip over, but Edwin also applies a color transformation. And the pixelation transtition is very cool. ~Kristin.

ggoo_transform.gif

Author: Edwin Heijmen
Author's comments: Through averaging colors an image is pixelated into one single color and then 'depixelated' back into another image and then again thru pixelation back to the first image and so on.

NOTE: FlashPlayer9 required!

Continue reading "Image Transformer" »

July 29, 2006

Color Matrix Continued

Introduction:
I love stuff like this! It's so fun to drag the mouse around and watch the changes. ~Kristin

matrix5b.jpg

Author: Stacey
Author's comments: I had to explore the color matrix lately and the following are bunch of examples that work on transforming the color according to mouse movement with various renditions affecting rotation, scale, etc. Not complex but a good way to get to know how it works and would be cool to transfer this to bitmapData. Move your mouse over the swfs below to see the drawing occur.

Continue reading "Color Matrix Continued" »

Slide Puzzle

Introduction: Now this is just plain fun!!!!! You'll need the Flash9 player to access this. ~Kristin.

ggoo_puzzle.jpg

Author: Edwin Heijmen
Author's comments: A quick'n'dirty example of a sliding puzzle where you have to move piece of the images around using the empty piece to recreate the original image. There's no check right now if you succeeded tho.

NOTE: FlashPlayer9 required!

Continue reading "Slide Puzzle" »

Color Matrix

Introduction: In this cluster of pieces, Stacey has fun with color. She says "I've had nothing but time and colors to play with". But I happen to know that she doesn't really have much free time on her hands. Enojoy her color play :-)

matrix1.jpg

Author: Stacey Mulcahy
Author's comments: I had to explore the color matrix lately and the following are bunch of examples that work on transforming the color according to mouse movement with various renditions affecting rotation, scale, etc. Not complex but a good way to get to know how it works and would be cool to transfer this to bitmapData. Move your mouse over the swfs below to see the drawing occur.

Continue reading "Color Matrix" »

Image Sine-Wave Slide

Introduction: Again, AS3 rocks the boat. In this piece, Edwin used a sine-wave to distort an image. You'll need the Flash9 player to see this one.~Kristin.

ggoo_slide.jpg

Author: Edwin Heijmen
Author's comments: This distorts an image horizontally based on a sine-wave, making the image appear to wave in the wind like a flag.

NOTE: FlashPlayer9 required!

Continue reading "Image Sine-Wave Slide" »

BirdFlu Data Visualiztion/ Circles


Introduction:
Ah, that was a nice little break. Thank you Stacey!

I like this one, even though it didn't make it to the project. While the circles might work well in a static visualization, the animation of them conveys misinformation. The spreading impication when positioned on a map is incorrect. I'll be posting a variation of this, later tonight.
~Kristin.

birdFluCircle.jpg

Author: Kristin Henry
Author's comments:
While working on the Bird Flu Data Visualization project, I tried some different thigs out, before settling on the "anchored bar" that is currently used in the project.

Here is an early version of the project, which uses circle size to indicate data values. The problem with this shape, was that it implied geographic spread in a way that isn't really occuring, when animating the dynamic data over time.

The data used in this project was compiled from the World Health Organization, and formatted into a custom XML structure, before being fed into the application and rendered on a world map.

The dark center of each circle represents the number of deaths confirmed by laboratory testing, as reported by the WHO, in that country.

Click the map to restart the animation.

Continue reading "BirdFlu Data Visualiztion/ Circles" »

Trigonometric Painting

Introduction: Drawing circular shaped paths using drawing API

towards.jpg

Author: Paul Ortchanian
Author's comments: This Script uses the drawing api to draw a colored box and moves to its new postion calculated using a trig function. The conjunction of these boxes creates interesting designs.

Use slidebar to zoom in and out,

Continue reading "Trigonometric Painting" »

Lines 1c


Introduction:
This would be killer as the pattern on a ceiling with glow in the dark paint.- Stacey


lines1c.jpg


Author: Kristin Henry
Author's comments:
This is a simple one, in which I'm interested in projecting lines out from a specific point in opposite directions. A cluster of three lines are projected for each dot on the stage. First, a random angle is selected. Next, a starting distance from the dot is selected. Last, lines are drawn projecting away from the point.
Click to change the pattern.

Continue reading "Lines 1c" »

Hodge-Podge machine

Introduction: I had to actually look up hodge podge before posting this. The colors here are brillant and I think i was late posting this as I got carried away, or rather distracted by watching it. Nice work! - Stacey

hodgepodge.gif

Author: Edwin Heijmen
Author's comments: ActionScript3 implementation of a Hodge-Podge machine, which is a 2D Cellular Automata which mimics chemical reactions. It starts with a random image from which spirals slowly evolve. It's a fascinating process to watch, even if it takes quite a while for the spirals to appear.

NOTE: FlashPlayer9 required!

Continue reading "Hodge-Podge machine" »

Zinnias 8b


Introduction:
This one makes me feel a bit warm and fuzzy inside. Who can't possibly like flowers or the colors in this piece?- Stacey



zinias_8b.jpg

Author: Kristin Henry

Author's comments:
Another twist on my zinnias. From time to time, I like to experiment with blooming petals. This time, they bloom all over the stage.

Continue reading "Zinnias 8b" »

Spiral Distortion

Introduction: This looks like a filtered version of a photoshopped animated gif of my bathtub draining. I think the grainy quality of the image lends a lot to it . - Stacey

ggoo_distort.jpg

Author: Edwin Heijmen
Author's comments: This is an example of how ActionScript3's speed makes it possible to create Photoshop filter-like effects. This example mimics a spiral-distortion effect on a loaded in image.

NOTE: FlashPlayer9 required!

Continue reading "Spiral Distortion" »

Flurry Visualiser

Introduction: A twist of the flyby script with drawing API.

towards.jpg

Author: Paul Ortchanian
Author's comments: Using the 3D engine empty Items get created into 3D space and a random colored line is drawn between those lines. Each line has a lifespan, once it dies the line dissapears making the flurry move into geometric shapes.

Use slidebar to zoom in and out,

Continue reading "Flurry Visualiser" »

Multi-Colored Cellular Automata

Introduction: Here's another Cellular Automata from Edwin. I hope you're taking this opportunity to explore some great code! Edwin's really a wiz at this stuff. Oh dear, did I just date myself with that phrase? Come to think if it, I don't think I've heard it since I was a kid ;-) ~Kristin

multica.gif

Author: Edwin Heijmen
Author's comments: This is a multi-colored one-dimensional Cellular Automata which means each cell can have one of several states, based on its previous state and those of its left & right neighbor in the previous generation.

NOTE: FlashPlayer9 required!

Links to more information:

Continue reading "Multi-Colored Cellular Automata" »

Jellyfish

Introduction: And now for something completely different...it's a shame I don't have the comic talent of Monty Python. In fact, I think I have the inverse. I can take a fabulous joke and make is terribly un-funny. Anyway, I'm not sure why jellyfish make me think of Monty Python, but it might have something to do with the fact that I've been blogging for so many hours. ~Kristin.

jellyfish_1k.jpg

Author: Kristin Henry
Author's comments: Jelly fish fascinate me. Shortly after a family trip to the Monterey Bay Aquarium, I started working on this piece. There are a few things going on in it. It's all drawn programatically, including the gradient fill. Some of my favorite jellies are bioluminescent...they light up! If you watch closely, you may notice that mine light up too.

Drag your mouse around the stage, to stir things up a bit. I borrowed some code from Keith Peters for that effect.

Continue reading "Jellyfish" »

Fibonacci 1k

Introduction: I've been having some fun with the Fibonacci sequence, and this piece uses the shape drawn with an algorithm I'll post more on later. ~Kristin

fibonacci1k.jpg

Author: Kristin Henry
Author's comments: This shape is based on the first numbers of the Fibonacci sequence (1, 1, 2, 3, 5, 8, ... )

I was playing around with gradient fill, and ended up with this trippy effect.

To zoom in and out on diagram, drag the dot on the bottom of the stage from side to side.

Links to more information:

Continue reading "Fibonacci 1k" »

3D bubbles pop

Introduction:
Oh! This is fun! Paul has combined the bubbles and the twisted flyby script, to make it look like bubbles are flowing up and away. ~Kristin

towards.jpg

Author: Paul Ortchanian
Author's comments: Using the 3D engine the bubbles get generated in 3D space and they follow a trigonometric formula to place themselves in space. They are each assigned a randm color and size and a lifespan variable decides when they pop.

Use slidebar to zoom in and out,

Continue reading "3D bubbles pop" »

Conway's Game of Life

Introduction: Here's Edwin's game of life! In AS3! You're going to need the Flash9 player to view it. ~Kristin

gameoflife.gif

Author: Edwin Heijmen
Author's comments: Conway's Game Of Life is a well-known Cellular Automaton. It has got some basic rules deciding over the life and death of each cell in the grid based on how many live neighboring cells it has.

NOTE: FlashPlayer9 required!

Links to more information:

Continue reading "Conway's Game of Life" »

Diffusion Limited Aggregation 03 : Inversion

Introduction:
This one is just too cool! Lots of potential to develop it into different types of learning tools...simulating chemical precipitation, coral growth...I know the earlier versions in this series woudl work, but for some reason this one really inspires me. Maybe its the resemblance to a petrie dish that Mike mentions.

invert.gif

Author: Mike Johnson
Author's comments:
Here we extend our Diffusion Limited Aggregation to invert the growth model. This one would not be able to grow indefinately due to the limited space. However it still is captivating and reminds me of growths inside a petri dish.

This requires Flash 8.

This was done purely using FlashDevelop and MTASC and includes the project file.

Continue reading "Diffusion Limited Aggregation 03 : Inversion" »

Sticky Elemental Snow 1c

Introduction: In this one, the cells build up, when they land on their position in the table. I did this one before the last one, but I thought the build up of color was interesting.

zinias_8c.jpg

Author: Kristin Henry
Author's comments: In this version I've added the color coding of the chemical group the element belongs to. For example, non-metals are green and transition metals are blue. We have a "static" version with the same color scheme in our learning tools.

Continue reading "Sticky Elemental Snow 1c" »

Sticky Elemental Snow 1e

Introduction: In this version, in addition to sticking to their position in the table when they drift close by, the cells are colored according to their atomic number. I have a lot of fun with chemistry, now that I don't have to take any exams on it ;-) ~Kristin.

zinias_8c.jpg

Author: Kristin Henry
Author's comments: In the last two version of this, more than one copy of the cell could land in an element's position in the table. After running for a while, the overlapping cells would darken to the point of almost solid. In this version, only one copy of the cell sticks to an element's position in the table.

Continue reading "Sticky Elemental Snow 1e" »

Kaleidoscopic Cell v2

Introduction:
This is a variation on the single kaleidoscopic cell that was posted earlier, and is part of a new design project that will be featured on a prominent website in the near future.
~Kristin

kaleiCell1b.jpg

Author: Kristin Henry
Author's comments:
This one draws each rosette to a bitmapData object before moving the finished rosette off of the stage, making it possible to have many "organelles" on the stage at the same time.

Continue reading "Kaleidoscopic Cell v2" »

ForestFire

Introduction: In this piece, Edwin uses a cellular automata to simulate a forest fire. It's related to the game of life, and I think that Edwin has a version of that coming up later today. I really like systems like these. You'll need the flash9 player for this one. ~Kristin.

forestfire.gif

Author: Edwin Heijmen
Author's comments: This is a simulation of a forestfire using Cellular Automata. Each green dot is a tree that has a small chance to catch fire (due to an uncareful person or a lightning strike etc) and when on fire other trees surrounding it catch fire too, etc... Also an empty spot in the forest has a small chance of growing a new tree on it, creating an eternal cycle.

NOTE: FlashPlayer9 required!

Links to more information:

Continue reading "ForestFire" »

Diffusion Limited Aggregation 02 : Quad Starting

Introduction:
Here's another fractal growth model from Mike, but this time there are four seeds. Each seed grows into it's unique pattern. Fascinating to watch!

quad.gif

Author: Mike Johnson
Author's comments:
Here we extend our Diffusion Limited Aggregation to provide four initial seeds instead of just one, in the interest of comparison. The growth model does not change tremendously, but it does yeild some differences compared to a larger central seed. It seems that quite often the different seed growths will stay separated, forming sometimes intricate channels. And other times you will see them join up - though if they join they will typically do it earlier
in the development of that branch.

This requires Flash 8.

This was done purely using FlashDevelop and MTASC and includes the project file.

Continue reading "Diffusion Limited Aggregation 02 : Quad Starting" »

Thank you gifts!

We'll be sending a special "thank you" gift to each sponsor who donates $40 or more: a Glow-in-the-dark Astro-Logix construction toy (64 pieces).

Show your support for GalaxyGoo with a pledge on the blogathon website.
Note: GalaxyGoo is a registered non-profit in the State of California, and is not soliciting donations outside of California.

FlyBy Towards 3D Camera

Introduction: This is a basic flyby examle with a twist. Paul tells me that this is the foundation of pieces that will be posted later today. I always like to have a foundation, before exploring more complicated examples. ~Kristin

towards.jpg

Author: Paul Ortchanian
Author's comments: the 3D engine it resides in is buit using perspective equations and is robust enough to get modified in a million ways. In the following posts I will be adding rotation and mathematical charting using this script. So use this, study it as the base of the complex stuff coming up.

Use slidebar to zoom in and out,

Continue reading "FlyBy Towards 3D Camera" »

Sound-based Image Distortion

Introduction: Edwin is our AS3 Super Hero today. In this piece he's visualizing sound, in real-time. I'm looking forward to playing with this stuff myself. ~Kristin.

ggoo_sound.jpg

Author: Edwin Heijmen
Author's comments: This is an example of the new sound-analyzing capabilities of Flash. An image is distorted real-time based on 256 frequency channels of a playing mp3. The mp3 is from a long out-of-print release btw so I figured it would be alright to use. It doesn't really reflect my musical taste but it's a fun little track nonetheless...

NOTE: FlashPlayer9 required!

Continue reading "Sound-based Image Distortion" »

Landscape Generation : Perlin Noise

Introduction: This one is just so cool! I love the way the landscape seems to melt onto an invisible form when it's rendering. Very organic looking. ~Kristin

landscape.jpg

Author: Mike Johnson
Author's comments:
This was one of my first experiments with Flash 8, and it was driven by the promise of a new function : Perlin oise. I had played around with fractal landscape generation before in Flash MX, but it was simply too slow to render in iner detail as the original algorithms I had used were based on random midpoint displacement. This experiment was one before Flash 8 was officially released, so it was guesswork on the parameters based on visual feedback from playing and typical convention with implementing the algorithm.

This requires Flash 8. Click on the file to generate a new landscape.

This was done purely using FlashDevelop and MTASC and includes the project file.

Continue reading "Landscape Generation : Perlin Noise" »

bubbles particle generator 2

Introduction: This machine generates bubbles, the slider sets the number of bubbles to generate. Lots of fun! ~Kristin

bubbles_1.jpg

Author: Paul Ortchanian
Author's comments: This is a buble generating machine. The clip are placed on the stage and given a random direction (based on a circle equation). I use the bitewise operator to calculate random colors and assign to the. bubbles The bubbles then grow and move toward their targeted direction using a simple easing equation. A setInterval script automatically generates a number of bubbles (set by the slider) every 3 seconds. Could be a nice screensaver.

Continue reading "bubbles particle generator 2" »

Water Ripple

Introduction: Here's another AS3 piece, from Edwin. If you've been waiting before jumping into AS3, now's your chance to get a good start. Edwin has several AS3 pieces for the blogathon, and they're fantastic. You'll need the Flsh9 player to view this. ~Kristin

ggoo_rippled.jpg

Author: Edwin Heijmen
Author's comments: This is a simulation of a finger dragging through water. It shows an image that distorts as though it were lying underneath water. The mouse acts as a finger and distorts the image when moving over the image.

NOTE: FlashPlayer9 required!

Links to more information:

Continue reading "Water Ripple" »

Boy/Girl

Introduction:
And now, for our surprise guest...Keith Peters of bit-101. There's a lot of neat stuff going on here, and it even looks like he's using the lineGradientStyle to the lines in the chart. Nice!
~Kristin

boygirl.jpg
Author: Keith Peters

Author's comments:
I'm doing a Psychology course and they had one of those charts that shows the number of sexual partners of average men and women. It never made sense to me that men could have more partners than women. I mean, who are they "partnering" with??? So I did a little data visualization, which makes things pretty clear. Don't worry, it's clean!

100 boys on the left. 100 girls on the right. Each gets assigned a number of partners based on a Kinsey survey. Then they...hook up. Each boy chooses a girl or two, or twenty (or more) and makes a connection. When each girl has "had enough", she's out of the running. Results in an interesting emergent behavior, which pretty much mimics how things work in society.

Continue reading "Boy/Girl" »

Steering Behaviors : Ships

Introduction:
Mike's great at steering behaviours, and this time he applies them to space ships. You're the red ship in this fun little game.

ships.gif

Author: Mike Johnson
Author's comments:
This was a chance to combine several steering behaviors into a single environment and
give the user a chance to interact. The player can control the red spaceship using the
arrow keys to move and spacebar to fire. The other ships are controlled by computer and
will try to destroy all ships, since in the end there can be only one. To that end, the
ships will figure out the closest target and turn towards it. If it is not close enough to
have a decent chance of hitting it's target, it will move toward the target. Once in range
of a target it will open fire. A ship that is hit will recognize that it is in peril and try
to take some simple evasive maneuvers. There was a small effort made at also avoiding obstacles,
but you can really only see it in play if the last ship is left and is trying to avoid the asteroids.

This requires Flash 7. Click to start or restart. Control the red ship with arrow keys to move and
the spacebar to fire.

This was done purely using Flash MX.

Continue reading "Steering Behaviors : Ships" »

Animated Quadratic Julia Fractal

Introduction: Fractals! Edwin makes good use of the performance enhancements of AS3 in this piece. Would you have thought an animation Fractal would be possible in Flash? You'll need the Flash9 player to see this one. ~Kristin.

julia.gif

Author: Edwin Heijmen
Author's comments: This is an animated quadratic Julia-fractal. It starts out with a random value and then this random value gets slightly updated on each iteration, creating an animation. Clicking on the SWF will randomize the value again.

NOTE: FlashPlayer9 required!

Links to more information:

Continue reading "Animated Quadratic Julia Fractal" »

The One Vein

Introduction: Just hypnotizing! I remember that 25 lines of code competition Mike mentions. Some damn nice stuff came out of it. This is one of em... - Edwin

vein.gif

Author: Mike Johnson

Author's comments:

If memory serves me correctly, it was in 2002 when it was suggested in the We're Here forums to
have a contest to see what people could do with the new drawing API in Flash in 25 lines of code
or less. Only code could be used in the final product, no existing assets from the .fla. I had
been inspired by some of the work done by Jared Tarbell and thought that would be a good challenge
to undertake - of course in 25 lines. This is the result.

It has been dug up fairly recently by Grant Skinner and rehashed very beautifully, and I
subsequently showed the code to a friend at work. We trimmed it down to about 16 lines.
That prompted me to clean up (and expand) the code just a touch to make it a bit easier to dissect.
Be warned however, it's roots as an experiment from 25 lines is still fairly apparent!

This requires Flash 7.

This was done purely using Flash MX.

Continue reading "The One Vein" »

Sticky Elemental Snow 1a

Introduction: The periodic table of elements with a twist! Makes me wanna watch it and see if I can remember the name of each element that sticks in the grid. - Edwin

stickyElementalSnow1a.jpg

Author: Kristin Henry
Author's comments: This one revisits an idea I toyed with back in 2003, but with a twist. Just as in the original, boxes from the periodic table of elements drift down the screen, but this time they're sticky. If a box drifts close to where it's element would be positioned in the table, it sticks. Eventually, the table fills in, if you let it run long enough.

If you download the source, be warned that there is a bit of legacy code in there.

Continue reading "Sticky Elemental Snow 1a" »

Triangles 1a

Introduction: I'm sure everybody remembers the Pythagoras Theorem for right-angled triangles from their math-classes in school. Kristin made a cool animation using right-angled triangles that is quite 'trippy'. - Edwin

triangles1a.jpg

Author: Kristin Henry
Author's comments:
Just playing around with flying triangles here.

Continue reading "Triangles 1a" »

Diffusion Limited Aggregation : Fractal Growth

Introduction: I've always loved the crazy shapes that coral can grow into. This mimics it to a tee. Pretty! - Edwin

dla.gif

Author: Mike Johnson

Author's comments:

This is a simple demonstration of Diffusion Limited Aggregation, which is a fractal
growth model. It can be found in both living and non-living structures such as coral and
snowflakes. The basic idea is to take an initial seed in the environment, then present other
seeds which wander - in this example using simplified brownian motion. If the particle
wanders outside the acceptable radius, it is killed and a new one spawned to take it's place.
If it hits an existing structure, it sticks, and a new one is spawned. For purposes of simulation,
this example has many particles each taking many steps each visible frame.

This requires Flash 8.

This was done purely using FlashDevelop and MTASC and includes the project file.

Continue reading "Diffusion Limited Aggregation : Fractal Growth" »

Kaleidoscopic Cell v1


Introduction:
Kaleidoscopes have a beautiful, mesmerizing quality to them. This one is no exception and it also brings in science by the visuals used. Sweet! - Edwin



kaleiCell1a.jpg


Author: Kristin Henry


Author's comments:

This piece was inspired by some of the experiments Edwin posted back in the 2003 Blogathon. The graphics are based on diagrams of cell organelles. Since the elements are listed in an array at the beginning of the code, it should be easy to switch in your own graphics. If this were upgraded to AS3, you could just list the files you want to use.

Continue reading "Kaleidoscopic Cell v1" »

Steering Behavior : Hunting and Fleeing

Introduction: It is always interesting to watch the behavior of creatures. It's fascinating how a few relatively simple rules can create complex life-like behavior. - Edwin

hunter.gif

Author: Mike Johnson

Author's comments:

This was a chance to combine several steering behaviors into a single environment
and run it in Flash 8 to see the potential speed increases. The peaceful entities will
wander if they are not feeling threatented, flee if they sense danger nearby, and try to
avoid static obstacles as well as mobile ones. The hunters will try to chase and attack
the nearest source of food, avoiding obstacles. Rigid body dynamics have not been implemented,
so there will be cases where overlaps and intersections happen. The predators have to take
several "bites" from their prey to kill them, which makes it even more interesting to watch.

This requires Flash 8.

This was done purely using Flash MX with the header changed to play for Flash 8.

Continue reading "Steering Behavior : Hunting and Fleeing" »

Ice Core Data Visualization

Introduction: What better way to start off the GalaxyGoo Blogathon than to show this piece. A data-visualization of scientific data using Flash, it encompasses a lot of what GalaxyGoo is about in my view. Please enjoy our entries! - Edwin

stickyElementalSnow1a.jpg

Author: Kristin Henry
Author's comments: Here's an early version of an interactive data visualization I did for NASA. It uses a small subset of the data set used in the published version. It was decided that we wouldn't include the extreme close up of this version, which lets you mouse over each data point to get it's value. Another feature that didn't make it into the final version, was the coloring of the data points, instead of drawing a zero line. Values greater than 0 are green, and values less than zero are purple.

The final version can be see on NASA's Earth Observatory.

Continue reading "Ice Core Data Visualization" »

July 24, 2006

GalaxyGoo Blogathon FAQ

We'll be updating this faq, as new questions come to our attention.

What does Flash have to do with it?
We'll be posting experimental Flash projects every 30 minutes, for the 24 hours of the blogathon.

Can I get the source files?
Yes, we'll be posting source files along with the published swf files.

What version of Flash?
The projects are in various versions of Flash, including Flash8 and Flash9.

What about AS3?
Yes, some of them will be coded with AS3.

Will there be any surprise guests?
Perhaps, but we can't say anything at this time.

What's a blogathon?
It's like a walkathon, except that bloggers from around the world are blogging for 24 hours without stopping, to raise money for non-profit organizations.

Who is GalaxyGoo raising money for?
GalaxyGoo. We're very unusual in the blogathon, as the only blogger who is also the non-profit organization. Money donated by our sponsors will support the educational projects at GalaxyGoo.

GalaxyGoo is a non-profit organization?
That's right. GalaxyGoo is a real 501(c)(3) tax-exempt, non-profit organization.

When does it start?
6am (pacific), Saturday July 29, 2006.

What time will it be where I am?
Here's a map of time zones. San Francisco is in the pacific time zone (+8). When it's 6am in San Francisco, it will be 9am in New York and 2pm in London.

Why do you say "GalaxyGoo is a registered charity in the state of California, and is not a soliciting contributions outside of California"?
The laws and regulations that non-profit organizations have to follow can vary greatly from state to state, and many require that the non-profit be registered in that state to conduct various types of fundraising there. The internet complicates this a bit, because our website can be viewed anywhere with an internet connection. So, we've followed the advice of making a statement to the effect that if you live outside of California, we are not asking you for a donation.

I don't live in California, can I still sponsor GalaxyGoo in the blogathon?
Yes! Thank you for asking.

How do I sponsor GalaxyGoo in the blogathon?
Please complete the sponsorship form on the blogathon website.

July 19, 2006

Blogathon 2006

The blogathon is almost upon us, and we're working furiously to get ready. We've got a fantastic group of Flash coders contributing files to this event. Some participated back in 2003, and some are joining us for the first time.

The projects will be in various version of Flash, including AS3.

During the event, we'll publish source files as well as finished swf. We hope that you will join in on the fun, play around with the code, and post your own variations.

The event starts at 6am (pacific), on Saturday, July 29th, and ends 24 hours later.

You can help support the educational programs at GalaxyGoo, by making a pledge of support on the blogathon.org website.