Data Art Week 1

The assignment this week is to build a quick n’ dirty visualization of NYC immigrants. I approached it in three different chart types with the help of Chart.js library. The most important part of this assignment is to convert the .csv file to the data structure recognized by Chart.js. Chart.js is using a data student structure…

Algorithmic Composition Final Project

Background Being a hardcore gamer, I always know the importance of soundtracks in games. They not only create atmospheres suited for the games but also push the storyline forward. Crypt of the NecroDancer, one of my favorite PC games, is the best (in my opinion) action game whose producer integrated music to the gameplay in…

Hacking the Browser Final – Animating Your Steam

Intro I’ve discussed briefly in the last post that my extension for the final project is going to modify Steam website by adding game meme animations on it.   Basically, the extension does two things: adding wonderful animations and change some contents of the web pages. Steps Breakdown Three major steps of making this extension…

Hacking the Browser Week 3 – Decode A Bookmarklet

fontBomb The bookmarklet  I’m gonna decode today is called fontBomb, which basically allows you to place bombs on web pages and blow up the text. Just like this: Decoding The original code for the bookmarklet is simple: javascript:(function () %7Bvar s %3D document.createElement(%27script%27)%3Bs.setAttribute(%27src%27, %27http://fontbomb.ilex.ca/js/main.js%27)%3Bdocument.body.appendChild(s)%3B%7D())%3B After decoding, it became: ‘use strict’; javascript: { (function() { /** @type…

Nature of Code Final Project – GA and NN in Three.js

Previous Project Auto-steering Much like the Flappy Bird game, the goal of Into the Darkness is to avoid the rocks and travel as far as possible. I want to implement the auto-steering module in the 3D space using the GA. I would love to explore the difference of the GA between 2D and 3D space….

EROF Final – Dream Simulator

Background – Oneiromancy Oneiromancy exists in many cultures. God speaks to Abram while he is in a deep sleep (Genesis 15). In traditional Chinese culture, dead people are believed to have the power of seeing the future of their relatives. The dead may appear in their relatives’ dream and tell them about their fate. Sometimes, people also…

EROF Week 10 – Random Number Generator

Linear CongruentialAlgorithmn For the meditation this week, I adapted the linear congruential algorithm to make a pseudo-random number generator. Though a basic method, this algorithm is widely used in various occasions. The core equation is here: Magic Numbers The argument a, c and m determines the quality of the generator. You can see these three numbers…

Emotions in Motion Final Project

Ideas My original idea was to create the scene of lighting a birthday cake with motion graphics. But I do not have much time to start from scratch, so I decided to extend my class exercise by giving it a plot. By combing chest and birthday together, you would get birthday cake and candles inside…

EROF Week 8 – Switing

Background (Inspired by Eva & Tong) Tinder really swiped its way into the most popular social app. One of the reasons for its success, I believe, is the utilization of people’s subconscious. When glancing through photos in secs, you don’t really look at the characters on the pictures in details. You don’t have time. Your…

EROF Week 6 – Emptiomancy

Background There is no denying that we live in a world of consumerism. Millions of purchases and transactions are happening every second. The total retail amount of China and the US add up to over 100 trillion dollars. There is no denying that we live in a world of abundance. Consumers purchase commodities not for filling their bellies but also…