CS1335
  • Introduction
  • Assignments
    • A1: Meta, Metta
    • A2: Functions, Emotions
    • A3: Repeat Patterns
    • A4 - Objects: Things and No Thing
    • Final Inspirations
    • A?: Grid Patterns
    • Inspiration
  • Getting Started
    • Processing
    • PDE - Code Editor
    • Learning Processing
  • Java Language
    • Java Syntax
      • Typed-Variables
      • Float - Integer Conversion Errors
      • Modulus
      • Functions
      • Object Reference Data Types
      • Arrays
        • Class Example Code
      • Switch-Case Statement
      • Ternary Operator
      • Class
  • Project 1
    • Random Variation
    • Noise
    • HSB Color Mode
      • HSB Color Wheel
        • Dynamic ColorWheel
        • HSB Color Palette Tool
    • PShape Objects
      • Example Code: PShape
        • Inspiration
    • Modeling Emotions
      • Emotions
        • Kandinsky Color - Emotion
    • PShape with Contour
    • Recursion
      • Recursion Call-Stack
      • Recursion Examples
        • Example Code 1
        • Example Code 2
    • Recursion - PShape
    • Recursive Patterns
    • Planning Structure: Functions:
      • Example Code - Feb 19
      • Final Code Structure
    • Project 1: Programmatic Variations in Color
      • LerpColor
      • Map Function
      • Map with LerpColor
      • noise( )
    • Transforms for Mirroring
    • Project 1-Steps
  • Grid Based Designs
    • Computational Design
    • Artist: Victor Vasarely
    • Grid Pattern Design
    • 1D - Array of PShapes for Grid Layout
      • Truchet Tiling
      • Example Code S2020
      • Example Code March 11
      • Example - March9
      • Example Code
    • PShapes in Grid Regions
    • Grid Region Logic
    • Pattern Preview - Transforms: Translate & Scale
  • Project 2
    • Project 2 - 2D Arrays for Gradient Logic
      • 2D Array Grid with Labels
    • Grid Patterns using 2D Array Indexes: i, j
      • Example Class Code
    • lerpColor( ) and map( ) Functions
    • Demo Lerp Colors
    • 2D Arrays with lerpColor
    • Create PShape 2D Array
    • Function: Populate2DArray( )
    • Function: DisplayShapeMatrix()
    • Transforms for Position, Rotation, Scale of ShapeMatrix Elements
    • Project 2 - Steps
    • Animation for ShapeMatrix
      • Animation w/Noise
  • Object Oriented Programming
    • Introduction to Objects
    • Button States
    • Buttons as Objects
      • Button Class
    • Create Object Instances
    • Button Types
    • Modeling Buttons: States and Events
    • OOP - Inheritance
    • OOP - Polymorphism
    • Child-Class: PImageButton
    • PShape - SVG Objects
    • Menu of Buttons
    • ButtonGroup - Final Version
    • Slider Controller
    • UML Class Diagram
  • Project 3
    • Project 3 - Logic, Steps
    • Project 3 - Class Definitions
      • Button
      • PImageButton
      • ButtonGroup
      • Pattern
        • PShapes - SVG, Vertex Shapes
        • Setting Colors For Patterns
        • Pattern - With Child-PShapes
      • Slider
      • Particles
  • Modeling
    • UML Class Diagram
  • Resources and References
    • Glossary
    • Resources
      • Acoustics
      • Learning Science
        • Emotional Intelligence
      • Creativity
      • Conceptual Art
      • Books
        • Art
      • Games, Rules
      • Complexity
    • Random Inspiration
      • Ulm School
      • Heart-Mind, Mind, Body
      • Statistical Uncertainty
Powered by GitBook
On this page
  • Computational Experience Design
  • Exploration of Concepts, Feelings: Meta, Metta
  • Meta, Metta: Higher Levels of Abstraction, Loving Kindness
  • Assignment Tasks:
  • 1. Create your personal Gitbook:
  • 2. Abstract Concepts - Concrete Feelings:
  • Inspirations:
  • Book: If Life is a Game, These are the Rules: Cherie Carter-Scott
  • 2. Introduction to Mindfulness:
  • Wellbeing Research:
  • 3. Inspiration Artist:
  • Sol Lewitt - Conceptual, Minimal Art
  • 4. Modeling Creativity: Tom D. DeSmedt,
  • 5. Nodebox: Tom D. DeSmedt
  • Computational Experience Design: Experience - link

