Video-Reactive Neon Lines in Max/MSP (jit.gen Tutorial)

#maxmsp #creativecoding #generativeart Video-Reactive Neon Lines in Max/MSP (jit.gen Tutorial) #maxmsp #jitter #realtimegraphics CATEGORY: Jitter Tutorial, jit.gen, jit.gl.mesh LEVEL: Intermediate This tutorial shows how to create a grid of animated neon lines in Max/MSP using jit.gen and jit.gl.mesh. A set of horizontal lines is generated and distorted along the y-axis based on the brightness of an incoming video. The lines inherit color from the video input and a bloom effect is applied to create a glowing, neon-like aesthetic. DISCLAIMER In most cases, duplicating points and using jit.gl.multiplex to construct a matrix for draw_mode lines is unnecessary. The same result can typically be achieved more efficiently using line_strip. However, I encountered inconsistent behavior with line_strip during testing: at times it worked as expected and at others it did not. To ensure stable results, this tutorial uses the explicit point duplication approach instead. WHAT THIS VIDEO COVERS Intro 00:00 Line Grid 01:03 Creating a grid of horizontal lines using jit.gl.mesh and jit.gen. Line Distortion 10:48 Using video brightness to displace the lines along the y-axis. Color and Bloom 14:45 Applying video color and adding glow with a bloom effect. Outro 22:00 VERTICAL LINES VARIATION You can also switch to vertical lines instead of horizontal ones by changing the multiplex offset direction in both jit.gen codeboxes before the multiplexing stage. Specifically, change the neighbor lookup from an x-offset to a y-offset: from vec(1,0) to vec(0,1). This works best when you also switch the distortion in the first codebox from the y-axis to the x-axis: offset = vec(rgb2hsl(picIn).z, 0, 0) * amt - vec(amt * 0.75, 0, 0); ADDITIONAL RESOURCES Input Video: https://www.pexels.com/de-de/video/luftaufnahme-eines-sonnenbeschienenen-waldweges-29371135/ Max version used: 9.1.2