Rust Programming Language Rust Linz, 28 May 2021

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: Rust Linz, May 2021 - Lisa Passing - Creative Rust

Description

We use programs to automate tasks or solve specific problems for us. Too seldomly we use it to create art or simply write playful programs just for the fun of it. How do you write creative code in Rust? I'm so glad you asked! We'll take a look at some algorithms and tricks in the creative coding toolbox to get you started and use the nannou library to make them a (digital) reality.

About Lisa Passing
Lisa is a Berlin-based creative technologist, artist, and researcher. Her main obsessions are playful interactions with computers and creative uses of civic tech and data.

Rust Linz at https://rust-linz.at
Twitter: https://twitter.com/rustlinz

Speak at Rust Linz: https://sessionize.com/rust-linz

A

um Okay, so this is creative rust. um I'm super glad to be here. Thank you very much um just really quickly about me, because I actually do have a lot of talking to do, um but when I get this out of the way I'm lisa or lisless, if you like, want to search for me online, this is probably the name you want to search for and I'm a creative technologist based in berlin. uh What does creative technologists mean?

A

That's a very good question, I'm still struggling with like a good definition, um but I like to think of it as like, finding um solutions to more creative problems and not maybe like your everyday day-to-day kind of technical problems, um but let's see how that goes in the future. I'm still pretty new to it, um and obviously I like rust and like these things together combined, are more than enough reason for me to talk about creative coding in rust.

A

uh Since this is a rust meetup, I don't think I have to do like any language evangelism and instead I can focus on creative coding, which might be something that not a lot of people are like everybody is familiar with, um and it's also like a very um a broad field. There's a lot of things that go into it.

A

So I like want to take a couple of minutes in the beginning to um yeah kind of like look at the different parts that make up the world of creative coding, because I think it's super exciting or like at least it's very exciting. To me.

A

uh Let's start with a quote or a definition, um because it's always a good place to start um so wikipedia says that creative coding is basically about creating something that is expressive instead of something that is functional, and I really really really like this, um because it already it liberates us from this idea of that we have to code, something that runs and that works, and that, like it has to it, has this like a single purpose, and if the code doesn't run, it's useless um and creative coding says like whatever.

A

um As long as like it is as long as it expresses a um an experience or a feeling or anything you want to express, um you have creative coded, uh and I think this is already like. Okay, we're free to do whatever um we want, and this is, ah I can already.

B

A

Like I can like breathe more freely um after knowing this, so there are no mistakes. Perfect. um Aside from like this more like a headspace that I really like about creative coding, there's, obviously a lot of very fascinating and cool technology that we get to play with. If you want to like dig deeper into creative coding, um and I had a lot like a hard time in the beginning as well like wrapping my head around okay, what are all the parts that make up creative coding and what is all the things that interesting?

A

That is interesting, and that is like interesting for me specifically, and um the list that you see is um compiled from uh from a little diagram, but that I, like I came across when I watched the webinar by luis ferreira, um and I thought this is really cool, because it kind of like maps out the different areas quite nicely, and I want to give you a little like whirlwind tour of the things here on the list, um because if you deal with creative coding, you can work with artificial intelligence, uh especially like things like generative, adversarial networks or gans um are things that, like constantly blow my mind um like these, like more like anatomical like nature, inspired like things that sofia crespo um generates and there's this entire like realm of physical computing, where um you get to play with sensors and motors like taking inputs from the environment and then like act out on the environment or things like pen plotters or anything that makes like um it makes its way from the digital back into like the physical realm.

A

Like it's super cool.

A

It's super exciting um electronics is like a big part of like what I spent a lot of my free time on, um but there's also like other cool stuff in the more like audio-visual, like actual performance performing in front of people thing um as an example, I picked like life coding or algorithm, where um you can code music, you can like have actual musicians like perform with you on stage and like it's, it's really uh so much to do and so much to see um all the way up to to light art.

A

I picked as an example projection mapping where you can um write visuals and like code like um project imagery onto buildings or facades and like make it match the um the actual architecture you can have this like animated or like also interactive, and it's like really um it's so cool when you stand in front of it, and you know that, like people made this and like interact like digitally with like things that exist in the real world, okay, I just like throw a lot of things on to you.