Was this helpful?

  1. Assignments

A1: Meta, Metta

Exploration of Concepts and Feelings: Meta, Metta

PreviousAssignmentsNextA2: Functions, Emotions

Last updated 3 years ago

Was this helpful?

Computational Experience Design

Exploration of Concepts, Feelings: Meta, Metta

"the quality of the imagination is to flow, and not to freeze" Ralph W. Emerson

Feeling Flow: Embodied: positive affect, calm, low-activation states, low stress Express Concepts: Using geometric forms, colors to represent ideas.

Meta, Metta: Higher Levels of Abstraction, Loving Kindness

Meta (from the μετα-, , meaning "after" or "beyond") is a prefix meaning more comprehensive or transcending

: Mettā is a Pali word, from maitrī itself derived from mitra which, states Monier-Williams, means "friendly, amicable, benevolent, affectionate, kind, good-will", as well as a form of "love, amity, sympathy

Assignment Tasks:

Review the assignment tasks, look through the content below to find links, ideas, etc. Complete the tasks to create your gitbook and a gitbook page that documents your process. Submit on eLearning using the submission template. Remember to upload a zip file your processing project to eLearning

1. Create your personal :

You will submit screenshot and a link to your gitbook page as part of your assignment submission.

  1. Recommended: Create a

  2. Create a Account using your GitHub account.

  3. Create a Gitbook, Public, Personal Notes: Name it:

  4. Create a page: Assignment 1:

  5. Find: Share-Link - you'll include this in your submission document

  6. After completing steps below, take a screenshot of a portion of your gitbook page using the share link to open as a web-document (not in edit mode)

See Example Template Gitbook Page l linked below:

2. Abstract Concepts - Concrete Feelings:

Meta: transcend, higher level order. Metta, loving kindness practice

  1. Song: Feeling Flow: Select and list a song that evokes positive, relaxing, calm feelings for you:

    1. Provide a link to the song, artist, lyrics, or album.

    2. Example: Wildfire by the Wild Feathers

  2. Conceptual art - Concept: Meta, Metta

Create a Sol Lewitt inspired sketch to explore the concepts of metta, and/or meta

  1. Create a simple pencil sketch on paper and list the rules, procedures used to create the artwork so that someone else could create the same artwork from the listed rules.

  2. Gitbook: Take a screenshot of the sketch, insert the image on your gitbook page

  3. Gitbook: List the procedure, rules that you followed in making the sketch.

  4. Gitbook: Paragraph: Include one or two sentences using paragraph markup to explain the connection between the concept - idea, and the artwork - expression

    1. Open Nodebox, Open Examples from the Edit Menu:

    2. Select an Example program. (See images below)

    3. Take a screenshot of the starting design

    4. Customize: Make Modifications to several nodes, add a node to create your version of the design

    5. Take a Screenshot of the final design

    6. Gitbook: Insert both images into gitbook.

    7. Gitbook: Write a simple description of some of the changes you made to create your version.

    1. Gitbook: Heading H3 List Concept: Meta, Metta, or both.

    2. Gitbook: Image: insert a screenshot of your canvas as an image on your gitbook.

    3. Gitbook: Code: Copy and paste as code on your gitbook.

    4. Gitbook: Paragraph: Write a description of how your design reflects your concept.

Inspirations:

Rule 1: You will receive a body

  • Acceptance

  • Self-Esteem

  • Respect

  • Pleasure

2. Introduction to Mindfulness:

Wellbeing Research:

Application to Education

3. Inspiration Artist:

Sol Lewitt - Conceptual, Minimal Art

The idea is the machine that makes the art Sol Lewitt

Intuitively, a model for (artistic) artificial creativity appears to involve the steps illustrated in figure 1. A “good idea”, that is, a novel and appropriate solution to a given problem, is selected or combined from a pool of many possible ideas (chapters 4 and 5). A work (of art) that captures this idea is then created (chapters 2 and 3). The work is then evaluated by the author or a community of knowledgeable peers (chapters 6 and 7). Following a negative evaluation, the idea is subsequently adapted (chapter 1). We will test this conjecture in a number of case studies and ground it in the literature.

