Emotions

1. INTRO (MUST READ)
   "Emotions" is a unique Animated, watercolor or liquid painting-like abstract generative artwork which incorporates some "innovative" or unique techniques and approaches.

If find the above too selfish or wonder if its worth to buy this sh**t in a relative high price from an unknown "artist" please give some time to read the whole description. You will not regret!

I don't like to talk about myself or using marketing expressions, however sometimes have to, in order to clarify some points & spot some important features

All started as an exercise to shaders on Nov. 2022 and is the completion of this experimentation (rotating colors): twitter.com/Uniray_net/status/1587588272842280961

2. SHORT BIO
   I was always between graphics & programming. Was very good in both areas (as my teachers were saying) & remember me also drawing from childhood
   The first years i was focusing more in graphics (i was teaching graphics as well) and i was programming graphics for hobby

From 2005 & later i started a turn in my career & made programming my profession for the last 13-14 years (developer in some private companies)
In 2020 I started again a more serious involvement with graphics without knowing anything about NFTs or WEB3. And from 2021 i started getting more & more involved. Still so many to learn

I am new in gen art, started few months ago with plain javascript.
Started learning p5js in Aug. 2002 and shaders in Oct. 2022 & "Emotions" is my first "large" work.
Already published some simpler & old works (eg. 3D) & things i developed as i was learning

3. FEATURES
   I think i am presenting something relatively different with "Emotions" & always try to apply one of my favorite motto: "Lead, don't follow"

The general experience in programming & the fact that i had already programmed graphics in conjunction with my love for experimentation & searching behind the things, helped me to incorporate in "Emotions" some "innovative" i believe features & techniques (it sounds selfish but let me explain)

• First i am "proud" of the shader work. I developed completely custom "advanced" techniques that discovered after experimentation & some knowledge of course.

• "Emotions" includes 51 palettes (with several color each) that have been stored externally (in the application folder) as Adobe ".act" color table files so that avoiding hard coded (including all palettes in the code) consuming in this way resources eg. memory from user's system. I just load only the one palette i am going to use

• A fast svg Convolution kernel Matrix filter along with a displacement filter used for the texture

• Lastly & minor, you can switch Orientation (Portrait, Landscape, etc) & Resolution with the press of a key (no need to manually add params in the url)

From the above the most important part is the webGL shader.

4. CONCLUSION
   "Emotions" is an animated watercolor painting-like (or liquid pigments material) abstract "live" work, that instead of staying static, starting with an initial state & slowly flowing, changing shapes & colors as sometimes happens with our emotions & feelings which may changed over time.
   Colors also represents emotions eg. red is for passion, green is the color of hope, etc

Give some time to observe the progress and liquid feel and motion in shapes and colors. Relax and look the flow and color diffusion - spread & the whole "painting" to transformed slowly.

KEYS:

• 1-4: Set resolution from 1x to 4x of the current dimension (slower performance in higher values)

• T: Texture on/off

• S: Save a png file with the current resolution

• P: Change orientation to Portrait (default). Aspect ratio 0.75

• L: Change orientation to Landscape with ratio 4/3

• O: Change orientation to Square (box)
  Due to some 1:1 ratio sensitive calculations, rendering output may differ between orientations

• Spacebar: animation on/off

MOUSE:

• Click: animation on/off
• Move: left - right on canvas (when in animation) to interact

Made with p5js & custom shaders. Pure code. No Images used

© Dec. 2022 @Uniray_net | uniray.net