A

So just you have like at least one image um in your head for all of these points, um but the main part that I want to like dig a little bit deeper here um is the generative art stuff. uh It's also, I think, like the easiest to get started with, um because you don't need a lot of like equipment or like anything else, you don't need the hardware. You don't need um buildings to project things onto what you need.

A

Is your computer, perfect, um so generative art, um so we uh from all of creative coding, vernon like generative art and there's also like a lot of stuff like a lot of areas within generative art um that you can look at like it's. It's really just like um it can be data driven. It can be real time. There's a lot lots of things that are that are happening, um but it's like again a little definition, maybe uh to work with like what does generative art even mean um when we talk about genre of art.

A

We talk about art that is created by a system with where the system has some like some level of autonomy um or like the the artist, does not intervene directly in a way with the the art that is being produced, um because um the artist uh in like the world of like janet fart um is the person that designs the system or lays down the rules and by which the system then generates the art. So we have this kind of like um uh rule system and then like this based on these rules.

A

Art is created and we define the rules. So this is really cool. um Let's look at some examples, because generative art is not just computer visual art, the way that we will do it later, but it has or is applied in lots of different fields, for example, architecture.

A

um Here's an example where, uh from like a grotesque style, inspired um uh insta like not installation but like it, is 3d printed and then glued together and like fills entire rooms and it's all like um it was generated by a computer and then pieced together by the humans, um there's obviously literature and poetry.

A

um Here I have an example from a french from a french collective that already generated um basically generated a poetry back in the 60s and the way that they uh wrote, uh 10, sonnets and but like cut out the individual lines of the sonnet and put it in a in a book. And when you open the book, the individual lines in the port would like just like um open in in a random way.

A

When, once you open the book and what you get is a randomly generated uh sonnet um and since they had like 10 sonnets and it just like, varied like it was completely random at which they um and which order these lines would fall. So they basically already um generated poetry in the 60s without computer purely like um analog, and I think this is really cool, because we still have our within the realm of this, um where the artist just gives to you the rules.

A

And then the system follows the rules and generates the art for you. um We also have like generative art in music, um maybe most famously brian eno and the music for airports, um which is very ambient, slow, uh sound.

A

um But again he just said like the stage of like here's, the rules by which the system then determines which note is played next, and this could actually be played until like forever and ever in infinity, and this was like already in the 70s, um which I also think is like cool there's so much history. There um already and then, like a more recent example of like more like the visual odd stuff that um you probably like or maybe see, on social media or something um yeah.

A

I picked some like um imageries from an artist called monologue uh who posts like on instagram and twitter. I think- um and this is just a screenshot of his behance page and some like really cool stuff. You can see like how he's like trying to imitate brush, strokes and stuff, and it's so fascinating, and it's really really cool, um and I thought it's like this is like more into the direction that I want to get, even though we will not get as fancy um sorry time limits and stuff.

A

um But I like chose these examples to be a little bit all over the place on purpose um because they have this. um I wanna get this feeling across that we can definitely like learn from what came before us because we have in so maybe one step back if we free ourselves from this, like idea that we write code, that has to solve a specific problem and it has to be functional, um we have to like think of like okay.

A

um It has to work now, and this is like what the thing that we code for, but in a more creative and expressive environment, we can maybe say, hey the output or the feeling and the sentiment, and what we created is more important than the tech that we used for it or that um we don't have to ensure that it keeps running forever as long as like it ran, maybe once and it created something or it never ends, because maybe we do an art installation about error messages and then the pointers that never ran um or something uh along those lines- um and I, like the other part, is that um I think it's so cool so like why I also picked some stuff from like 70s or 60s.

A

um Is that I feel like there's more history to what we do than usually in tech? Usually it's like. Oh, this framework is already three years old, uh wow, it's so mature, um but like with art, we have this like. um We have this context of like um yeah culture, in a way already that we can say it's like. Okay. People have done this like 50 years ago, and I really enjoyed this this way of thinking of like not everything we do is new.

A

um It's always been done before, but we can still learn and be inspired by the people who came before us.