Nodebox is a visual programming application based on the paradigm of data-flow, as opposed to control-flow paradigm used in Java. Generative art, parametric architecture and design applications often use the data-flow paradigm which uses a network of connected nodes to represent transformations to data that flows through the system.

// Some code
/*
	Available uniforms:

		// mm_ModulationColor contains red, green, blue levels & surface opacity in alpha
		// The multiplication in the fragment shader is done by MadMapper, so you shouldn't need that
		uniform vec4 mm_ModulationColor;

		// Blend Mode, see possible values in Definitions below. This is handled by default by MadMapper so you should need it
		uniform int mm_BlendMode;

		// Used to know if we're rendering to the preview or to an output fullscreen / desktop window / syphon-spout-NDI
		uniform bool mm_IsRenderingPreview;

		// The index of the surface in the project (not recommended to use that)
		uniform int mm_SurfaceIndex;

	Available inputs:

		// The normalized texture coordinate for this pixel. Should be accessed with "vec4 FX_NORM_PIXEL(vec2 uv)"
		in vec2 mm_FragNormCoord;

	    // Normalized position of this vertex in the surface output geometry (independent of input rectangle)
		in vec2 mm_SurfaceCoord;

		// Alpha of this point generated from surface / mask feathering. This is automatically handled by MadMapper and
		// should not be used in an FX
		in float mm_Alpha;


	Main Fragment Shader calls fxColorForPixel(...) and then apply modulation color and transparency (feathering / masking),
	then might adjust color depending on blending mode / highlight selection...

*/

/*{
    "CREDIT": "MadTeam",
    "TAGS": ["graphics"],
    "VSN": 1.0,
    "DESCRIPTION": "Describe your FX here",
    "MEDIA": {
        "REQUIRES_TEXTURE": false,
        "GL_TEXTURE_MIN_FILTER": "LINEAR",
        "GL_TEXTURE_MAG_FILTER": "LINEAR",
        "GL_TEXTURE_WRAP": "CLAMP_TO_EDGE",
    },
    "INPUTS": [
        { "LABEL": "Speed", "NAME": "fx_speed", "TYPE": "float", "DEFAULT": 0.1, "MIN": 0.0, "MAX": 1.0 },
    { "LABEL": "Blend", "NAME": "fx_blend", "TYPE": "float", "DEFAULT": 0.1, "MIN": 0.0, "MAX": 1.0 },

 ],
    "GENERATORS": [
        {"NAME": "fx_time", "TYPE": "time_base", "PARAMS": {"speed": "fx_speed", "speed_curve": 2, "link_speed_to_global_bpm":true}},
    ]
}*/

#include "MadNoise.glsl"

vec4 fxColorForPixel(vec2 mm_FragNormCoord)
{
	vec2 uv;
	
    uv.x = fract(mm_FragNormCoord.x+fx_time);
	uv.y = mm_FragNormCoord.y;

	float n = vnoise(uv * sin(fx_time)) - 0.5;
    //float 
    return FX_NORM_PIXEL(uv + mix(0.0,n,fx_blend));

}

Procedural, Generative Design

Create simple Processing program that uses shapes, colors to represent the concepts of meta and/or metta. Use basic processing functions for geometric shapes, fill, stroke. See processing documentation, examples, tutorials to learn basic code statements for colored shapes. No animation or interaction required. Use setup( ), size( ) functions to insure the canvas size is 400x400 pixels or larger. Arrange shapes to represent the concept.

Book: Cherie Carter-Scott

UCLA MARC- Covid Mindfulness Resources

UCLA MARC - mp3 - audio

