Creative Coding · Interactive

Creative Coding

MSc Coursework · NYU Capstone · Interactive
Client
University of Edinburgh · NYU Abu Dhabi
Role
Designer & Developer
Year
2022–2024
Tools
Three.js · p5.js · JavaScript · HTML/CSS · PHP · SQL · LiDAR
Overview

Creative Coding

View on Edinburgh Graduate Show

A multi-project sandbox of creative coding work across my MSc at the University of Edinburgh and my BSc Capstone at NYU Abu Dhabi. Each piece explores a different use of code as a design medium — from LiDAR-scanned sculptural point clouds to live Arabic typography translation, an interactive public-health platform, and generative p5.js experiments.

Services
Web DesignWeb DevelopmentMotion DesignInteractive DesignConcept DevelopmentArt Direction
01
The Brief
Use creative coding to investigate ideas that would be impossible or tedious to hand-draw — generative systems, interactive behaviour, responsive typography, 3D point-cloud spaces, and data-rich web experiences.
02
The Approach
Each project was authored as a self-contained piece in Three.js, p5.js, or a full-stack web environment (PHP / SQL / JS). Live demos are linked below so visitors can interact with the output rather than just watch it.
03
The Outcome
Featured at the Edinburgh College of Art 2024 Graduate Show. A living body of work that keeps code fluent and keeps design thinking open-ended.
My Sculptures Last Forever
MSc Thesis · University of Edinburgh · 2023–2024

A creative-coding extension of Yayoi Kusama's sculptural work into the digital space, built around the question: how long can a sculpture last? Using LiDAR scanning on a phone (via Polycam) and Three.js point-cloud rendering, I rebuilt real Kusama sculptures from Doha as interactive 3D scenes. A slider lets visitors visually 'erode' or preserve the sculpture over time, turning a public-space artwork into a persistent digital artefact. Exhibited at the Edinburgh College of Art 2024 Graduate Show.

Live Demo — My Sculptures Last Forever
Interactive CodePen · drag to orbit the point cloud and use the controls to erode or restore the sculpture.
My Sculptures Last Forever 1
My Sculptures Last Forever 2
Interact with Arabic Type!
NYU Abu Dhabi Capstone · 2022 · Three.js

A live bilingual typography experiment built in Three.js — users type English words and watch them translate, letter-by-letter, into Arabic as 3D glyphs swarm across the canvas. Designed to spark curiosity about the Arabic language through play rather than pedagogy.

Live Demo — Interact with Arabic Type!
Interactive CodePen · type an English word and watch it translate into Arabic in 3D.
Disease Insight Compass
University of Edinburgh · 2023 · Full-Stack Dynamic Web

A dynamic, database-driven web platform designed to make public-health information — disease shape, transmission, fatality, global distribution — accessible to medical professionals, students, researchers, and general audiences. Built with PHP, SQL, Three.js for 3D virus viewers, and interactive D3 maps. Includes registration, a knowledge quiz engine, and an admin dashboard for editing quiz content.

Disease Insight Compass 1
Disease Insight Compass 2
Creative Coding Experiments
NYU Abu Dhabi · p5.js · Generative + Game

A rotating set of p5.js sketches — generative polygons, parametric harmonographs with live parameter controls, and a small platformer game. Each sketch isolates a different code-as-design instinct: rhythm, randomness, interactivity, and play.

Generative Polygons
OpenProcessing sketch · generative geometry in p5.js.
Harmonograph
OpenProcessing sketch · parametric harmonograph with live controls.
Platformer Sketch
OpenProcessing sketch · click into the frame, then use arrow keys to play.
Result
What it
delivered.
Featured at the Edinburgh College of Art 2024 Graduate Show. A living body of work that keeps code fluent and keeps design thinking open-ended.
View on Edinburgh Graduate Show ↗