reflekkt
reflekkt
  • 18
  • 54 099
Synthetic Sculptors - Interactive Media Installation (TouchDesigner & AI)
Throughout history, the essence of human beings and the way of its
creation has always involved two humans. Yet, artists possess a unique
ability to transcend this necessity, forging only one bond between
creator and creation.
In our exploration, we want to question the creation process, this
time engaging the intersection of human and artificial intelligence
through the medium of sculpture.
Here, we converge the analog and the digital, melting the human touch
with the computational crafting of AI. Through this fusion, we
confront the boundaries of creation, challenging conventional
paradigms and redefine the essence of artistry.
Concept and structure by Antoni Esteban www.behance.net/garbansu
Coding by Marco Kornke reflekkt_
Project breakdown on my Patreon patreon.com/reflekkt
Made in TouchDesigner and comfyTD (comfyUI integration of DotSimulate into TouchDesigner)
Переглядів: 82

Відео

Interactive Eye Projection with Webcam or Kinect - TouchDesigner Tutorial 009
Переглядів 4,2 тис.2 місяці тому
In this TouchDesigner tutorial, you learn how to create an interactive projection, where an eye follows people passing by. I use a webcam and the bodytrackCHOP to track persons, but you can also use a Kinect or other data like mouse cursor position, noise or any other object. With free AI image generation tools like Bing Image Creator, you can create your own texture, I used PromeAI: www.promea...
Audio Reactive Instancing - TouchDesigner Tutorial 008
Переглядів 5 тис.4 місяці тому
Learn the technique of instancing combined with audio reactivity. This tutorial guides you step by step and explains easily how to manipulate the instance data with CHOPs for high performance and fps. Color Lovers Picker: derivative.ca/community-post/asset/colour-lover-palette-picker/62697 For more content check out my Patreon patreon.com/reflekkt and Instagram reflekkt_ 0:00 Int...
AI Projection Mapping Tutorial
Переглядів 10 тис.5 місяців тому
Learn an easy way of creating content for projection mapping with AI and how to map it on an object with TouchDesigner. This method is beginner friendly, quick and gets you impressive results. Have fun experimenting! PromeAI: www.promeai.pro/?vsource=i_8fr8d0f2m7 For more content check out my Patreon patreon.com/reflekkt and Instagram reflekkt_ 0:00 Intro & overview 0:45 Projecto...
Vibrant Color Tunnel - TouchDesigner Tutorial 007
Переглядів 1,8 тис.5 місяців тому
Beginner friedly tutorial to create a vibrant color tunnel in TouchDesigner. Simply said we instance a noise pattern and give it an interesting appearance by using several patterns for position, rotation and scale of the instances. Add some ambient occlusion and we get this beautiful color tunnel. For more content check out my Patreon patreon.com/reflekkt and Instagram reflekkt_ ...
Northern Lights - TouchDesigner Tutorial 006
Переглядів 5 тис.6 місяців тому
In this quick and easy beginner tutorial, we recreate the Northern Lights in TouchDesigner in under 5min. For more content check out my Patreon patreon.com/reflekkt and Instagram reflekkt_ 0:00 Intro & Overview 0:20 Base Lines 1:17 Post Effects 4:18 Outro #touchdesigner #northernlights #creativecoding
AI Projection Mapping Show
Переглядів 7436 місяців тому
A short clip of a projection mapping I showcased at University of Applied Sciences Offenburg during the annual "Werkschau". The contents are mostly generated with help of different AI tools, the mapping is done in TouchDesigner. Thanks to my university@HochschuleOffenburgHSO for providing the technical equipment, projection surface and opportunity to show my semester work :-) For more content c...
Star Galaxy Vortex - TouchDesigner Tutorial 005
Переглядів 7 тис.7 місяців тому
Learn how to create a stunning starfield animation in TouchDesigner. It is easy and beginner friendly, as the network and techniques are very simple. For more content check out my Patreon patreon.com/reflekkt and Instagram reflekkt_ 0:00 Intro & Overview 0:23 SOP preparation and render setup 01:00 Noise texture as instancing source 01:40 Instancing 03:41 Post effects 05:15 Outro
Audioreactive Kinect Dancer - TouchDesigner Tutorial 004
Переглядів 8 тис.7 місяців тому
In this tutorial, I'll show you how to use the magic of a Kinect camera and audio reactivity to turn dancers into vibrant, dynamic lines on the wall. For more content check out my Patreon patreon.com/reflekkt and Instagram reflekkt_ 0:00 Intro & Overview 01:12 Basic grid and render setup 02:50 Kinect player index / silhouette 04:30 Line point data manipulation with CHOPs 07:45 Ad...
Interactive Nvidia Flex Fluids Inside 3D Objects - TouchDesigner Tutorial 003
Переглядів 1,9 тис.8 місяців тому
This tutorial shows how you can create interactive particles/fluids inside 3D objects with Nvidia Flex Solver and render them with a glassy looking surface. You can download the Om symbol I used here: sketchfab.com/3d-models/om-symbol-e73b69b1d7fb4d38be62e23a626842cb Of course it's possible to use your own 3D models or SOPs. For more content check out my Patreon patreon.com/reflekkt and Instagr...
Trippy Visuals - TouchDesigner Tutorial 002
Переглядів 5 тис.10 місяців тому
This beginner friendly tutorial shows you how to create trippy and psychedelic looking visuals in TouchDesigner. The main component used here is the ComplexOp made by @FunctionStore , you can download it here: olib.amb-service.net/component/complex-op Check out his channel for deeper insight into ComplexOp! For more content check out my Patreon patreon.com/reflekkt and Instagram r...
Interactive Fire Particles - TouchDesigner Tutorial 001
Переглядів 3,6 тис.10 місяців тому
Interactive Fire Particles - TouchDesigner Tutorial 001
Shifting Nature @ Abendlicht
Переглядів 2542 роки тому
Shifting Nature @ Abendlicht
Shifting Nature - Interactive Art Installation
Переглядів 4402 роки тому
Shifting Nature - Interactive Art Installation