A focus on wellbeing, broadly defined, in university student populations is important because students are a high-risk population for mental health conditions. Critically, levels of mental distress are increasing, and have been doing so even prior to the COVID pandemic. Depression and suicide-related outcomes in university undergraduate students have a pooled prevalence of 21%, which is considerably higher than the point prevalence estimate of depression in the general population, estimated at 12.9%. In response, we have developed a five-week module on wellbeing science that has been structured around the GENIAL framework., This module promotes a sense of connectedness to self (individual wellbeing), others (collective wellbeing) and nature (planetary wellbeing), consistent with social ecological theory. Students are introduced to the concept of ‘sustainable’ happiness and wellbeing, which has been defined in several different – yet complementary – ways. Students learn how to ‘sustain’ improvements to wellbeing by drawing on theories of behaviour change while also placing happiness and wellbeing within the context of environmental ‘sustainability’, in which strategies to promote wellbeing do not involve the exploitation of other people, the environment or future generations. Students are encouraged to identify activities to promote their mental and physical wellbeing (through interventions to increase positive affect and/or positive health through, for example, physical activity); community wellbeing (e.g. orientation to promote good) and planetary wellbeing (e.g. nature-based mindfulness) while reflecting on how they might work towards overcoming the many sociostructural constraints to wellbeing through, for example, contributions to social change (e.g. volunteering; civic engagement; activism) through commitment to something greater than oneself (i.e. self-transcendence). Wellbeing is therefore broadly defined and characterised by a focus on multi-levelled perspectives, ensuring that there is scope to improve the wellbeing of students themselves, while also encouraging students to reflect on how they might contribute to collective and planetary wellbeing, supporting efforts for positive societal change.

is regarded as a founder of both and . His prolific two and three-dimensional work ranges from wall drawings (over 1200 of which have been executed) to hundreds of works on paper extending to structures in the form of , , geometric forms, and progressions. These works range in size from books and gallery-sized installations to outdoor pieces.

In conceptual art the idea of concept is the most important aspect of the work.1 When an artist uses a conceptual form of art, it means that all of the planning and decisions are made beforehand and the execution is a perfunctory affair. The idea becomes a machine that makes the art. This kind of art is not theoretical or illustrative of theories; it is intuitive, it is involved with all types of mental processes and it is purposeless. It is usually free from the dependence on the skill of the artist as a craftsman. It is the objective of the artist who is concerned with conceptual art to make his work mentally interesting to the spectator, and therefore usually he would want it to become emotionally dry. There is no reason to suppose, however, that the conceptual artist is out to bore the viewer. It is only the expectation of an emotional kick, to which one conditioned to expressionist art is accustomed, that would deter the viewer from perceiving this art , ,

4. Tom D. DeSmedt,

Valence (Tom De Smedt, Lieven Menschaert & Ludivine Lechat, 2010) is an interactive installation developed in NodeBox for OpenGL () that represents the player's affect (relaxation or arousal) by measuring alpha brain waves, using a wireless EEG headset.

5. Tom D. DeSmedt

- link

Meta:
Greek
meta-
[Wikipedia]
Metta
[13]
[Wikipedia]
Inspiration
Gitbook
GitHub Account
Gitbook
Gitbook Quickstart Guide
https://genius.com/The-wild-feathers-wildfire-lyrics
Download, Install Nodebox
Code - Java, Processing:
If Life is a Game, These are the Rules:
Mindfulness Awareness Research Center
Metta: Loving Kindness Meditation
https://journals.sagepub.com/doi/10.1177/21649561211073077
38
39
40
41
42
43
44
32
33
45
46
22
LeWitt
Minimal
Conceptual art
[4]
towers
pyramids
monumental
Wikipedia
Paragraphs on Conceptual Art - Sol Lewitt: pdf
http://www.cityinabottle.org/nodebox
Nodebox:
Computational Experience Design: Experience
Data-Flow, Nodebox:
Assignment 1Poetical Alchemy - Learning Cycles
Example Gitbook Named: Learning Cycles
https://www.uclahealth.org/marc/mpeg/01_Introduction_and_Instructions.mp3
Wall Drawing 792 | MASS MoCAMASS MoCA | Massachusetts Museum of Contemporary Art
Sol LeWitt | Artists | Lisson Gallery
Sentences on Conceptual Art
Paragraphs on Conceptual Art
Menu: File > Open Examples
Switch from Topics Tab to Basics Tab
Modified Nodebox Example
Modeling Creativity:
Logo
Logo
Logo