A

um But that being said, I want to talk about the person that really inspired me in the last couple of weeks, um which is uh who is vera monar, um and she gets the super cool title on wikipedia whoops um pioneer of computer art, which is like yes, if you, if you get that title, I'm like wow, um you've done it and she is really cool.

A

um She was born in 1924 and she's still alive, and she is still working at like almost 100 years of age, which is mind-blowing, like definitely um life goals to achieve there, um and she was born in hungary, where she studied like art and art history, so she's like an actual like classical or classically trained artist, um but then in the 50s and 60s she moved to paris where she thought of this.

A

The system by which she started to create art, which she called me imaginar, which is basically exactly um generative art, so she's. First, she thought of like a rule system, um for example a certain grid and certain colors, and then certain rules by which these were like applied and then created art based on the rules that she first thought of so like basically generative art except you didn't, have a computer.

A

um But then, once in the 60s late 60s computers were kind of more available-ish, at least to some people. um The first thing that she did was make art with it um really really cool like a real like um pioneer and what is also cool, I think, is already not only that she started making art um but the way she she brought.

A

The art, like the computer generated stuff back into the real world, is through the use of pen plotters, um so you get like actual pens, drawing the um the generated art um and you have get this kind of like yes, the computer thought of these these forms, but you get this like actual ink on paper kind of um real world physical, tangible um experience, which is um really really cool and she's already like um in this, like, um if you remember the the creative coding techniques in the beginning, she's already like uh combining like the physical computing part, which is pen flutters, with like her generative art already um crossing through all the sections um that we that we get.

A

So this is already super exciting. I'm really really really um uh so in love with her and the the work that she did. um Let's look at some examples, um so one of her earlier works. Here's interruptions um which already did in the late 60s and I think it's just super timeless. um This is like something that is just so cool like the um it's really simple, and it could still be something that people would generate today or think of like okay. How can I like?

A

How can I write a system that generates this kind of output, uh very cool? um Another famous one of her um of her works is like is like is um called disorder.

A

Sorry, like french native speakers, um uh which is like a series of like where she really looks into like this random rectangles on grits kind of thing- and this is also like a very famous example that you see often in if you look into um tutorials on creative coding or like where to get started, is like this idea of um figuring out. What's what people did? Who uh who done this? Who have done this like um decades ago?

A

So this artist is a pretty good one um and then like from the 80s, there's another like pen, plotter print. Here, it's called like from a from a series called um or square structures, and when I saw this, I was really like. This is kind of like really cool like it. This one really spoke to me um on some level. I'm not really, I'm not really sure why. uh But I decided that this should be the piece that maybe we can look at together and see how we can implement something like that um in rest.

A

So now that I like, through a bunch of words and pictures and like uh a whole lot of input um into y'all's faces, um let's talk a little about rust and creative coding and rust. um I want to use a tool or like a framework that is called nanu.

A

It's probably the most mature uh creative coding framework written in rust right now, um at least that I'm aware of, um and it's really cool, because it's um it's it's fairly young, but it like learned a lot from, like the other creative coding frameworks out there like processing or open frameworks, um but also making some decisions that are um very like future oriented um in a way.

A

So I'm like very excited about, like all the features that are still to come, uh but it's already like in a super usable um place right now, which is why we're gonna use it. So the plan is um taking this piece square structures by ramuna and trying to implement something like recoded um in the new.

A

So we should make a plan. um Okay, so uh let's assume that we're new to nanu and we don't really know what we're up for so. The first thing I would look is like what we have. um The new has a template that we can use. We can check it out, get a little bit familiar with the idea and the structure and everything.

A

um Then obviously we have to find out or figure out how we can draw a random rectangle, um because this is, um if you look at the thing we have like recta. If you look at the original image, um we have a rectangle that is made up of a grad of various random rectangles and different colors.

A

So first we figure out how to draw one rectangle. um Then we need to figure out how to draw a grid of random rectangles. um I would choose picking colors next, but that's just my preference.

A

This step could probably also go at the beginning or at the very end, um and then I would say so, assuming that first we start just a grid of a rectangle each then assign the colors and then per position um in this grid. I want to try.

