Michael Fogleman

Ribbon diagrams are 3D schematic representations of protein structure.

You've probably happened upon these before. I always thought they looked very complex and never figured I'd know how to create such a diagram myself. After creating FauxGL, however, I was in search of interesting 3D visualizations and decided to research these interesting diagrams.

Roughly, proteins are chains of amino acids that are pieced together while reading genetic code. As a protein is formed, these chains will fold in various ways, forming helixes, strands, and coils. A ribbon diagram depicts the 3D structure of the protein as well as these common secondary structures.

The Protein Data Bank is an online database of over 130,000 PDB files. These files encode all of the information needed to produce a ribbon diagram. With this software, you can simply type rcsb XXXX where XXXX is the alphanumeric PDB code and a PNG will be generated in a few seconds.

It's like OpenGL, but it's not. It's FauxGL.

It doesn't use your graphics card, only your CPU. So it's slow and unsuitable for realtime rendering. But it's still pretty fast. It works the same way OpenGL works - rasterization.

I mostly wrote this for fun and for learning, but I've already found it useful in other projects.

Features

• STL, OBJ, PLY, 3DS file formats
• triangle rasterization
• vertex and fragment "shaders"
• view volume clipping, face culling
• alpha blending
• textures
• depth biasing
• wireframe rendering
• built-in shapes (plane, sphere, cube, cylinder, cone)
• anti-aliasing (via supersampling)
• parallel processing

The AxiDraw is a very nice modern pen plotter. It ships with Inkscape-based software for controlling it, but I was more interested in programmatically controlling it myself. So I wrote this library that controls the plotter directly over the USB serial port.

The most interesting part of this project, for me, was writing my own motion planning algorithm. I stuck with constant-acceleration for simplicity, and the code for the planner came out to just a couple hundred lines of Python!

See the motion planning algorithm in action in this web-based visualization.

Features

• control the AxiDraw directly from Python with a simple API
• convenient command-line utility
• constant acceleration (trapezoidal velocity) motion planning
• path drawing order optimization
• drawing transformations
• preview drawing (render to png)
• turtle graphics
• lindenmayer systems

You provide an image as input. The app tries to find the most optimal shape that can be drawn to maximize the similarity between the target image and the drawn image. It repeats this process, adding one shape at a time. Using this process, the program can recreate a photo with surprisingly few shapes.

This project was originally inspired by the popular and excellent work of Roger Johansson - Genetic Programming: Evolution of Mona Lisa. Since seeing that article when it was quite new, I've tinkered with this problem here and there over the years. But only now am I satisfied with my results.

The core is written in Go and is open source. A native macOS app is also available in the App Store, providing a nice UI on top of the engine as well as some additional features like "drawing mode." To date, this has been my most successful paid app.

This is a straight-forward implementation of Surface Simplification Using Quadric Error Metrics, SIGGRAPH 97, written in Go. Some problematic meshes don't simplify very well, but overall it works nicely. Watch the animation - it iteratively simplifies the mesh by 50% until only 16 faces remain.

I wrote this as a learning exercise for dealing with huge amounts of data on a map.

The points are stored in Cassandra, where they are clustered by their tile coordinates at a predefined map zoom level. When a tile is requested, the tile server can then quickly fetch the correct points. The points are then rendered onto the tile in a way that looks nice but is very performant. The tile server also caches the tiles on disk.

Go has an excellent set of image packages, but what do you do when you want to render 2D graphics? The golang freetype library implements nice anti-aliased rendering of paths, but is primarily for drawing text. So I built gg on top of it to provide a nice, general purpose 2D graphics API inspired by Cairo.

Features

• Anti-aliased rendering
• Fill and stroke paths
• Draw images and text
• Built-in word wrapping
• Line caps, joins, dashes
• Gradients and patterns
• Transformation matrix
• Push and pop context state
• Clipping regions

This code uses simulated annealing to find the shortest path to visit all black pixels in an image. Then it generates an animated GIF showing the order of traversal.

Unlike OpenGL, where the output of the rendering pipeline is a rastered image, the output of ln is a set of 2D vector paths. It supports texturing, CSG, and more! I created this so I could plot 3D drawings with my pen plotter, which naturally requires vector input.

This was my submission in the /r/proceduralgeneration monthly challenge. I used several excellent third party libraries...

• cairo for rendering
• colour for color interpolation
• noise for simplex noise
• Pillow for saving debug images of noise layers
• pyhull for delaunay triangulation
• Shapely for all kinds of 2D geometry operations

Got geocoordinates but don't know how to see them quickly? Just paste them into Mapper! Doesn't matter if it's comma-separated, whitespace-separated, or something else. You can add multiple datasets and each one can be configured to plot different symbols or styles. Once you're happy with the visualization, it even has a button that gives you a link for sharing.

I never had an NES as a kid, but I did have a Commodore 64. I played lots of games on it, including Mario ripoffs. Some of my friends had a Nintendo, so I did have some exposure and was always fond of SMB3. Writing an emulator sounded fun and now I can play old Mario classics whenever I want. And yes, it can generate animated GIFs!

This was the first thing that I wrote using Go and I've been loving it ever since! The inspiration for this project came from Evan Wallace's WebGL Path Tracing.

• Supports OBJ and STL file formats
• Supports textures, bump maps and normal maps
• Supports raymarching of signed distance fields
• Supports volume rendering from image slices
• Supports various material properties
• Supports configurable depth of field
• Supports iterative rendering
• Supports adaptive sampling and firefly reduction
• Uses k-d trees to accelerate ray intersection tests
• Uses all CPU cores in parallel
• 100% pure Go with no dependencies besides the standard library

