Made by You ✳
01 / 06
01

AIM3193 · IDEA PRESENTATION · PATHWAY A

Title / Idea

A little factory for your imagination

Wu Zifei

Made
by You✳

A Playful Factory for
Generative Collages

Your gestures. Your feelings.
Your memories. Your creation.

Step inside ↘
Playful collage concept with a photo placeholdermade with
your imagination ♡

Concept illustration · planned creative experience

✂

An interactive creative-coding website where users explore a playful virtual factory and create personalized digital collages through hand gestures, emotional inputs, and personal photographs.

Physical scrapbook aesthetics.
Subtle digital animations.
Personal creative decisions.

02

THE REASON TO MAKE

Motivation / Interests

What if the materials
came from you?

Tools such as Canva and Photoshop let us arrange images, text, and decorations. I want to explore how bodies, emotions, and personal experiences can generate the materials themselves.

The process of making a collage becomes an interactive experience.

  • Transform personal inputs into visual elements
  • Encourage playful exploration
  • Support human–computer co-creation
  • Allow users to personalize the results
Schematic comparison of manually arranged collage and rule-based variations
Schematic comparison · concept illustration
How can personal gestures, emotions, and images shape unique generative collages?
03

THINGS THAT INSPIRE

Inspiration & Reference

Dreamcore × Hand-drawn Illustration
× Playful Maximalism

Dreamy colors, physical object textures, and playful interactive elements.

COLLAGE VISUAL REFERENCES

Personal memories, playful layers.

These references inform the collage aesthetic: personal photographs, hand-drawn marks, layered stickers, and physical scrapbook textures.

Personal memories & playful lettering
Personal memories & playful lettering

Photographs, handwritten notes, cutout letters, and layered stickers.

Photographs & hand-drawn marks
Photographs & hand-drawn marks

Photo arrangements connected by expressive lines, doodles, and tape.

Polaroids & tactile decorations
Polaroids & tactile decorations

Photo frames, buttons, stars, and paper textures create a scrapbook feeling.

A collection of everyday memories
A collection of everyday memories

Dense photo fragments bring personal experiences together in one composition.

User-provided visual references · original creators and source links not supplied.

REFERENCE 01

Interactive Plant Website

A Caladium-inspired environment with hand-drawn scenes, colorful objects, and playful navigation.

I want to explore
Scenes as an interface.

caladiumcorner.com ↗

URL supplied in the DOCX. Screenshots extracted from the document. Author and image license unverified.

REFERENCE 02

Interactive Digital Camera

A physical pink camera becomes a digital interface, with hand-drawn stickers and playful content creation.

I want to explore
Physical objects as playful creative tools.

Recording-visible address: chaeyoung-paper-world.mia13xyqq.chatgpt.site/#film ↗. Creator and official site unverified.

User-provided recording · press play to watch

Recording stills

Interactive Digital Camera recording stillInteractive Digital Camera recording still
REFERENCE 03

After Hours

Colorful illustrations, character-based visuals, and experimental digital interactions.

I want to explore
Bold graphics, visual creation, and exploratory interaction.

User-identified reference. No confirmed official URL or creator; no guessed link.

User-provided recording · press play to watch

Recording stills

After Hours recording stillAfter Hours recording still
04

A WALK THROUGH THE FACTORY

Pathway & Plan

SELECTED PATHWAY

Pathway A — Net-based Creative Coding

  1. 01Explore
  2. 02Create
  3. 03Generate
  4. 04Personalize
  5. 05Save

Three machines. Three kinds of personal expression.

MACHINE 01Gesture Machine concept illustration

Gesture Machine

Activate a webcam and move your hands to create stickers. Hand positions, movement speed, and finger trajectories influence the shapes.

Planned feature · concept illustration
MACHINE 02Emotion Machine concept illustration

Emotion Machine

Select emotions and adjust energy, softness, and chaos. Generate animated lines, particles, and abstract patterns.

Planned feature · concept illustration
MACHINE 03Memory Machine concept illustration

Memory Machine

Upload personal photographs and transform them into Polaroids, film frames, and paper cutouts.

Planned feature · concept illustration

Then, make it yours.

The system combines the materials into a collage. Users can rearrange, rotate, resize, and regenerate elements before exporting the final image.

Every collage will reflect a different combination of inputs, movement patterns, and creative decisions.

05

HOW THE IDEA TAKES SHAPE

Tools / Production / AI Roles

01 — MY MAIN TOOLS

Codex, AI Image Generation & Creative Coding

Codex

Website development, implementation, debugging, and iteration.

AI Image Generation

Visual assets based on my references and creative direction.

Creative Coding

Personalized stickers, animated graphics, and unique collage compositions.

02 — MY ROLE

I define, evaluate, and refine.

I define the concept, interactions, and generative rules, then evaluate and refine the results.

03 — AI’S ROLE IN THE EXPERIENCE

AI supports production, while my design decisions and the users’ inputs shape the experience.

AI assists with visual assets, implementation, and debugging. The final collages will be created through user inputs and rule-based generative processes.

Production workflow

Concept DevelopmentAI-generated Visual AssetsCodex DevelopmentTesting & Refinement
06

WHAT I HOPE TO CREATE

Question and Challenge

QUESTIONS ON WHICH I NEED HELP

What I would like feedback on

  1. Can I successfully implement gesture interaction?
  2. How can I make the generative rules feel personal?
  3. Is the workload manageable, or should I make some trade-offs?
calm collage concept mockup
Calm · Concept Mockup
playful collage concept mockup
Playful · Concept Mockup
energetic collage concept mockup
Energetic · Concept Mockup

Challenges → proposed solutions

Hand tracking accuracy
Begin with simple finger tracking and a mouse-based alternative.
Visual diversity
Continuous parameters with controlled randomness.
Complex development
Build the core system before the full factory.
Collage usability
Basic composition rules with manual adjustments.
Performance
Limit particle counts and optimize animations.
THE IDEA I WANT TO EXPLORE

Personal expression,
generative possibilities.

By transforming gestures, emotions, and images into visual materials, Made by You aims to make digital collage creation more interactive, playful, and personal.
Made by You. ♡