A

Oh, I want to draw multiple iterations or like multiple versions of or like well just multiple rectangles in the same position on top of each other, um and then I actually want to add some interactions, because I really like playing with the stuff like not just like generated once um the way you would do it and then print it or plot it out, um but we have like, since we're staying digital total for now um have the opportunity to to play with things just like play with the parameters and like have a little bit of fun with it, because that's the point having fun and learning stuff.

A

Okay with that being said, uh let's draw some squares and I have a slide intentionally left blank. So I have time to switch over to other stuff here.

A

Okay, um so these examples that I'm going to show you they're already online on github um in the repository that to get there's the slides that I showed you or they're already online um and these examples um with each step that I'm going through in the in a separate file.

A

So you can like with comments and there's also read me so if you want to like if this is all very fast- and I realize it's very fast- um you can like read through everything at your own pace um later on, um and hopefully it all works for you. um It's not um it's not rocket science. I assure you, um okay with that being said, uh the first step um is looking at what we have so the the code that you see here uh is the example app template.

A

So in the new repository there is a folder called examples and there's another folder inside. That's called templates where you find the app template- and this is this- is the entire app template, and this is a fully functional the new um app uh if we run this now, let's see so. This is called step one um in the in the repository. uh If we run this, we get, this is the standard template or the standard yeah app template.

A

It's just a window that draws a circle in the center of the screen, nothing too exciting at first, but it's already pretty cool that with like really very little code. We already get this kind of output. So, let's see how this works exactly um use like we get the new prelude um in the main function. We just like kick off this app. We don't actually have to look at this anymore.

A

Just like this is where things go together and then start up the most important or like the the things that are like interesting to us are um a struct that is called model, a function that is called model a function called update and a function called view.

A

um If you hear the words like model and view, the probably the association that you have first have is, like model view controller and if that's the case, you're right on the spot or like just right, um because this is kind of like the the overall architecture that nanu was built with so like model view controller, where a model holds your state um and vue is kind of like just the um the visual representation of your state and but we don't really have a controller.

A

um We have more of this, like um uh the logic of like updating the state as you go and then um having the state represented uh if you've maybe like played with things like processing before um or maybe like other game engines. Even um you might wonder because, like view is like for me, it was like a little bit unusual.

A

uh The view is usually called something like draw um just like making it clear that this is where, um like the drawing happens onto the screen, but it's also like it makes a lot of sense if you think of it. From this like model view controller perspective, um the other part is that the function that is usually called setup or sometimes load so um the first, like all the code that runs once in the beginning to set everything up, is actually called um model in nano.

A

This is where the the window is created and the um the model like as our container for our for a state um is, um is initialized or like is um instantiated. I guess um with that being said. um This is what we have. We have the model struct that holds that defines our app state.

A

The model function creates the window initializes, the model um update would be a function that continuously runs to like update the model and view as a function. That continuously runs to draw to our screen cool. um So this is what we start with um and let's see um so this is step one step.

A

One is just like looking at stuff: um let's see how step one, uh how step two works so step two um goes from drawing a circle to drawing a random rectangle, um this one's pretty ugly, but this is what you get when you draw random stuff. um Let's run it again ah more like it. um So this is um one way to to draw a rectangle um just in the center of the screen. Let's see how this could work, or this could look like in.

A

um Let's look at step, two, um the only like really interesting part is- and I would just um really superficially run over the changes. um But there's not um don't worry. If not, everything like falls into place right away um is that in the in our model, struct um added points which is a vector of two-dimensional vectors, so like um two-dimensional, vectors, something something with x and y-coordinates, for example.

A

So like a position in space- and um so I just like collect all these points and they will later make up the points that define the uh rectangle uh and then just in the um I started with just here in the model function um so that okay, if I need like a list of points that define my my rectangle, I can start with an empty vector, generate a couple of points.

A

Push them into the vector, and that's it maybe to note here is that I push the vector. I push point number one twice in there, because the function that I use to draw the stuff is called as a polyline, which is technically only a line. So I have to like put in the beginning point twice, so it actually closes the entire thing.

A

