Week 06 Input Module & TouchDesigner Visual Translation
Post 16: Mouse Interaction&Expressive TracingPost 17: Driving Brushes with Personal Data
What
In Week 6, I completed the development of Module 1: Information Input. I selected mouse gesture and press-interaction as the primary mechanism for real-time input.
This gesture lets participants draw fluid traces directly on screen, acting as an expressive digital brush.
How
Rationale for Freeform Input: Because the personal sources of academic and life anxiety vary drastically from person to person, standard quantitative forms fall short. A freehand brush mechanism allows users to project their subjective, unquantifiable emotional tension directly onto the canvas.
Tactile Mapping: The physical act of holding down the left mouse button and dragging creates an immediate, visceral connection between user movement and visual mark-making.
Reflection
In participatory design, the input method sets the emotional tone for the user experience.
By choosing expressive drawing over rigid text fields or drop-down menus, the interface shifts from a dry data-entry form to an intuitive, personal canvas—allowing anxiety to be felt and expressed rather than just calculated.
#Week6 #InteractionDesign #InputModule #UserExperience #SubjectiveData
What
To bridge personal habit with visual variation, I mapped two core metrics collected during research—weekly coffee/tea consumption frequency and current self-reported anxiety levels—directly into the physical parameters of the digital brush.
How
Frequency to Density: Weekly consumption counts act as a frequency variable, directly modulating the stroke density and particle concentration of the drawn mark.
Anxiety Level to Scale: Self-reported stress levels modulate the base diameter and thickness of the brush. Higher anxiety yields larger, more dominant visual footprints, creating distinct visual contrast between subtle worry and overwhelming pressure.
Reflection
A key rule in generative identity systems is that data mapping should feel visually logical.
Connecting coffee frequency to mark density and anxiety level to brush scale creates an intuitive visual hierarchy: higher stress leaves a heavier, more intense residue on the shared canvas.
#Week6 #DataMapping #GenerativeDesign #AlgorithmicArt #DataVisualization
Post 18: First Fluid Pipeline(Poster Application)Visual Experiment
WhatWith the input parameters set, I initiated Module 2: Visual Translation using TouchDesigner. I built a dynamic feedback loop to simulate liquid diffusion, creating the first functional version1 visual prototype of organic water and coffee stain behavior.
How
NODE Pipeline:
Feedback TOP: Retains mouse movement history to generate continuous, evolving trail signatures.
Blur TOP: Softens brush edges to emulate liquid capillary bleed across porous paper.
Level TOP: Adjusts contrast threshold to define stain borders and ring intensity.
Slope TOP: Generates subtle height and surface texture variations within the liquid body.
Application: I integrated this generated v1 fluid engine back into the research archive poster design, testing how dynamic stains overlay against static empirical typography.
Reflection
Building this initial node pipeline in TouchDesigner was a major breakthrough.
Combining Feedback, Blur, Level, and Slope nodes effectively bridges digital pixels with physical liquid physics.
Testing this dynamic output directly on the research poster validated that code can reproduce the subtle, organic unpredictability of real coffee rings.
#Week6 #TouchDesigner #VisualEffects #FluidSimulation #DataPoster