Wikipedia Visualization
Jul 9, 08:52 PM
I just stumbled across a really great mindmap visualizer: you give it a Wikipedia topic, and it graphs it out by links and topics.
articles
Q3: Nigh-Complete Playback
Apr 21, 07:46 AM
Yesterday we got Quake III to record movement data of bots and players. We also got .Net 3.0 + WPF up and running, and Craig played around with that framework for a while, coming up with a much nicer looking version of the Java thingie I posted yesterday, also with movement data.
In brief: the arrows are color-coded by bot. The transparent arrows show movement, and they appear at the location in the level where the bot is standing. Those arrows are facing the direction the bot is facing. When those arrows become solid, it means the bot is shooting. When there’s a death, we draw a big X in the color of the bot that died, and do the thing where we draw an arrow from the shooter to the killer.
This visualization is cool because you can actually see the circle-strafing and other tactics as they happen. It’s also a lot smoother looking than my app.
I took a video of the game being played on q3dm6, and uploaded it as a Flash video you can see here.
And in case you were wondering, the reason that everything, including the big X, is made of arrows, is because we only know how to draw arrows in WPF right now :P
Comments [1]
Q3: Map Playback
Apr 19, 05:21 PM
Today, while Jeff and Craig were busy doing more technology wrangling, I whipped together another cool visualization, based off of two key metrics:
- the location of a bot when they fire a weapon
- the location of a bot and their target when there’s a successful kill
Basically, we visualize 5-second windows of time during a deathmatch involving 7 bots on the map q3dm3. Within each window, we plot where a bot was when it fired a weapon. The point is color-coded by bot. If a bot successfully fragged another bot, we draw a line from the killer to the target, putting a big circle on the target. The circle is color-coded to the target bot’s color, and the line we draw is the color of the killer. We let you step back and forth in time to see the match from a bird’s eye view.
This visualization is actually interactive and live: you can play with it in your browser. Use the right arrow on your keyboard to go forward in time 5 seconds, and the left arrow to go back in time 5 seconds.
Click here to play with the visualization (warning: it’s a Java applet and may take a while to load).
Comments [4]