um But that's just like to note here and the way that I kind of like distribute the points um and the rectangle to get a rectangle rectangle um is that I like use a random function, so um in this case random float 32. So like I get something between 0.0 and 1.0 and then multiply this by um the maximum width and height uh restrictions that I want my rectangle to have so, let's say maximum like with a height of like 100.

A

In this case, um so I get like something in between and then I use like negative values on the individual corners to kind of like push them out so that I don't get like. um How would you say it uh just like a random lump of points that doesn't like may have like four corners in a way, but it's not really rectangularly shaped, um and with this I can like kind of like um pull this a little bit out.

A

So I get get something that is more uh or like resembles more um like a rectangle that you would imagine if you just think of, like oh yeah, a rectangle um with that, and then, let's quickly, look at like how we draw how we actually draw the thing um I removed the the part that that draws the ellipse or like the circle that we saw and actually draw a polyline, uh give it a color and give it a weight, which is the the the width or the the yeah stroke width of the lines that we're drawing.

A

And then I give it um all the points that we just um the points that we just created. um These are like in our model points um vector that I have to clone, because points wants to take ownership here. um uh So if you, if you run this and like maybe like code it at some point- and you like uh uh what doesn't points like- oh like I get, the compiler error- maybe clone this, because some of the functions actually want to want to take ownership and in the view we can't.

A

um We only have like a um an immutable reference to to our model.

A

Okay with that being said, so I'm quickly going to like uh quickly running this again, um so we now have like one random rectangle, even though this also looks kind of like a triangle because smaller sites, but that's okay uh from here on, we can like move on to step three, which is drawing um a grid of these random rectangles, and this is already kind of like stylish in its own way um kind of like pop art uh pop artsy.

A

um Let's see how we can do that, look into the next step. This is step three um I'll define like a couple of like magic numbers that I need for the grid and everything else on the top. um But in this step, what is kind of, like the the biggest part, is that I kind of like started to abstract um like the or like introduce more abstract concepts of like the way that I want to organize the code.

A

um So maybe I pull this up again to better explain.

A

um So I thought um that I want to have a structure that I call square structure because that's kind of like the name of the art piece um and that each structure represents one position in the grid um and that later holds the color and then also all the individual rectangles that are drawn on this position.

A

um So in the end, we will have like um a vector of of square structures that represent the grid where each structure um sits on one position has a color and then also all the rectangles that are drawn on that position, um but first things. First, um in the first step, I just want to have the position, which is again like a two dimensional vector um and then the the points that we previously had accepted.

A

Previously we just had one points vector just directly in on the model, and now it just like push it into this or like reassign it to the square structures, struct. Okay, then just impul square structures.

A

This is the same points code that generates like a random rectangle, um and then I calculate the position based on the position in the grid with a little bit of nudging in the coordinate system to kind of center. It right, let's go here, uh write a little function and that it's just two nested for loops, because it's simple and it just works over the ranges that I want micro to have.

A

I think I said in this case it's a seven by nine, um generate a new structure, uh push these structures into a vector, and then we can have this vector of square structures in our model. um So here's where I call it. Here's where I put it into my model and then um in the view we basically iterate over the structures in our model and draw this polyline. We now have this new x and y, where we actually have to like specify the position, um but the rest pretty much stays.

A

The same cool um on to the next step, where I randomly put color here, um because I wanted to now get away from um just as like the original purple and purple and steel blue, I think they're called plum and steel, steel, blue and like more into the direction of the colors that varam uh used in her sketch.

A

So this is going to be the next step that we try, um just like per each structure also have a color, and this is pretty straightforward.

A

um I actually um also added the rand crate, so I get like a nice, um uh a nice api for, like choosing a random thing from a vector, also pull in a new color and then on the square structure. Struct, I can say hey.

A

We will not also like have a color and the entire magic or the biggest part of this is like this rando color function that just defines this like predefined vector of color.

A

So I want to have like actually like a lot of say in these are the only colors that I want to use, um but this could also be like a cool entrance point for saying, like playing actually with the color composition and the piece of saying like hey, maybe instead of rgb, you want to like use um hsl and then play with, like maybe the saturation levels or the hue um anything like that.

