Skip to content
Johnny (Hongyi) Ding

Portfolio

Selected projects across computer graphics, distributed systems, networking and games.

Computer graphics

Mini Minecraft

A Minecraft-inspired open-world game with procedural caves, built by a team of three across three milestones.

  • C++
  • OpenGL
  • Procedural
Demo

Mini Minecraft

  • a Minecraft-inspired open-world game
  • team of 3, collaborated on git branches, 3 milestones
  • player physics, 3D camera, collision detection, block breaking/placing, player inventory
  • procedural cave systems generated with 3D Perlin noise
View demo

Forward+ and clustered deferred shading

Cluster-binned lighting in WebGPU, holding 30 fps with 5,000 lights on a laptop GPU.

  • WebGPU
  • TypeScript
  • Rendering
DemoCode

Forward+ and clustered deferred shading

  • implemented Forward+ and Clustered Deferred Shading using WebGPU and TypeScript
  • divided the view frustum into a 3D grid of clusters, each storing a list of relevant lights
  • 30+ fps with 5000 lights on lightweight laptops
View demoView source

Path tracer

A physically based path tracer with BRDF materials, importance sampling and BVH acceleration.

  • C++
  • Ray tracing
  • BVH

Path tracer

  • implemented path tracing algorithm based on the Rendering Equation
  • used techniques like BRDF materials, Monte Carlo Estimator, Importance Sampling
  • stored the mesh in Bounding Volume Hierarchies (BVH)
  • handled ideal specular and translucent materials

Dividing 3D space with chordal axis transform

Reproduced a CGF paper on packing irregular objects in 3D, from simple cubes to bunny meshes.

  • Geometry
  • C++
  • Research

Dividing 3D space with chordal axis transform

  • reproduced the paper: Ma, Y., Chen, Z., Hu, W. and Wang, W. (2018), Packing Irregular Objects in 3D Space via Hybrid Optimization. Computer Graphics Forum, 37: 49-59. doi.org/10.1111/cgf.13490
  • experimented with various scenes, ranging from simple cubes to complex bunny meshes

Cloth simulator

Mass-spring cloth you can drag with the mouse, with friction against a colliding sphere.

  • Simulation
  • Physics
  • C++

Cloth simulator

  • implemented Mass Spring Mesh to simulate cloth
  • supports mouse interaction — you can drag a point on the cloth with the mouse
  • added friction when the cloth collides with a sphere

Mesh editor

Half-edge mesh editor with edge split, face triangulation and Catmull-Clark subdivision.

  • Geometry
  • Half-edge
  • C++

Mesh editor

  • a mesh editor based on the half-edge structure
  • supports loading a mesh from an obj file
  • vertex/edge/face selection and movement
  • mesh transformations: edge split, face triangulation, Catmull-Clark Subdivision

GLSL shaders

A set of vertex and fragment shaders: Blinn-Phong, matcap, vertex deformation and Worley noise.

  • GLSL
  • Shading

GLSL shaders

  • different GLSL vertex and fragment shaders
  • Blinn-Phong, Matcap, vertex deformation, Worley noise

Scene graph editor

A GUI for editing a scene graph — rotate, translate and scale nodes in a hierarchy.

  • OpenGL
  • GUI

Scene graph editor

  • edit the scene graph with a GUI
  • rotate, translate and scale the nodes

Image superpixel segmentation

Implemented SLIC superpixels and compared results across iteration count, compactness and cluster size.

  • Computer vision
  • SLIC
  • Research

Image superpixel segmentation

  • implemented the SLIC superpixel algorithm from: Achanta, R., Shaji, A., Smith, K., Lucchi, A., Fua, P. and Süsstrunk, S. (2012). SLIC Superpixels Compared to State-of-the-Art Superpixel Methods. IEEE TPAMI 34. doi.org/10.1109/TPAMI.2012.120
  • compared the effects of different parameters: iteration steps, spatial proximity importance, number of clusters

Point cloud registration

Implemented Iterative Closest Point and analyzed where it fails — initial pose, local minima, speed.

  • ICP
  • Point clouds
  • Research

