Yesterday a large red-tailed hawk took a breather on a light pole just outside the Cynergy offices. I managed to grab a few shots before it took off. Clicking any of the photos will take you to the full-sized images on Flickr.
Author: John Winkelman
Rosy Mound Natural Area
This past Saturday I took a long walk along the beach at the Rosy Mound Natural Area in Ottawa County. The highlight: a pair of bald eagles eyeballing me from a tree at the edge of the dunes. Click here to see the whole set.
Away3d and Flash Player 11 – Source Code
Here is the source code for the Flash experiment I posted on Thursday.
package
{
import away3d.containers.ObjectContainer3D;
import away3d.containers.View3D;
import away3d.debug.AwayStats;
import away3d.entities.Sprite3D;
import away3d.filters.BloomFilter3D;
import away3d.filters.BlurFilter3D;
import away3d.filters.DepthOfFieldFilter3D;
import away3d.lights.DirectionalLight;
import away3d.lights.LightBase;
import away3d.lights.PointLight;
import away3d.materials.BitmapMaterial;
import away3d.materials.ColorMaterial;
import away3d.materials.methods.FogMethod;
import away3d.primitives.Cube;
import away3d.primitives.Plane;
import away3d.primitives.Sphere;
import flash.display.BitmapData;
import flash.display.BlendMode;
import flash.display.Sprite;
import flash.display.StageAlign;
import flash.display.StageScaleMode;
import flash.events.Event;
import flash.geom.ColorTransform;
import flash.geom.Vector3D;
import flash.utils.getTimer;
/**
* Cubes01 Stage3D Demo by Felix Turner - www.airtight.cc
* Modified by John Winkelman - www.eccesignum.org
*/
[SWF( backgroundColor='0xffffff', frameRate='60', width='800', height='600')]
public class Cubes02 extends Sprite
{
private var CUBE_COUNT:int = 500;
private var MATERIAL_COUNT:int = 30;
private var CUBE_SIZE:int = 10;
private var view : View3D;
private var cubes:Array = [];
private var cubeHolder : ObjectContainer3D;
private var theta:Number = 0;
private var radius:Number = 150;
private var orbitSteps:Number = 1000; // number of steps necessary to complete one orbit
private var orbitSpeed:Number = Math.PI*2/orbitSteps; //amount by which theta will be incremented at each interval
private var objectInterval:Number = orbitSteps/CUBE_COUNT; // distance between objects on the curve
private var objectPosition:Number;
private var direction:Number = 1; // or -1 - controls direction of orbit
public function Cubes02(){
super();
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
//init 3D world
view = new View3D();
view.camera.z = -1000;
addChild(view);
//init object to hold cubes and rotate
cubeHolder = new ObjectContainer3D();
view.scene.addChild(cubeHolder);
//add lights
var light:PointLight = new PointLight();
light.position = new Vector3D(-1000,1000,-1000);
light.color = 0xffeeaa;
view.scene.addChild(light);
var light2:PointLight = new PointLight();
light2.position = new Vector3D(1000,1000,1000);
light2.color = 0xFFFFFF;
view.scene.addChild(light2);
//init materials
var materials:Array = [];
for (var i:int = 0 ; i < MATERIAL_COUNT; i ++ ){
var material : ColorMaterial = new ColorMaterial(Math.random()*0xFFFFFF,1);
//material.blendMode = BlendMode.ADD;
material.lights = [light,light2];
materials.push(material);
}
for (var j:int = 0 ; j < CUBE_COUNT; j ++ ){
var s:Number = CUBE_SIZE;
var cube:Cube = new Cube(materials[j % MATERIAL_COUNT], s,s,s);
cubeHolder.addChild(cube);
cube.x = 0;
cube.y = 0;
cube.z = 0;
cubes.push(cube);
}
//add stats
addChild(new AwayStats(view));
this.addEventListener(Event.ENTER_FRAME, onEnterFrame);
stage.addEventListener(Event.RESIZE, onStageResize);
onStageResize(null);
}
private function onStageResize(event : Event) : void{
view.width = stage.stageWidth;
view.height = stage.stageHeight;
}
private function onEnterFrame(ev : Event) : void{
cubeHolder.rotationX+=.2;
cubeHolder.rotationY+=.4;
cubeHolder.rotationZ+=.8;
for(var i:int=0; i < CUBE_COUNT; i++) {
objectPosition = orbitSpeed*objectInterval*i; // each object is individually updated
/* OBJECT MOVEMENT CODE GOES HERE */
cubes[i].x = radius * (Math.cos(theta + objectPosition) * (Math.pow(5,Math.cos(theta+objectPosition)) - 2 * Math.cos(4 * (theta+objectPosition)) - Math.pow(Math.sin((theta+objectPosition)/12),4)));
cubes[i].y = radius * (Math.sin(theta + objectPosition) * (Math.pow(5,Math.cos(theta+objectPosition)) - 2 * Math.cos(4 * (theta+objectPosition)) - Math.pow(Math.sin((theta+objectPosition)/12),4)));
cubes[i].z = radius * Math.sin(theta + objectPosition) - radius*1*(Math.sin((radius/radius + 3) * (theta + objectPosition)));
/* OBJECT MOVEMENT CODE GOES HERE */
}
theta += (orbitSpeed*direction);
view.render();
}
}
}
Most everything is a duplication of a block of code I snagged from Airtight Interactive’s Stage3D vs. WebGL demo. In addition to finally understanding something of how programming for 3d interfaces works, this gave me an opportunity to dive back into some of the trigonometry experiments I built back in the day.
In the code above, look at the method onEnterFrame. In it, inside the for loop, are three lines which update the x, y, and z coordinates of each block. Those blocks have some scary looking math attached to them; lots of sin and cos and radii, and thetas. I cheated – I actually wrote that code almost three years ago for my Simple Trigonometric Curves Tutorial over on Kongregate. X and Y positions are set using a transcendental Butterfly curve. The Z position is set using a variation on an Epicycloid curve. For fun, grab some of the other curves out of the tutorial, and plug them in in place of the current formulae. If you come up with something interesting, post it.
Away3d and Flash Player 11
Click the image above to launch the experiment. Requires Flash Player 11. May beat up on older computers. A lot.
What you see here is a simple example of what the Flash 11 player is capable of. There are 500 cubes, dynamically lit, moving through a “Transcendent Butterfly” curve on the x and y axes, and a variation of an epicycloid in the Z. The whole formation is oscillating through the x, y, and z axes as well. The little box in the upper left corner shows frame rate and the amount of RAM which the animation is using. I have had as many as 1000 cubes running through this animation but the frame rate dropped down below 30 FPS. 500 cubes is plenty for the moment.
This animation was created using the Away3d code library.
Procedural Generation 1 – Creating a Cave using Cellular Automata
Cellular Automata rule sets are quite useful for building cave-like systems.
- Fill a bitmap with random black and white dots. Black represents filled space, white represents open space.
- Iterate through the bitmap, applying the CA rules to each pixel
- create the updated bitmap
- cycle back to step 2, repeat until desired result
The following is the series, from random noise all the way to a completed cave system. Each image is 64×64, though it can easily be scaled up to any arbitrary size. I have found that images at 256×256 and above tend to bog down somewhat, so be careful.
Once you have tweaked the algorithms to get the desired cave design, you may have more than one disconnected piece. There are three ways you can re-connect those pieces to the cave system
- go through and eliminate all but the largest open area
– This might result in a quite small cave, so some experimentation here might be necessary, such as setting an arbitrary number of pixels or percentage of overall area as the minimum allowed cave size - draw tunnels to connect the pieces
– either find the center point of each piece, and draw a tunnel from point A to point B, or iterate through each point in each open area, find there they are closest together, and connect those points - in multilevel games, connect to the next level(s) up and down. A cave needn’t be only one level.
– this assumes that the same issue does not exist in the next level up and/or down. An unfortunate selection of initial starting conditions could result in two “silo” caves next to each other, with few or no connection points.
There will be some back and forth between tweaking the algorithm and deciding what makes for the best caves. You can add logic to sometimes eliminate extra rooms, sometimes connect them, and sometimes connect them to the next level.
Of course, you don’t necessarily need to create all of the levels at load time. You can create them on the fly – though this does make vertical connections more difficult. Do some experimenting; see which method works best for you. I suggest always having at least two lower levels created, to reduce potential conflicts when fleshing out the current level.
Exploring the Primal Blueprint
For about eight months now I have been following a diet and lifestyle plan called the Primal Blueprint. It has many dedicated followers and fervent advocates. Actually, rather than “follow” I would say I fly in loose formation with the Blueprint. I have my lapses – being only human, and living around the corner from one of the best bakeries in the city. Still – my health and fitness levels are much improved, and despite the occasional bag of potato chips for dinner, things continue to improve on a gradual and manageable trajectory. I can fit into clothes that last buttoned in my early 30s, if not earlier. My weight hasn’t been this low, I think, since I began building websites for a living.
I have never been one to follow “a diet”. The path that took me to where I am now follows:
Back in 2007 my brother, his future wife and I road-tripped to Louisiana to visit our dad and spend some time wandering around Mardi Gras. We had a splendid old time, ate tremendous amounts of really good food, and got to enjoy New Orleans when it was bearably hot and humid. Every day brought a new delicacy, and it being Mardi Gras time, we went through at least one full King Cake every day. Add to that all the deep-fried southern delicacies, gallons of beer from the Abita Springs brewery less than a mile from Dad’s house, and, well, a lot more of me came back from vacation than started out.
I didn’t really feel like I had gained weight. My clothes were tight, and I had to let out my belts a notch, but I told myself it was just the winter hibernation metabolism doing its thing. I bought a bathroom scale, found out I weighed around 205 pounds. It didn’t seem like such a big deal; as a martial arts instructor I work out a lot; up to fifteen hours a week in class, plus all my personal training. Still, 205 seemed kind of high.
Thinking back through the list of food on the vacation, talking to my girlfriend, I realized I couldn’t name a single vegetable I had eaten, other than those in the buckets of gumbo or chili, or french fries, or onion rings. That made me feel kind of queasy.
I immediately drove to the store and bought a car-load of fresh (-ish; they were from a grocery store) vegetables and fruit, and started packing bowls of chopped up tomatoes and avocado for lunch at work. This represented a big change from my usual habit of ordering a sandwich nearly as big as my head from the amazing kitchen at Founders Brewing Company, which at the time was one floor down from where I worked. In a surprisingly short amount of time, the weight began dropping off. For a while, it seemed like every other day I would weigh myself and I would have lost another pound. By the beginning of May I was approaching 190. That was when the Fulton Street Farmer’s Market opened for the year. Suddenly I had vegetables in abundance.
At about that same time my girlfriend put herself on a restricted diet, which cut out all refined sugar, corn syrup and wheat gluten. Have you ever tried going out to eat, or buying common snack foods, without getting at least one of those three ingredients? Not easy at all. Here is where I had to begin adding new tools to my intellectual toolkit. Namely, cooking. A random bowl of raw vegetables is perfectly acceptable for a lunch for one, but when it comes to full meals with a significant other, it quickly gets old.
Between the internet and my girlfriend’s stash of vegetarian and vegan cookbooks, we built up a reasonable repertoire of yummy recipes. For me, the weight continued to fall. I got down below 190 for the first time in who knows how long. Finally, I stabilized around 185, with one noticeable dip down close to 180 during a serious bout of the flu.
Life was good. Then I got complacent. Then the weight started creeping back, a pound at a time. Work- and life- related stress made things worse. Over the next year and a half I returned to 195, where my weight stabilized, though a hard weekend of pizza and beer could bring it back up close to 200. And here I stayed until roughly February 2011.
As is usual at the turning of the lunar new year, I had made a few goals for myself. Not resolutions in the sense that I wanted to accomplish this and that and the other thing. More like, these few important things in my life, I want to do a little better. Of course my weight was one of those things.
I don’t remember how I discovered Mark’s Daily Apple, but I had been reading it for a few months. He seemed to really know what he was talking about, and backed up everything with scientific research (from actual scientists, no less!), statistics, and anecdotal evidence from himself and others of a similar mind-set. And his website is the hub of a community of happy, healthy, motivated people.
Anyway: Chinese New Year came and went, it was now the Year of the Rabbit. And I read the story of the Unconquerable Dave. Take a minute to read this one. It is really something.
Re-inspired, I cut way back on the grains and legumes, and ramped up the meat and veggies. Again, the weight started coming off; more slowly this time, but also more steadily. 190 came and went, then 185. Then I got laid off, and my weight stabilized at 185. More free time meant more time to prepare good food, but it also means more time to eat. Took me a little while to find the right balance. I got the food figured out, and the weight started to come off again, still slowly and manageably. Unlike in 2007, I this time I noticed my energy level increasing, as well as the quality of my sleep, and my overall sense of strength and well-being. I don’t know exactly what I did differently this time. Possibly less sugar.
So here I am now. My weight is now stable around 175. I have had to replace most of my wardrobe; three bags of large clothes off to Goodwill, and a small stash of 36″-waist pants for the holidays. I have a new job, and I walk or bike one and a half miles to work every day, carrying an 18 pound backpack. The fresh vegetables are becoming scarce, so I will have to start buying supermarket produce again for the first time in six months. I still indulge in the occasional snack food or pizza, but usually only on the weekends, and always in smaller quantities than before.
So: What do I think of the Primal Blueprint? Here is a list.
1. The food side of the PB was surprisingly easy to stick to, up to about 80%. Cutting out starchy root vegetables, legumes, and grains seriously impacts dining out. So I prefer to show moderation, even in moderation. Having said that, knowing that I got such great results even while not being super-strict gives me more respect for the PB.
2. The exercise/lifestyle aspect of PB – move slowly a lot, sprint occasionally, lift heavy things, get lots of sleep – fits in well with the current phase of my life. Martial arts and the PB complement each other nicely. The most difficult part is “get lots of sleep”.
3. The online community is great! Lots of support from the commenters and posters in the forums. Given the lifestyles of many of the PB aficionados, it feels like a distributed tribe.
4. The information on the site is well documented. Sisson is very good at backing up everything he says with references for people who want to do more research on their own.
So I feel comfortable advocating the Primal Blueprint. It worked for me. A few of my friends have tried it out, and have had great results. I haven’t felt this healthy since I was in my late 20s. If any of my half-dozen or so readers have tried this, post a comment! I am interested in hearing your story.
Procedural Generation, Intro
This is the first of what I hope to be many posts exploring the topic of procedural generation, particularly as it applies to game development and art.
At it simplest level, procedural generation (pg) is the use of a small amount of code, or an algorithm, to create a result, rather than creating that result by hand. Randomness and pseudo-randomness generally figure into the process, as well as set theory, emergence, and a wide variety of mathematical concepts such as fractals, the Fibonacci sequence, cellular automata, Perlin noise algorithms, and occasionally cryptography.
PG starts with the creation of a series of bits or numbers, then branches out into the myriad uses to which that series can be applied. How the numbers are chosen is just as important. So PG starts a level lower, at the algorithm which creates the data.
A list of numbers can mean almost anything depending on its context. But for a given context, not all sets of numbers will work. Therefore it is important to have a number generator which will produce useful data for a given task. This is where experimentation comes in to play.
But enough of the high-level stuff.
I have several years of notes, graphics, experiments, and source code through which I am currently sorting. Over the upcoming months I will post breakdowns of some of them, particularly those which can be applied to game development. And in those, I will be providing ideas about how to make PG useful, and how to tweak things so that using this method actually saves time and effort. Here are some of the ideas which I will cover:
- terrain generation
- town placement
- resource placement
- maze generation
- cave/dungeon generation and population
- place name generation
- graphics creation
- plant/tree generation
…and various combinations of the above.
In the meantime, click here to see the nearly 30 old entries I have made in this blog regarding procedural generation.
Hardy Dam Rustic Nature Trail
Back in mid-August my girlfriend and I spent an afternoon in Newaygo, walking along the Muskegon river just downstream from the Hardy Dam. The local Boy Scouts worked with Consumer’s Power to mark out an interpretive path called the Hardy Dam Rustic Nature Trail.
The trail is short – not quite three miles, round-trip – and is reasonably well marked. When we went the ground was wet from several inches of rain over the previous couple of weeks, so we got a little muddy. Still – a beautiful walk in the woods.
One of the highlights was the discovery of at least a dozen red-backed salamanders. There seemed to be at least one under ever fallen limb. Since they are an indicator species, I take that to mean that the ecology of the Muskegon River is quite healthy.
Click on any of the photos to see the rest of the set on Flickr, or click here to start at the beginning.
Wikipedia as a Life Line for the Creative Urge
If you are like me – and I know I am – then you know that when the creative urge strikes, it doesn’t always come hand-in-hand with ideas. You know you want to do…SOMETHING… but have no idea what that thing is. Much like the adrenaline high of a sudden scare which leads nowhere, the creative juices which were so powerful in the morning sit unused, and gradually sour into an afternoon of sitting fatassedly on the couch, watching television.
While browsing through Wikipedia the other day in the grip of post-urge ennui, I realized that the “On this day…” link on the right side of Wikipedia’s main page is a treasure trove of disparate events, united by the theme of having happened on this particular date, offset by a certain number of years. What if someone was to take a random-ish handful of the events which happened on a day, and from them construct a story, or a poem, or the plot to an adventure game? I tend to look at things through the lens of a semi-practicing Buddhist, so the idea of cycles and recurrence appeals to me, and the filter of requiring a specific date makes the data set manageable – it provides the constraint which helps stave off the onset of option paralysis.
Putting this idea into practice, look at the page for September 25. A lot happened on this date in history. Here is a (very) small sample:
275-Tacitus becomes Emperor of Rome.
1513-Balboa reaches the Pacific Ocean.
1775-Ethan Allen surrenders to the British.
1789-Creation of the Bill of Rights.
1972-Norway rejects membership of the European Union.
2008-China launches the spacecraft Shenzhou 7.
Fletcher Christian was born in 1764, Lu Xun in 1881, and Catherine Zeta-Jones in 1969.
Johannes Secundus died in 1536, Pope Clement VII in 1534, and George Plimpton in 2003.
Coincidence? I THINK NOT!!!
But you can see where I am going with this. Narrative frameworks could be constructed which follow specific threads or sub-filters of the information on that page – say, only the events which are political in nature, or only the deaths of artists, or only the births which happened in years evenly divisible by 10. Start with a set of disjointed data. Apply an arbitrary filter. Come up with a loose narrative which allows for a significant number of the events in the filtered set. Apply a second filter. Tighten the narrative. A third filter. Now the narrative either falls apart, or contains within it the seeds of a story.
While it can be difficult to pull a complete story out of such an exercise, it can provide the seed of something much more complex. Or, perhaps there is a poem somewhere in the mix. Or the framing story of a game. Or even a film script.
At its simplest, constructing a coherent story from such an arbitrary list of data is a good thought experiment. With National Novel Writing Month starting in a few days this could be the seed of something amazing.
Some Leaves
Clicking any of the photos will take you to the Lightbox set on Flickr.