A

So this could be like a nice place, but I chose to keep it simple here: just have predefined colors and then show choose a random color from there and then assign it to the struct um and then, when we draw it, um I just like previously, we only had steel, blue and then say: hey, not each structure has its own color. Please draw this boom um and this was it for color and we're almost there, um because in the next step the um where things go a little bit crazier, um that's! Where per each structure.

A

We now not only draw one rectangle, we draw multiple, um but with everything like we already have like put in place. This is actually quite simple um for us to achieve.

A

Okay, let's see or is it simple, let's find out, um I defined another value up here, which is just like the like the maximum number of um rectangles I want to like or like squares that I want to draw per um per structure in the grid, and I also decided to um add another layer of uh maybe abstraction if you want um added a new struct that I just called square, which is just now holding the points for each square so, like um I'm, basically just pushing around this the the initial idea of um how do I, how do I draw a random rectangle and now it's it lives just inside square and square structure.

A

Gets in turn the collection of squares, so the squares rapture has a position in the grid and a collection of squares that are like drawn on top of each other and they all share the same color cool, um which uh then in turn that just so maybe once more one more step is that um now, when we we generate or like when we create a new square structure, um I also say like hey, for each structure fill this vector with a new square and then, when we draw it, um it's just another nested for loop for drawing, um and this is it, and that was actually not that much culture.

A

I get to this visual effect now, because in the end it was fairly simple um if we think about it, whoop um so, with the fight were kind of like they're ish, um I would say so.

A

We could play with like some of like the magic numbers that I defined at the top to like, um maybe widen or constrain like the the rectangles a little bit more, maybe the number of iterations, but um I actually wanted to have some sort of interactivity because there's a couple of of things that I definitely want to play with when when I saw this first, um which is uh for one um changing the color so like the color assignments of the different structures, um but then also the number of um rectangles that I've drawn per structure- and I thought like okay, I kind of want to maybe play with three aspects of the thing, and um I have a three button mouse.

A

So, let's like put some of like the events on on mouse interactions, so we can play with it a little bit, um which is going to be the last step um that we look at so first. It looks kind of like the same. But when I click with my left mouse, I basically regenerate um all the squares that are drawn, but the colors stay the same.

A

But with the right button click I can like assign the colors um or reassign the colors, but the positions stay the same and when I scroll um I can reduce or increase the uh the number of the rectangles that are actually drawn or like the squares that are actually drawn per structure so like.

A

If I go all the way down to one, I can we're kind of like stepping back to the initial step that we had, um but then I can also like decide on um like how many lines I actually want to have like then show some choose something that um I think looks kind of good. Maybe something like this, maybe a little more. um So let's see how we can do this, because actually events are handled really nicely in nanu.

A

I'm a big fan, um let's see where we go.

A

uh Let's go here in our um model function um where the in, like the new window itself is created, and here we can register the events that we want to uh look out for. um I chose most released so like um when the mouse button is click like click but release um and mouse wheel, which is when you scroll, and then these just get like the the functions that should be called when these events happen.

A

uh So let's look at mouse released, which is this one and the interesting argument that we get here is button which is of type mouse button which we can match on. um So we have a mouse button left and mouse left mouse button left and mouse button right um and then I can just say um I also have access to um my model here we get a mutable reference to to our model here, so I can like um also update my state, um so I can say so for for left mouse click.

A

um I iterate over my structures and I also defined a function that I'm not especially gonna, look at here, but just um basically regenerate all the points in all of the structures so like um the squares actually and on the right button click I also iterate over it, but called something that is called said color, which just picks another random color from the predefined vector.

A

um And then I don't even have to touch the rest, because the rest just trickles down um into the visual representation.

A

um The other part, is here um mouse wheel, where the interesting argument is dt or delta kind of like the um the difference in like the mouse mouse scrolling and where we can also match um on mouse world delta line delta, which is a um a tuple of like x and y so like because in theory you could scroll horizontally and vertically, um but I'm only interested in the um vertical scroll.

A

So I'm only like on the uh like, only like the structure for for y here, and the other funny thing is that y is um either a negative 1.0 or a positive 1.0, depending on whether you scroll up or down. So I have a little guard here um to tell me actually in which direction are we now scrolling?