I wrote my first chess engine back in college. It didn't play very well because I never really figured out the advanced search techniques. More recently, after a long hiatus, I tried my hand at writing a chess engine again, and Mister Queen is the result. It's pretty weak among computer chess engines, but it can beat me handily. Features include:

• Bitboards and "magic" bitboards for board representation and super-fast move generation.
• Custom, hash-based opening book based on over three million games from the FICS database.
• Zobrist hashing and a transposition table storing exact values and the best move.
• Null move pruning, aspiration windows, iterative deepening, quiescence search.
• Supports the Universal Chess Interface (UCI).
• Passes all perft tests.

David Kopec used Mister Queen in a chess app for the Apple TV! Read what he wrote about that here.

This code interfaces with a USB GPS receiver and produces a 3D visualization of GPS satellite positions for all of the satellites that are currently in view.

This code converts HiRISE DTMs from their PDS format to a 3D mesh in STL format with an accompanying normal map texture for high-resolution lighting. The visualizer was written using pg, my Python OpenGL library.

This code provides an interesting API for constructing tilings of regular polygons. It can also render the dual tilings.

An experiment inspired by the book "Sync: How Order Emerges From Chaos In the Universe, Nature, and Daily Life" by Steven H. Strogatz.

Each cell flashes every few seconds. The cells influence each other in such a way that they will all eventually synchronize, as do some species of fireflies.

The cells charge following a logarithmic curve similar to that of a charging capacitor, firing upon reaching a threshold. This affects neighboring cells by a factor proportional to the inverse of their squared distance. The cells need not have identical individual frequencies to reach sychronization.

The program targets an input image. The input image is split into four quadrants. Each quadrant is assigned an averaged color based on the colors in the input image. The quadrant with the largest error is split into its four children quadrants to refine the image. This process is repeated N times.

I backed the Game Frame Kickstarter project. While waiting for it to ship, I wrote this macOS app that displays pixel art in a simulated view so you can see it as it will appear on the real hardware.

Efficiently create AllRGB images that target an input image. The input must be 4096x4096px. The output will also be 4096x4096px and will contain all 16,777,216 distinct RGB values once and only once.

See allrgb.com for details on the concept.

Explore the mathematical beauty of fractals and create stunning fractal art with Scale. Scale is fast and a pleasure to use. It was designed from the ground up to be intuitive and user-friendly.

Graphviz is the main player when it comes to graph visualization. But its output isn't very appealing, at least not by default. With this in mind, and being a fan of simulated annealing, I experimented with using annealing for graph layout. The results are pretty good, but it probably doesn't scale very well. The algorithm basically tries to minimize the following metrics, with different weights applied to each:

• Node-Node Intersections
• Node-Edge Intersections
• Edge-Edge Intersections
• Edge Lengths
• Total Graph Area
• Node Rank Violations

Piet Mondrian was a Dutch painter. His paintings with orthogonal lines and rectangular splashes of primary colors on white backgrounds are very recognizable. I wondered what it would take to programmatically generate Mondrian-esque images. Here's what I came up with.

A very performant Minecraft clone written in just a few thousand lines of C using modern OpenGL (shaders). Online multiplayer support is included using a Python-based server. Many people have used this as a base upon which a more complex game was built.

Download

• Windows Download (2.2 MB)
• Mac Download (733 KB)

This simple app uses lists of nouns, verbs, adjectives, and "mnemonics" to generate random two-word phrases.

The DCPU-16 was intended to form the basis of a video game by Mojang called 0x10c. Work on the game has since discontinued.

Implemented Specifications

• DCPU-16 1.7
• LEM1802
• Generic Keyboard
• Generic Clock

Super-fast Scrabble engine using DAWGs (Directed Acyclic Word Graphs) as the dictionary data structure.

Download

• Windows Download (11.2 MB)
• Mac Download (5.6 MB)

Features

• Over 100 built-in templates.
• Enter your own header and footer text.
• Adjustable text size and alignment.
• Use your own images.
• Save as PNG or copy to the clipboard.
• Print directly from the app.
• Automatically upload to imgur.
• Automatically post to reddit.

My friend introduced me to a board game called Ricochet Robot (or Rasende Roboter in its original German form). It's a fun game, but I found it even more fun as a programming problem. I implemented the game in Python, including a user interface and a solver. After that, I sped up the solver tremendously by porting it to C. My solver includes several "tricks" that make it quite fast. See these slides for more details.

Feed Notifier is an application for Windows and macOS that resides in the system tray or menu bar and displays pop-up notifications on your desktop when new items arrive in your subscribed RSS or Atom feeds.

Feed Notifier is for you if you want a news aggregator that focuses on real-time feed notifications and leaves out all the other stuff that comes with most news readers.

Navigate your rocket through a universe filled with planets, asteroids, bumpers, teleports and items... collecting all of the stars as you go!

Objectives

• Collect all of the stars in each level.
• Complete each level as quickly as possible. You will be rewarded 1, 2 or 3 stars for each level, depending on your time.

Details

• Planets exert gravity on your rocket - don't get too close or you won't be able to escape the pull of the gravity!
• Magnets let you attract and collect stars from a greater distance!
• Shields let you plow through and destroy asteroids!
• Flames give you an instant boost in the direction you are pointing.
• Your rocket will bounce off of bumpers. Try it - it's fun (but not always helpful)!
• Teleports instantly transport you to another teleport location.