КОМЕНТАРІ

  • @barbiewein
    @barbiewein День тому

    many thanks!

  • @sublimazed
    @sublimazed 3 дні тому

    what exactly do you do around 6:12 ? i see you drop the pallette but then it cuts and all of a sudden it turns into a ramp

    • @reflekkt_net
      @reflekkt_net 2 дні тому

      Hi, you can go inside the dropped container from the ramp-palette-container and cut out the 'real' rampTOP. I don't know why it comes in a container when dropped from the component, as it's not so good to work with, but going inside, you will find the original rampTOP.

  • @Tripmeisterrr
    @Tripmeisterrr 4 дні тому

    thank you so much for the tutorial and @FunctionStore for the complexop. i'm enjoying it fully..

  • @neokortexproductions3311
    @neokortexproductions3311 12 днів тому

    Thank you!

  • @kamiusu2360
    @kamiusu2360 14 днів тому

    Hello! How could i track two or more person? And how to add new sphere/eye for new person in the scene?

  • @kismet1656
    @kismet1656 14 днів тому

    I'm getting stuck at about 2:30 because it's not animating for me at all, just a still image. How do I fix this?

    • @reflekkt_net
      @reflekkt_net 14 днів тому

      Hi, sounds like you didn't animate the translate z axis parameter of the point transform with absTime.seconds It just happened 10 sec before, at 2:20.

  • @TheClumsyAcrobat
    @TheClumsyAcrobat 28 днів тому

    Hey thanks for the tutorial I am facing an issue though My render never rendered anything… I finished the rest of the program to try and fix it later but so far haven’t been able to Thoughts?

    • @TheClumsyAcrobat
      @TheClumsyAcrobat 28 днів тому

      To add to that my geo occasionally flickers a yellow exclamation mark And I’ve narrowed the cause to the VZ in instancing 2

  • @TheClumsyAcrobat
    @TheClumsyAcrobat 29 днів тому

    This is an awesome concept and good for quick projects Please continue sharing projection mapping tutorials!

  • @firework85620
    @firework85620 Місяць тому

    Hello! I'm on a mac, and BodyTrack COMP is unfortunately not compatible with a MAC! What would you recommend for subbing in the bodytracking aspect with a webcam on a MAC, so I can get my program to work like you have it here? Thank for the wonderful tutorial!

    • @TheClumsyAcrobat
      @TheClumsyAcrobat 29 днів тому

      I second this Except I’m not on a Mac But the “body track” still doesn’t work How can I get it to work with the Kinect without that chop?

    • @clairecahill7214
      @clairecahill7214 29 днів тому

      @@TheClumsyAcrobat let me know if you find a solution pls!

  • @gaillardmarine2731
    @gaillardmarine2731 Місяць тому

    I just open the video and I recognize your voice directly so fun !

  • @diguelixss6451
    @diguelixss6451 Місяць тому

    it is amazing 👏👏👏. i would like to know how to use it in fullscreen

    • @reflekkt_net
      @reflekkt_net Місяць тому

      You can use a windowCOMP and drag and drop the last null in it, then open as performance window 👍

  • @waveboi93
    @waveboi93 Місяць тому

    How do I know what values to input for the range?

    • @reflekkt_net
      @reflekkt_net Місяць тому

      It's a good and important question. Check out my reply under ztime8038's comment, that should get you in the right direction. I think I'll also create a little video on that topic soon.

  • @kristijan1991ful
    @kristijan1991ful Місяць тому

    Can I use laptop web cam?

  • @ztime8038
    @ztime8038 Місяць тому

    There’s a problem that the eyes would run out of the screen. It just flow out. It seems like its not fully following my neck. Btw Thanks for your tutorial!

    • @reflekkt_net
      @reflekkt_net Місяць тому

      You need to limit the position data to the boundaries of your screen. Find out the boundaries by using the mouseinCHOP, move your mouse all the way to the left, note the x value, then all the way to the right, note the x value, all the way down, note the y value, and all the way up, note the y value. Now do the same with your camera or Kinect input, noting the position of your neck for example at the boundaries of the screen. With a mathCHOP just before the "positionNULL", use the Range function to convert your data. Lets say, the neck data all the way on the left is 0.2 and all the way to the right 1, and the screen position (which you checked with mouseinCHOP) is left 0 and right 1.5, then change the range from 0.2 and 1 to 0 and 1.5. That way, the position gets mapped properly on the output. If you move your camera or use a different output screen, you have to readjust these values. So for using it in an installation, make sure the camera won't move after setting it up correctly.

    • @TheClumsyAcrobat
      @TheClumsyAcrobat 29 днів тому

      @@reflekkt_netI tried this and so far have not been successful at keeping the eye on screen

  • @waveboi93
    @waveboi93 Місяць тому

    For some reason my eye doesnt move. It follows my mouse but it doesn't move from its spot.

    • @reflekkt_net
      @reflekkt_net Місяць тому

      Did you initialize and start the simulation? To do that, go to the bsolverCOMP that you created in the beginning (navigate one level up by pressing U or scroll up with mousewheel) and click on Initialize Sim and Collision Shapes, and then Start Sim.

    • @waveboi93
      @waveboi93 Місяць тому

      @@reflekkt_net Thankl you so much, lol silly me

  • @basovexana2047
    @basovexana2047 Місяць тому

    please upload tutorial again 😊 thanks

  • @f0xfactory
    @f0xfactory Місяць тому

    would this work with a video device in or movie file in top?

    • @f0xfactory
      @f0xfactory Місяць тому

      i’m trying to figure it out now but i’m running into an issue with the grid conforming to the silhouette

    • @reflekkt_net
      @reflekkt_net Місяць тому

      Yes but the input video should be the silhouette only, best in black and white.

  • @markus_knoedel
    @markus_knoedel Місяць тому

    Cool tutorial. Thank you.

  • @cronosplr
    @cronosplr Місяць тому

    Hello, it's excellent, but I have the jump when the person leaves the frame and returns, the eye makes a sudden movement, is there a way to soften the switch? thanks

  • @damilarejames5146
    @damilarejames5146 Місяць тому

    ouuuu...this is so hot

  • @09Redline
    @09Redline 2 місяці тому

    yo it looks so cool

  • @carlosvasquez8561
    @carlosvasquez8561 2 місяці тому

    Hi, thank you so much for this!!

  • @GeraTRDZ
    @GeraTRDZ 2 місяці тому

    mine didn't turn out like this! hahha don't know what I did wrong..

  • @johndoherty8993
    @johndoherty8993 2 місяці тому

    Hi Reflekkt, thanks for the video great stuff, i have a question, is there a way to add this effect to a custom geo like adding it to a ball or pyramid so it looks like the ball and pyramid are on fire ?

    • @reflekkt_net
      @reflekkt_net 2 місяці тому

      Hi and thank you! Yes you can use any SOP as particle emitter/particle source. Just connect the SOP that you want to come the particles out of to the top input of particleSOP. if you add a sortSOP inbetween and set it to random, you the particles get spawned randomly across the points of your SOP instead of following an order.

  • @osamajamil4804
    @osamajamil4804 3 місяці тому

    thats great. How can we connect this to depth camera so the projection changes with human motion?

    • @reflekkt_net
      @reflekkt_net 2 місяці тому

      Thank you! You could for example use data from a depth camera to drive the switch, so the images projected changes depending on the distance of persons. Or composite the projection with a noiseTOP, which is connected to depth data that drives the transform parameter of the noise or something like that. You can literally use external data on almost every operator by referencing the value of your incoming data to a parameter of the network, almost no limits there :-)

  • @pizzakarton468
    @pizzakarton468 3 місяці тому

    hey, i am a long-term videomapper and it's cool to see how you implement AI into mapping in a very hands-on approach. in my opionen the 'creative fusion' of prome-ai is the key, bc it respets the givin' proportions of the image, which you need for using it in mapping. so far I haven't figured out a way to use stable diffion (or similiar) to work in similar ways. have you?

    • @reflekkt_net
      @reflekkt_net 3 місяці тому

      Thank you! I tried some workflows with Stable Diffusion and ControlNets, but couldn't get high quality results like with PromeAI yet. Right now I'm doing a lot of research tho for a video to video workflow in SD and am getting closer to what I want. Might do a tutorial in future if I figure it out properly!👍

  • @joshuabrost9431
    @joshuabrost9431 3 місяці тому

    This is exactly what I was looking for! Thank you so much!!

  • @OwenMcAteer
    @OwenMcAteer 3 місяці тому

    Great tutorial! Clean and simple

  • @damilarejames5146
    @damilarejames5146 3 місяці тому

    👍 nice

  • @Nono-cd7wg
    @Nono-cd7wg 3 місяці тому

    wooow! Really great tutorial

  • @MickiNewchurch
    @MickiNewchurch 3 місяці тому

    Großartig 👏

  • @MickiNewchurch
    @MickiNewchurch 3 місяці тому

    sehr sehr nice. Tolle Arbeit 👌

  • @TrickWatcher
    @TrickWatcher 3 місяці тому

    That is really beautiful!!!! Thanks for sharing... But unfortunately, if i follow the tutorial something is not working correctly. Already at 5:34 the silouette lines do not show up as expected. I get some thicker lines, but not in the shape of the silouette and not as fine... I did spend a couple of hours figuring out why, but didn't succeed. I have one step that i don't understand. at 1:28 you add a null to chopto1 and plug it into a geocomp in one step. Maybe that's where the error in my network is... I use a kinect azure instead of a kinect v2, but that shouldnt make a difference i guess. You do not have a tox file that you could share?

    • @reflekkt_net
      @reflekkt_net 3 місяці тому

      Send me a DM on Instagram, I can help you out there.

    • @TrickWatcher
      @TrickWatcher 3 місяці тому

      @@reflekkt_net Thanks so much - but i did just solve the problem a few hours ago (-: I had the wrong fixed layer on an over top and that messed up everything...

    • @solarescapist8976
      @solarescapist8976 12 днів тому

      @@TrickWatcher please help how did you solve it?

  • @user-nw1kp6oo9g
    @user-nw1kp6oo9g 3 місяці тому

    👍👍👍

  • @arnonymous7211
    @arnonymous7211 3 місяці тому

    This is awesome! Many thanks for making this video. Really appreciated and provides me with tons of creative input. Kudos!

  • @deavargs
    @deavargs 3 місяці тому

    thank you so much! greetings from mexico :)

    • @deavargs
      @deavargs 3 місяці тому

      one question tho. What would I need to do if I wanted the lines to be vertical instead of horizontal. I tried exchanging the number of rows and columns and the conectivity of the first grid to "columns" instead of rows" but it's obviosly more complex than that. I'd be lucky. thanks again!

  • @peregarcia5876
    @peregarcia5876 3 місяці тому

    Hi, very nice video man, but I got a problem, I can see everything on the geometry viewer but when I export it i don't see anything and in the TOP viewer i can't also see anything, any idea of what can be wrong?

    • @reflekkt_net
      @reflekkt_net 3 місяці тому

      Mhh sounds like your camera is positioned or pointed in the wrong direction. Try moving your camera manually with the transform parameters of the camera COMP, also check if its rotated in the wrong direction. In the tutorial the camera is positioned to 0, 0, 2 and rotated to 0, 0, and Z axis is animated with the expression absTime.seconds*10 . Also check if your last nullTOP with the final output has the blue Display Flag on the bottom right turned on. Let me know if its working for you.

  • @eclipse12822
    @eclipse12822 3 місяці тому

    i might be too new to attempt this, but I feel like you definitely go too fast, even at 0.75 speed i can barely follow where your mouse is going half the time.

    • @reflekkt_net
      @reflekkt_net 3 місяці тому

      Thanks for your feedback Jonathan! My tutorials need to be paused often to follow along. That way my videos can be shorter and the concept of the project is shown more clear, compared to "real time" and explaining every little step in detail, which might be too time consuming for many people. But maybe I can find an even better balance between short cutting and getting into detail. Might do a Poll soon to ask what viewers prefer 🙂

  • @ole-petteralgard6208
    @ole-petteralgard6208 3 місяці тому

    Looks sick, but I have an issue after setting up the scale instancing. Once I set the scale channels everything disappears and only the black background is left... Any solution? Im a beginner

  • @drewisabug
    @drewisabug 3 місяці тому

    This was extremely helpful!

  • @prinnycupcakes4992
    @prinnycupcakes4992 4 місяці тому

    awesome \m/

  • @MineNoa
    @MineNoa 4 місяці тому

    Thanks for ur tutorials mate! Keep it up it's sick!

  • @freivonstil
    @freivonstil 4 місяці тому

    Nice Video! :) And i got a suggestion: I made a similar video a while ago and functionstr pointed out, that working with TOPs is wayyy more efficient, since it works with the GPU (opposed to the CHOPS, that work with CPU).

    • @reflekkt_net
      @reflekkt_net 4 місяці тому

      Thank you :-) Have to check out your video on this topic! I honestly have a hard time working only in TOPs, as it doesn't have easy number values to work with. That whole pixelmath thing is not very conveniend to use for me... That black-white equals values between 0-1 is understandable, but how to work with it precisely is on another level :D For example I wouldn't know how to create values with TOPs like the speedCHOP does... Still a lot to learn for me :D Working in CHOPs give me more performance tho than manipulating the grid with SOPs.

  • @victorcerda4862
    @victorcerda4862 4 місяці тому

    please more videos!!! thank you very much!

    • @reflekkt_net
      @reflekkt_net 4 місяці тому

      Thank you! Next tutorial is already in progress 🙂

  • @user-ot9is2pw7l
    @user-ot9is2pw7l 4 місяці тому

    Thank you for this super video! Wanna try to do something like this.

  • @PopovReports
    @PopovReports 4 місяці тому

    quick and simple. Perfect!

  • @PopovReports
    @PopovReports 4 місяці тому

    красава!

  • @CallMehBrite
    @CallMehBrite 4 місяці тому

    super underrated channel!!

    • @reflekkt_net
      @reflekkt_net 4 місяці тому

      Thank you, I appreciate your words! It's the little things like this that pushes my motivation to work on more videos 🙂

  • @Septin1983
    @Septin1983 4 місяці тому

    ich wette dass man das mit comfyui mit weniger aufwand hinbekommt. mein ansatz wäre zb. das pikachu bild ins comfyui laden dort erstellt controlnet die maske die du dann auch automatisch speichern lassen kannst und an hand der maske erstellt comfyui im selben atemzug die bilder bzw kannst du auch gleich ein video draus machen lassen somit musst du dann in touch designer nur das vieo laden anstelle der einzelnen bilder.

    • @reflekkt_net
      @reflekkt_net 4 місяці тому

      Das ist eine Möglichkeit mit der ich mich auf jeden Fall mehr auseinander setzen möchte, sodass externe Tools wie PromeAI evtl garnicht mehr nötig sind. Wäre nice alles komplett in TD erstellen zu können.

    • @Septin1983
      @Septin1983 4 місяці тому

      externe tools sind in manchen fällen nicht verkehrt zb hab kann man comfyui mit krita oder protoshop verbinden und wenn man ein bild malt wird mit comfyui aus deinem gemalten in realtime ein bild generiert oder du verbindest eine webcam mt comfyui wo dann über die helleren und dunkleren bereiche des webcam bildes die bilder in comfyui beeinflusst werden wie zb posen von personen oder so @@reflekkt_net

  • @helloteko
    @helloteko 4 місяці тому

    Thanks!