A

Then I have a little bit of a setting boundaries because I actually don't want it to go out of hand so like a maximum number of 10 is what I defined, and at least one otherwise the sketch breaks, um and then I count up and down another. Oh.

A

This is just like a little property on the model that globally defines um uh globally defines how many squares I want to draw, and then, um as for the drawing itself um I make, I can like make use of a nice uh like more of like the functional features of rest, because in the um in the iteration loop, where I, the actual squares, are drawn, um I can simply say like take and then the this global number of um squares that exist and just draw this amount and don't really care about the rest, and I thought that was really cool um for the sake of time.

A

I don't want to like get into some of the other, like I feel like in this part, it's really like cool, like the the things that rust gives us for like handling stuff like this, like especially uh pattern matching and some of the functional things are so nice to work with and rust, and if I think about like some of the stuff that I did in processing or in p5.

A

um Well, it's like kind of like always a little bit more complex. I feel like like working with this, and I know it's like really.

A

um A smooth experience, um so that was really cool, and that was a whirlwind tour of um yeah uh how to get something like a viral nice um square structures thing but like implement it, and I knew um just to give you a little bit of an insight into um how you could like plan all the way like a little journey on um where to go and like maybe what to think of and then in the end, it's really um in small incremental steps that uh that get you there um and with this I want to like already like kind of like go into like a little wrap up, um because yeah there's so much to talk about and so much to learn.

A

um So I prepared a resources slide. um I actually have two resources: slides one is just like rust and nanu, specifically um there's a there's, a new guide, which is probably like also like a very good way to get familiar with some of the um concepts behind nanu, especially like what about the coordinate system and how like drawing works. um But then there's also like an another generative art tutorial. That is pretty new, where you recreate um gravel or shutter, which is another like a piece that you maybe have seen.

A

It's also like um one of like the first things that you learn when you like, like a lot of tutorials, uh take this on as like a first project for generative art. So there's um um a tutorial for that, um and I also wanna highlight the uh a session by alexis andre who did all the sketches that are on the new website, so all the cool animated stuff as alexis andre's work, and he gave a session at github universe about um menu and creative coding and rust, and this is like just like it's 30 minutes.

A

It's very, very cool, and also that gives him gives a little good insight into like how he thinks. um I think I really enjoyed it and then more links, but I'm not going to talk about all of them. There's another resources slide with just more generative art things, so you have like, if you plan on sleeping tonight, maybe don't sleep and breathe through all this stuff, um because it's it's at least as interesting as sleeping um and with that I'm actually. At the end.

A

Thank you for listening to me um yeah and that is it and then we can do questions. I guess.

B

Awesome, thank you very much lisa. It was an awesome presentation and I can't put it any better than carl did on discord. He wrote I'm really inspired and now I have something to do for my vacation next week, really amazing. So, yes, absolutely it was a very good presentation. Thank you very much. We have some questions. In fact, let me show you the first one this one um now rengare, I'm not sure. If I pronounce the name correctly asks is the image responsive. That is, if you expand or shrink, I guess he means the window.

B

Will the rectangle choice change size.

A

So the way that icon so good question um the window itself, you can just like resize freely and the way that I coded it right now. It's not responsive, but you do get, for example, um the way that I registered the um the mouse events there's also an event called uh it's either resize or window resize, where you can actually like then get the chance to update the like all of the measurements in your sketch, based on what happens in this resize. So you can um the way I coded it.

A

It's not, but it's definitely tools to make it.

B

Okay, thank you very much. The next question comes from stefan. He asked whether nanu would have some apis to also generate video or image files, or maybe even have apis for sound.

A

uh Also very good question, so the video parts are still let's say in development. um There is a feature to like save images as like, basically screenshot your um screenshot, your your your sketch. So um like save what you have um as a file um that exists, the video stuff is it's.

A

It's still like a very young framework. It's definitely in there like the entire, like range of video and then also video manipulation and all the other stuff that comes with video, I'm not great with videos, so I didn't actually look like too much into it, um and now I forgot the second part of the question.