Point cloud registration

  • implemented the Iterative Closest Point algorithm from: P. J. Besl and N. D. McKay, “A method for registration of 3-D shapes”, IEEE TPAMI, vol. 14, no. 2, pp. 239-256, Feb. 1992. doi.org/10.1109/34.121791
  • conducted experiments, and discussed its limitations: sensitivity to the initial pose, local minima and efficiency

Systems & software

Nexus (search engine)

A distributed key-value store and RDD framework behind a search engine over 300k crawled pages.

  • Distributed systems
  • AWS
  • Java

Nexus (search engine)

  • distributed key-value store and RDD framework
  • responsible for AWS deployment in a team of 4
  • crawled 300k+ web pages, 20M+ rows of data
  • average query response time of 1.34s

AttackTrace

A cloud-native SSH honeypot analytics platform — winner of Best Use of the Cloud and Cybersecurity at SteelHacks XII.

  • AWS
  • Next.js
  • D3.js
  • Security
Demo

AttackTrace

  • a cloud-native SSH honeypot analytics platform (SteelHacks XII: Best Use of the Cloud, Cybersecurity)
  • built the real-time data pipeline on AWS EC2, S3, DynamoDB and Lambda
  • used Next.js and D3.js to visualize attack logs in a dashboard
  • Project page on Devpost
View demo

AConn (voice chat)

Cross-platform voice chat at 13 Kbps with a module that anonymizes the speaker's identity.

  • Networking
  • Audio
  • Cross-platform
Code

AConn (voice chat)

  • a cross-platform voice chat application
  • low latency, multiple speakers, 13Kbps bandwidth
  • voice anonymization module that conceals the speaker's identity
View source

ATNet (acoustic networking)

A wired and wireless network carried over acoustic signals, with a custom protocol and a NAT.

  • Networking
  • Protocols
  • NAT

ATNet (acoustic networking)

  • network based on acoustic signal, wired/wireless
  • supports reliable linking with a custom protocol
  • a NAT that supports UDP, ICMP and FTP

Other projects

Crypto Carnival

A cryptocurrency visualization and trading simulator with authentication and persistent portfolios.

  • Node.js
  • SQLite
  • JWT
Code

Crypto Carnival

  • cryptocurrency visualization and trading simulator
  • user authentication and user data management using Node.js, SQLite3 and JWT
  • a simulation game for users to buy, hold and sell different cryptocurrencies
View source

Feminine Energy (3D game)

A Unity puzzle game built by a team of three, with camera shake, auto focus and a VHS effect.

  • Unity
  • 3D
  • Post-processing

Feminine Energy (3D game)

  • a 3D puzzle game developed with Unity
  • team of 3, collaborated with a burndown chart
  • added post-processing effects, including camera shake, auto focus, VHS effect
  • implemented interactive objects, player movement, subtitle system, shaders

Moving patterns of pseudo base stations

An interactive visualization of 3.35M spam messages, revealing where fake cell towers move in Beijing.

  • D3.js
  • Data viz
  • Analysis

Moving patterns of pseudo base stations

  • an interactive webpage that visualizes the pseudo base stations in Beijing
  • reveals their moving patterns with a heatmap and their peak activity period of a day with a stream chart
  • allows users to filter/categorize/trace spam messages
  • cleaned, filtered and analyzed ~3,350,000 spam messages, and classified them into 5 categories

Ballistic (VR game)

A VIVE Focus game whose novel control scheme steers the character by head rotation alone.

  • Unity
  • VR
  • Interaction
Demo

Ballistic (VR game)

  • a VR game running on VIVE Focus
  • adopted a novel interaction mechanism, which allows the player to control the character by rotating their head
View demo

Escape (retro game)

A runner game for the Longan Nano board, written in C and RISC-V assembly.

  • C
  • RISC-V
  • Embedded

Escape (retro game)

  • a simple runner game on Longan Nano, developed in C and RISC-V assembly
  • move the player to avoid obstacles, and get the highest score