02 / IDEAS INTO INTERACTION

My projects

Space Survivor is the current playable project. The remaining cards are design ideas in progress, clearly marked as concepts rather than completed coursework.

GAME / COURSEWORK / DESIGN EXPLORATIONS

SELECTED WORK / 01 BUILT PROJECT

Projects and working ideas

Each card shows its current status. Open the details to read about its purpose, tools and stage.

Game

Space Survivor

A playable space-themed browser game built with HTML5 Canvas and JavaScript.

Play Game

Process and outcome

Purpose

Develop a space survival game playable in a browser.

Technologies

HTML5 Canvas, CSS3 and JavaScript.

Implementation stages

Game area and interface; keyboard and touch controls; enemy waves, collisions and scoring.

Result / current status

Space Survivor is playable on this site, with scoring, pause and restart controls.

Challenges

Development challenges have not been documented yet.

Graphic Design

Kinetic Typography

Example project card exploring animation principles and type.

Process and outcome

Purpose

An example slot for exploring type movement and animation principles.

Technologies

No production tool or technology has been selected yet.

Implementation stages

Planned sequence: reference research, storyboard, motion studies and review.

Result / current status

This is an example card, not a completed animation or submitted assignment.

Challenges

No implementation challenges to report: this is an example project slot.

Graphic Design

Digital Illustration

Example project card exploring layers and color harmony.

Process and outcome

Purpose

An example slot for exploring layers and colour harmony.

Technologies

No production tool or technology has been selected yet.

Implementation stages

Planned sequence: sketch, colour palette, layer organisation and review.

Result / current status

This is an example card. Actual project images and process documentation have not been added yet.

Challenges

No implementation challenges to report: this is an example project slot.

METHOD / SMALL STEPS

How I approach an idea

This is the process I aim to follow; not every stage is complete for every project.

01 · ExploreClarify the topic and look at relevant examples.
02 · SketchTry the interface or visual direction in small studies.
03 · BuildTurn what I have learned into a working prototype.
04 · ReviewCheck the result, note gaps and choose a next step.

NEXT STEP / IMAGE EDITING

Comparison workspace

Preparation area: no real Photoshop project has been added. The images are placeholders, not completed work.

A space to document an actual editing process when original images are available.