B

It was about sound, it was.

A

About sound um sounds really interesting, so there's already um uh like apis for the um oc open, sound control thing. So um if, like it's there's no synth, oh no, I have to think I think, there's no synthesizer or like anything that actually synthesizes sound in menu.

A

But if you want to like, um have your new sketch interact with external things like midi controllers or anything else that speaks osc? This is already possible.

B

Interesting uh next question we have from harald. He asks whether you know which graphics, apis or crates are used by nanu. In the background.

A

um That's a good question: um I'm not like a super graphics crack, uh but the um and who tries to like use the the most like advanced or like um state of the art uh kind of like api, so they're working very hard on um the like vulkan and um what's the new thing called uh web gpu so like, basically, all like the new super, exciting uh yay.

A

We like we try to squeeze as much performance out of our graphics cards as possible, um also preparing stuff for like web assembly, so like everything, is pulled into it. um They're working hard on this they're, also contributing to like the web, gpu crate. um Again, I'm not like super duper into the graphics stuff, but it's it should be fairly cutting edge.

A

I would say.

B

Okay, thank you. Thank you very much. The next question, I'm not 100 sure. If I fully understand it, um the question was the backend of blender 3d technique. Shall we call it as generative art? Can you interpret this question.

A

um So there is um so my interpretation of this question is you can do? um Can you do creative coding with blender? Yes, you can out of like the um like. Blender has like so many like functionality around like generating various like visual effects for like uh 3d stuff.

A

um So if you're, if you're talking about that and if like, if you're playing around with that and then like, generate beautiful, um like 3d imagery or like 3d models- and this is definitely creative coding, because this is also like the uh the next step would be then like um like for me- is like to then 3d print the stuff um or you know, there's like so many things that where people like actually have to like generate um like models that, like that, like you know, it could be jewelry could be um installation pieces.

A

Anything so is blender a creative coding tool. Definitely.

B

Okay, interesting, I would like to ask a question too: um maybe you have uh listened to the community news that we did at the beginning. So then you know that we do a lot of work with kids and when we work with kids and teach them the first steps in textual programming, we mainly rely on p5. We love p5 and the kids love p5, because we build simple games with them um is nanu a platform for building a simple game like a classic arcade game, or something like this.

A

um You can probably I actually have not made a game in manu yet um which I probably should do. uh There's definitely like there like, if you can make a game with p5 like nanu, has the same kind like the basic textual things. You can build this with like a snake game or tetris, or something um or break up like it's break out the standard game that, like just a little, you know 2d, like I walk around, collect things um absolutely yeah.

B

Nowadays, all the things that you mentioned mentioned we already built it, so we built snake will break out. We built the the obvious dino run and things like that so yeah we will definitely check it out. Maybe that will be an interesting extension to what we do at koledojo.

A

Maybe one more edition, so um nano doesn't feature uh webassembly yet, but it will come up so like ultimately, in a couple of months you will be able to like write it and then also have it run in the browser. And then uh I don't know I don't like. I also really like p5 um but like maybe you don't need p5 anymore yeah.

B

Okay, I will definitely do that. Thank you very much um lisa. I would like to close with one important uh information that I would like to first give you or ask you: have you ever been in linz before.

A

B

Do you know that lintz hosts the arts electronica festival, which is one of the largest electronic arts festivals in the world, with hundreds, if not thousands, of artists over the years? It started already in 1979, and while you were talking, I was of course googling. uh Vera molnar was in fact.

A

B

Arts electronica festival in 1979.

A

uh Of course, I know I is electronica, but it did not actually make the lin's connection um so.

B

Maybe maybe we will find a possibility for a rust, lintz meetup at the time when the arse electronica festival will be there, and then you can visit this city. Take a look at dars electronica and do another talk here.

B

That would be awesome. Thank you very much. Thank you for being here and thank you for this great talk. Are you on our discord? Server.

A

Not yet I was too nervous to do that, but I I will do it now, while I listen yeah if.

B

You want that would be awesome. Maybe some people have questions if you like, you are always very welcome there. So thank you, lisa. Thank you. Have a nice have a nice evening.

B