done4.meDNAiG experiment projects

Game framework · Experiment projects

Ideas rendered
in real time.

A home for projects built with the DNAiG framework.
Exploring interactive graphics through WebGPU and WebGL.

A framework. Many directions.

DNAiG provides the rendering foundation for this collection of experiments, from game projects to interactive visual studies.

Read the project notes →

Find a game. Learn its first useful decision.

Place blocks, connect every dot, search the sand, line up a bubble shot or follow a moving route. These seven browser games each have a guide with controls, an actual project view and a concrete decision to practice.

Choose a game by how you like to play →

DNBlock’s eight-by-eight board and a hand of colored pieces

Block puzzle · Plan at your own pace

DNBlock

Place a hand of three shapes, clear complete rows and columns, and keep room for the next hand.

DNConnectDot puzzle with matching numbered dots and colored routes

Route puzzle · Plan at your own pace

DNConnectDot

Join matching numbered dots without crossings, then check that your routes cover every cell.

DNWarRun squad advancing through a three-dimensional bridge battlefield

Squad runner · Quick reactions

DNWarRun

Steer an automatically firing squad through gates and threats, then spend earned credits on the next deployment.

DNRunner’s Rosie character running along city tracks toward cash and obstacles

Rail runner · Quick reactions

DNRunner

Switch tracks, hop barriers, duck signs and collect cash through a moving city rail district.

DNPop’s pink, blue and yellow bubbles between shower curtains above a bath

Bubble shooter · Aim at your own pace

DNPop

Match three bubbles, use bank shots and remove supports to drop a larger group within your shot budget.

DNMerge lesson showing a heart swap that creates a square of four matching pieces

Match puzzle and garden · Plan at your own pace

DNMerge

Complete match-puzzle objectives, create and combine powers, then grow and build a Living Garden.

Beyond the game rules

The same framework also draws the layered-surface study above. Its project note explains the shared geometry, material comparison and changing light.