I ported the Skia (the underlying graphics API for Canvas2D in Chromium) blending functions to WebGL so I can composite using blending in WebGL in modV (eventually).

This has taken me about 5 years to actually go find the Skia code and port it... 😅

https://x5m6d5.csb.app/

(also here: https://www.shadertoy.com/view/X3G3RG)

#glsl #sksl #canvas2d #chromium #modV #javascript #port #skia

WebGL blend modes

Last Saturday was the 7 year anniversary party from #beatstaylove in #schlosskellerdarmstadt & I converted the BSL logo from SVG into 3D in Blender & then into an audio reactive visual with #modv.

The music is taken from #Nogata set https://www.mixcloud.com/BeatStayLove/beats-they-love-015-by-nogata/, so make sure to check that out!

#nerddisco #threejs #visualart #genart #generative #visuals #art #generativeart #audio #audioreactive #dnb #drumandbass #darmstadt #mastoart

Beats they love 015 by Nogata

Our 15th BEATS THEY LOVE studio mix delivered by a very special guest: NOGATA! TRACKLIST: Noisia, The Upbeats - Shibuya Pet Store (No Sleep Til) Subtension - Nestbox (C4C Rec.) Current Value, Bou - Higher (Souped Up Rec.) L Plus - Rocks (Technique Rec.) Gydra feat. Coppa - Cyborg (Eatbrain) State Of Mind, Neonlight - Mr Hanky (Blackout Music NL) Redpill - Discipline VIP (Bad Taste Rec.) Killbox - Neverwhere (RAM) Fourward - Head Of A Snake (Elevate Rec.) Kove - Tonight (Drum&BassArena) KONZ - Breathe (Version Remix) (Dutty Bass Audio) Phace - Shelf Life (Neosignal Rec.) Turno, A.M.C - Ice Cold VIP (Drum&BassArena) Redpill - Hold It Like That (Blackout Music NL) Dutta - Dominos (Souped Up Rec.) Freek - Human Being (RAM) NOGATA www.facebook.com/Nogatamusic BEAT.STAY.LOVE www.facebook.com/beatstaylove www.instagram.com/beat.stay.love www.soundcloud.com/beat-stay-love www.hearthis.at/beat.stay.love

Mixcloud

🔊 "HighThere - AC130" with 🎆 visuals by @NERDDISCO

🚨 photosensitive viewers 🚨

Model of #ac130 #aircraft #propeller from #blender in #ThreeJS, made #audio #reactive in #modV as "nd-buffer-ac130-001" using 3 propeller layers:

1. Hand-drawn texture; z = 0
2. Texture in white & red; z = .25
3. Displacement texture; z = -.5

2 + 3 are generated based on audio frequency data

https://soundcloud.com/hanzommusic/highthere-ac130

#Mastoart #genart

HighThere - AC130

🚨🚨"ENEMY AC130 ABOVE!!"🚨🚨 HighThere makes no prisoners with this absolute weapon of a tune!💥 Out this Friday as part of his „Lost to History” EP Out Now__Stream/Download: https://fanlink.to/ikq

SoundCloud

"Hasky - Comin Straight” with visuals by @NERDDISCO

Check out the full release on SoundCloud: https://soundcloud.com/bananabassmusic/hasky-comin-straight-bbm-032

The visual is called "nd-buffer-landscape-003" and it’s based on two cones in #ThreeJS. We are looking at it from the bottom, no lights. When there is color, you can see the mesh. hue and color intensity is controlled via #modV

🚨 photosensitive viewers 🚨

#visualart #genart #generative #visuals #art #generativeart #bananabassmusic #audio #audioreactive #dnb #drumandbass

Hasky - Comin Straight [BBM 033]

Hasky is back on Banana Bass Music with this absolute Sheller of a Track! Grimey deep and rolling , that's Hasky's 'Comin Straight' ! Support the artist ♥︎ https://www.instagram.com/hasky.dnb/ All R

SoundCloud

Visual: nd-buffer-landscape-001
Song: HighThere - Forever (feat. MC ZEE)

This #ThreeJS #visual is using a Box (wireframe) as it's base element. Each side is moved towards the center of the Box and can be moved based on #audio input. Using the raw audio buffer, the vertices of each side are changing based on a generated map (color) & displacementMap (height). The final composition happens in #modV.

#genart #audioreactive #offscreencanvas #javascript

Last year @2xAA and I did a performance + small talk for "#devfest live 2021" (an online developer conference).

In the video you can see @2xAA doing #chiptune using his two #gameboyadvance in England with visuals from me, controlled remotely from Germany via RTP-MIDI and generated with #modV.

After 19 minutes we explain how this setup works, so feel free to skip the performance if you are interested in the tech stack.

https://www.youtube.com/watch?v=Mq7aExYoBMY&t=17s

2xAA & NERDDISCO @ DevFest Live 2021 - Performance + Setup explained

YouTube