I'M JOHN MARS,

Day 9: Success!

Graph database is building! It took a lot of trial and error, but I am currently building a database of every article and their connections.

50 Days of Web Experiments

Day 8: Computer Crash

48 hours into building the database, and my computer crashed (I assume it was some memory issue caused by trying to build the database).

50 Days of Web Experiments

Day 7: Still building!

Its been anout 30 hours since I started building the database, and it is still going...

50 Days of Web Experiments

Day 6: Building...

I didn't actually get the database to build yesterday. There were a bunch of errors, from issues with my Apple Silicon Mac, to version issues with the Neo4j SDK, to memory sizing issues with Docker. After a lot of fiddling, I finally got a Docker container to start building the

50 Days of Web Experiments

Day 5: Neo4j & Graphipedia

I'm taking a slight step backwards today. Last night, I remembered about Neo4j, a database that's built with graphs instead of more common data structures (like SQL). Neo4j Graph Data Platform – The Leader in Graph DatabasesConnect data as it’s stored with Neo4j. Perform powerful, complex queries at scale and

50 Days of Web Experiments

Day 4: Database connection & BFS research

First, I installed Prisma, introspected the database, and generated a client. I've worked with Prisma before (it's a great ORM), and it gives the ability to swap to a different database source in the future without too much difficulty (in case sqlite doesn't cut it). Next, I need to implement

50 Days of Web Experiments

Day 3: Domain & Next.js scaffolding

We bought a domain! It's https://wikiwiki.today Today, I also started setting up a new Next.js project (with TypeScript, ESLint, Prettier, Tailwind, Emotion, and twin.macro), and started hosting it on Vercel. I expect we'll also need to run a traditional server somewhere else (like DigitalOcean or Render)

50 Days of Web Experiments

Day 2: Six Degrees of Wikipedia

For the first experiment, I'm going to work with my friend and colleague Mo Mahler to build WikiWiki, a Wordle-like puzzle game where players try to get from one Wikipedia article to another only by clicking links within the articles. There is an existing implementation of this game (it also

50 Days of Web Experiments

Day 1: The Beginning

Every day, for the next 50 days, I will be working on a web experiment.

Typography

Hershey Sans Single Line SVG Engraving Font

A true single-stroke engraving font, for laser cutters, pen plotters, Cricuts, 3D printers, CNC mills, etc. I made this when I couldn't find any fonts that were truly single-stroke. Every font I found, no matter how thin it looked or what the author promised, was actually a multi-stroke closed shape

Experimental Sound Synthesis

Facestrument

Facestrument is an instrumental performance piece created for Experimental Sound Synthesis in collaboration with Steve Chab as Audio Engineer, Chung Wan Choi as Composer and Performer, Tyler Harper as Performer, and Julia Wong as Performer. I played the role of application developer. The Facestrument application was created for OSX with

Experimental Sound Synthesis

Untitled (ESS Project 1)

Untitled is a 8-channel, surround sound piece of music composed/arranged from a variety of field recordings. It was developed collaboratively with Clair Chin and Elliot Rosen for Experimental Sound Synthesis. The piece uses eight speakers in isolation and in concert to both orient and disorient listeners in a proposed

Experimental Sound Synthesis

Musical Simon

Musical Simon is a game for iOS based on the classic Simon game, albeit with a twist. Instead of pressing light-up buttons, a player must repeat a musical pattern with their voice (or an instrument). It was developed collaboratively with Maya Kaisth for Experimental Sound Synthesis.

Interactive Art & Computational Design

/u/travel_bot

My bot is named /u/travel_bot, and it lives all over reddit. /u/travel_bot starts at an origin point (I picked /r/botwatch), and then goes on a journey through reddit by traveling to subreddits suggested by users. There were a bunch of difficulties in making the app,

Interactive Art & Computational Design

Anitype [*]

The asterisk [*] — a star. It’s all-powerful, yet noncommittal (why should any one letter deserve my attention? You have to be special to earn that). I like stars, space, vectors, and the interplay between Sine and Cosine, so I made the formation of a galaxy. 😔Looks like Anitype is no

Interactive Art & Computational Design

FaceCat

Exploring the CAT dataset with a human face. Process: Find dataset.Torrent gigantic dataset.Explore ofxfacetracker.Write and parse data within app.The dataset is obviously very unimportant, and not many insights can be gleaned from it. Also, the way I go about determining which cat to use is incredibly

Interactive Art & Computational Design

CityGrabber

Last year, I was introduced to migurski/NokiaWebGL via Clement Valla’s 3d-maps-minus–3d. NokiaWebGL is a Python module that extracts the 3D tiles, i.e., buildings, textures, and terrains, from Here.com née Nokia Maps. Using chaosct/ofxPython, I was able to implement that module in openFrameworks. I modified

Speculative Design

NOT GUILTY: Spider Wins Trial Against Mutilated Koala

SYDNEY — Riots have broken out across Australia as shocking news arrives from the courthouses of Australia today that the jury in the trial of Burns v. Legs finds the defendant, Anthony “Legs”, Not Guilty. Legs, a Sydney Funnel-web spider from the Namadgi National Park outside of Canberra was standing trial

Speculative Design

COMPOSITE

http://composite.m4r5.io Creating unusual visions of memorable places. Enter an address you’re familiar with, receive a speculative/composite scene in return. Code here

Making Things Interactive

LAYERd

LAYERd is a multi-layer display made from off-the shelf computer monitors. It allows for glasses-free 3D as well as a novel way to envision User Interfaces. Every LCD screen on the planet is made of two main parts: a transparent assembly (made of laminated glass, liquid crystal, and polarizing filters)

Hybrid Instrument Building

Vox Proprius

Vox Proprius (source code) is an iPhone app that harmonizes with you while you sing. Running on the openFrameworks platform, it uses the ofxiOS addon combined with the ofxPd addon to generate sound and visuals. All of the extra parts are generated live from your own voice using a pitch

Case Study

Screens

What is a screen? What can it be? This post looks at the embodiment of the screen as a function of dimension, and presents a rapid survey of all types of screen — past, present, and future — in hopes to begin a dialogue about the objects that convey information into our

Typography

ENG-MARS — a Single Line Typeface for Engraving

ENG-MARS is a typeface made of single lines that's perfect for laser cutting or CNC milling. Traditional fonts are thick. Standard font formats like TTF and OTF only allow closed shapes, which means characters are formed with outlines, no matter how thin they look. ENG-MARS is formed with single-stroke vector

Hybrid Instrument Building

Conductranome

Conductranome is a haptic conductor's baton. It vibrates according to the director's motions, and syncs those vibrations to similar devices held by each performer.

Making Things Interactive

vs

What's more popular on Twitter?