Generative Machines with Matt DesLauriers

hey guys so thanks for having me at fitc it's really great to be back in Toronto obviously I'm going to be talking a lot about creative coding and generative art this is kind of a passion of mine and I wanted this talk to be pretty high-level pretty much just how do you get into this kind of space what are the ways you can find inspiration what kind of art and what kind of projects are going on and also some of the tools and some of the techniques that I'm using in my own workflow as an artist to create this kind of work so when I talk about creative coding I'm talking about using code for something expressive rather than for something functional so it's maybe creating an image or an artwork or something just fun and playful and creative but it's still using code and using computation here's a little example the most basic example I can try and create and you're basically just saying hey computer draw something maybe red draw a circle draw a square and then draw something else you're giving it instructions and then the computer is actually running those instructions to produce an artwork or an image or something like that that's just a simple example and then when I say generative art I'm talking about making a machine a machine that actually makes art so for example creating an autonomous system that every time it runs it produces a new artwork or a new image or some sort of manifestation here's that same simple example but using generative a generative function maybe every time it runs it produces a different image so here it is again and every time it runs it just produces a different image a different artwork so I'll start with just talking about some projects that I am really inspired by and just the different types of things that you can actually see in generative art and creative coding so this one's a really good example it's called substrate by jerod Tarbell and the idea is really simple you draw lines that are extending outwards to infinity but when they collide with other lines it creates a new line at a perpendicular angle and with those simple set of rules you can create these really complex and really intricate results this is just a video that's looping but if you actually were to see the program on the computer every time it runs it would produce a new image that's kind of the exciting thing about generative art is that every time it runs it produces something that's unique and totally different than anything it's ever produced before it here's another example is filled i/o you can actually check them out they're a london-based studio they do lots of great work and they quite often work with generative systems in this case they're taking the neurons that are firing in a neural network in machine learning and they're trying to map that into these these visual systems like an illustration or an animation that creates these really high fidelity graphics and then this is a nervous system Jessica spoke yesterday it was a really cool talk and she talked all about her work in nervous system and how they produce these physical forms from generative algorithms a lot of the time they're modeling natural phenomena so you can imagine the way that a coral reef micro and they're taking algorithms and code and they're actually forming these real products puzzles home wear jewelry and entire textile fabrics using 3d printing and fabrication here's another example it's a really cool cop I'm really happy to have bought one and it's based on brain coral and here's the actual simulation and you can see that when the simulation is finished you have the final product but every time the simulation runs you're going to get a new and unique Cup so this is an informative it's a Berlin based studio that works a lot with generative a lot with creative coding and this is kind of cool I thought just because it takes an image but it boils it down to on/off so light or shadow or true or false this binary system where you're either having a pixel that's lit or not lit in instead of a pixel it's actually this physical component that just spins and it creates these really beautiful patterns and it's emergent and generative and it's always changing and always producing these new forms and shapes and so it's just a cool way to take the concepts of generative art and creative coding but instead of mapping them to images with pixels you're actually bringing them to the real world with these physical components and then one more studio that's working a lot in this space is United visual artists UVA and here's an example one of their projects that I thought was really cool you can actually see it's these slats that look like they're sort of projection map with with light going through trees or something like that but if you actually walk around it you see that it's just these little tiny LEDs and these LEDs are programmed to spark and light in different ways in sort of this ever changing emergent pattern so this would also be using some sort of generative system that moves the light around to remove the shapes then this one is just fun and playful some web you can check it out when you mutant yeah and so I like to show this because it's a generative art and creative coding isn't so serious all the time you can just have playful fun experiments especially in the web space with advertising branding this is a huge thing where a lot of people are working with WebGL to make these kind of quirky experiments so I'll just start by talking a bit about my early learnings sorry I said early learnings I sort of got into this in 2014 I worked on this little demo called generative Impressionism just using JavaScript front-end technologies and the web and canvas and what I did was I just moved particles around with the noise function and every time the particle moved it took from a photograph it sampled a pixel and the color and it starts to create this almost oil-painting type of thing this is all just running in the web browser and here is where I realized that I can actually use code and I can use the skills I was learning with programming and with front-end and I could use that to create art and maybe one day I'd be able to create art that actually would be exhibited or I'd be able to show it somewhere or hang it on a wall or printed at a large scale and so that was a really cool of Revelation to be able to use code to create art and then fast forward a few years in 2017 I purchased a mechanical pen plotter and this is where I really started to dive into things this is what a pen powder looks like it's a mechanical device like a robotic device where you attach a pen to the end of the arm and that pen will get moved around in a very specific way based on how you program it and based on how you send those commands and the movements to the device and so here's how it actually looks once it's printed out something this particular print is visualizing the magnetic sphere of the earth using sort of the generative algorithm that map's that to a sphere and one of the interesting things about pen plotters and how it relates to code is that you can create these generative algorithms and every time you run this algorithm you get a new result and you can map that to commands that would be sent to the the actual pen plotter and then the pen plotter can just print it out and it's never going to get tired of printing out new generations and so it has this nice this nice match with with creative coding and generative art also the cool thing is because it's an actual pen sometimes the pen will will lose ink and it'll dry up and sometimes it'll catch an edge and so you get this really unique print that really feels like it's been made by a human but it's it's been made by a robot so there's kind of this weird like mix almost like human robot kind of collaboration here's how it looks here's how it sounds it's really setup utak just to watch it as it's going just spent like an hour watching it print out your thing so yeah this is all created with JavaScript using the same skills that I was using before with web development to actually learn how to create artwork that gets transformed into prints and at the time I didn't find many resources on using javascript to produce these kind of works so I created a tool called pen plot you can find it still on github it's a bit deprecated now because I've got another tool which I'm going to talk about later which is kind of the upgrade of this but it was just a development environment that allowed me to iterate really quickly and produce all sorts of different results so this is me over nine months or so 900 or so different images all of the images are exported from the same pen plot tool and in each image you're just seeing either a new generation or new algorithm and me exploring these different algorithms different ideas all sort of generative systems and one of the interesting things about this sort of chronological timeline is that you can start to see colors you can start to shoe shops and that's because the way I'm using the tool is evolving the way that I'm exploring this this pen plot tool I'm no longer just creating pen pots I'm actually sometimes producing images that you cannot reproduce with a pen powder so sometimes I'm adding colors and fills and and you'll start to see some more colorful outputs and yeah this is just me evolving and changing the tool and the more I started to tweak this tool when I started to realize it's actually just a useful tool for any purpose of creative coding and generative art and it was kind of a nice learning which I'll get into but during this time this is sort of my favorite for outputs from this like sort of nine-month period where I was experimenting with the pen plotter and I started to think maybe my style is beginning to develop as an artist maybe this is sort of beginning to be my style but then I also at the same time I was creating work with blender at doing these 3d models and three renders and all of a sudden the outputs they felt very different and they didn't feel like they had any similarity with with the other work I was creating and I started to realize that the tools that I'm using the tools that I'm working with to create these images is really going to shape my style as an artist and so in order to break out of a certain style or in order to further refine my style and further development I really needed to hack my tools and modify my tools so that's been a thing that I'm really focusing on is how can I take my tools experiment with them hack them break them and change them and produce new work from these modifications and this is kind of an example of that this Crystal Towers print series it's ten different cities and each one in one of them is Toronto New York etc each one is the skyscraper heights in that city mapped to the these generative crystal structures that are then forming these sort of renders and this is sort of what it looks like up close and so it's a data-driven sorta generative piece but the interesting thing for me was exploring how can I take this the same workflow that I've been creating over these nine months working with this pen plotter and working with these tools but how can I modify and hack it and change it in different ways and so in this case I used the same pen pod tool but I actually exported an obj file instead of a file for the pen plotter so this file was just something that's you can bring right into blender you can bring it into cinema 4d or anything and actually create a render and so I started to just modify my workflow hack my tools and it really changed the way that my art looked and sort of changed my style a bit so that was just a nice lesson during that time now in terms of finding inspiration this is like become a really big part of my work as well as just trying to find inspiration and trying to find new ways of working and new ways of thinking about about my work and about creative coding and generative art and it all started of course with like Pinterest and looking for different mood boards and inspiration and things like that I've really started like cataloging all the different styles I like here's like a reason print board where I talk about like alright like put together all the different images that I like that have to do with reason graph colors but actually when I was doing this I started to not really be satisfied with Pinterest because you can't really find the artist names so yeah I was actually like taking the image putting it it's like TinEye or google image search to try and find who the artist is and eventually I started to find these communities so this is plot or Twitter on Twitter and it's a hashtag but it's full of these people that are posting these these beautiful tweets and videos of them working with their plotters and working with generative art and they're creating stuff like this but they're not just creating art with plotters they're also making plotters they're using raspberry PI's and hacking it together it's a sort of whole little like a little mini culture mini subculture niche community super niche there's not very many people doing it but it's it's cool to see and some of them are actually taking old plotters from like the 70s and hacking those to do to use JavaScript or you use Python or something new that didn't exist when these plotters were around but one of the cool things is as I was following this community not only was I finding new artists but I was also the community itself was beginning to build and now there's actually like a meetup that happened in San Fran where tons of these people that were just following this hashtag they got together they started swapping prints they started selling and sort of exhibit exhibiting their work and also talking about how to like make it and all the techniques and stuff and they're going to be doing another one in New York and now there's talk that maybe they're gonna bring it to like London and it's just cool to see this kind of little mini hashtag is growing this kind of community of nowhere and from this hashtag I get from this kind of community there's Andrews HOF and convergent who's creating tons of beautiful work quite often with pen fodder where he's creating these generative systems a little bit similar nervous system and Jessica working with natural phenomena like coral reef growth and that kind of thing and then another artist that was really inspiring through this whole process was joining them LCA and joining them LCA he's he's not always working with pen Potter's but this is where I started to find his work he creates these really beautiful landscape works and he actually went as far as to bring a pen plot his backpack in the desert and like print these things out on site in the desert so he's really into that but Denny I started to see his other work which was more light installation and so this is this is light projected on a volumetric mist of particles water particles and seeing this was as crazy thinking this guy is doing pen flutter work and now he's also working in light installations that are massive on this like massive scale so it's really inspiring to see that and to realize that with the skills that I'm learning I can also transfer into this kind of space I can use my generative art in my creative coding and I can bring that into this kind of installation space this public art space another person that was really inspiring because my work was so far very black-and-white was a nolo Gamboa noun who is doing processing and 2d and really colourful rich patterns bright generative very abstract but one of the cool things that's coming out of this little Twitter community of generative artists is that there's now a exhibition that's going to be happening in May in Zurich that's going to bring together a couple of these processing and sort of generative artists as well as highlight some of the work that's been done since the 60s and beyond then that sort of was the pioneering work and this kind of leads me to my next thing which is actually going to exhibitions and how that's also changed my work so there are Mona her work is is really it's very similar because she was working with pen flutters and she was working with code and she was working with computation in the 60s and 70s before this stuff was very accessible and it's amazing to see her work and realize that it's not that different than what we're creating now in this little tiny community and also to see it in person and to see it in a museum see it appreciated by some of these architectural art institutions and see it sort of preserved in a frame for all these years another artist as I was going to museums and exhibitions I started to find so loved it and sold the weight I thought was most interesting because he's not actually working with code he's not working with generative art but it's so similar that it's so related that there's a lot of interesting ideas to be found in his work and so for example he's creating these wall murals and he created these in the 70s and Beyond and he's created hundreds of them and they're huge and they're in museums and galleries and concert halls etc and yeah his work is it's just it's really pretty and really fascinating but if you look at it all you start to think it's almost like algorithmic it's almost like based on a system of rules and logic it's almost like it's been done with code but it's not been done with code and actually this one this particular mural his entire process wasn't to paint the mural and he doesn't paint the mural by hand instead he just has the instructions and so his contribution here his part of the art is to say rectangles formed by three inch wide indie Inc bands meeting at right angles and that is his art is the instruction this one sentence he hands that sentence off to the builders to the fabricators and they actually end up producing this mural and it's almost like generative art in a way with creative coding where we're creating these instructions for the computer we're setting out commands and instructions and the computer is the one implementing them but in his case with his art he's creating instructions that are then implemented by the builders by the fabricators by other humans and it's just there's a lot of parallels in his work and it's really fun to also try and reproduce some of them his instructions word-for-word and try and act as the the implementer of his instructions using code using JavaScript just to sort of refigure that into try that again with with modern processes speaking of processes I'll just talk a little bit because now I've been chatting a bit about how I got into it and like some of the inspiration I want to talk a bit about how do you actually like create these things and how do they actually come out from from nothing or how does it how do these images come out from a system so I'll just break down this really simple looking sort of very grid like structures and if you're a developer or even if you're not you might recognize these they might look familiar they're known as sort of tree maps or quad trees or awk trees but it's these these sort of divided grids and how do we actually create images like this and how would they come about so let's say we have a blank page and we take the width of the page and we just divide that by 3 and then we mark a just like that and we do the same thing but now we have two boxes and so we're going to take the bigger of the two boxes and instead of doing the width we're going to do the height we're going to divide the height by three we mark another line and now we have another two boxes so we take the bigger of those two boxes we divide it again but we alternate with height with height with height each time we alternate and each time we just take the bigger the two boxes divided by three you end up with an image like this every time you set those rules and parameters you're going to get the same image so what if you actually change the system so that it's random every time you're not using the same rules not the same parameters but you're introducing randomness sometimes you're using a third sometimes you're using less sometimes you're using a larger fraction and sometimes you're alternating width and height but randomly with width height height etc and that's how you create an image like this or like this or like that and these are simple images and it's a simple system and a lot of creative coders are experimenting with these same systems it's not it's not new really or anything like that but it's such a simple system that you can use it in such a variety of ways and so it's something that appears in a lot of my work and this whole concept of just dividing and subdividing and recursion recursion is something that you can really take advantage of with a computer that's a little bit harder by hand so here's just an example of one of my works that's just subdividing layer by layer you can see it's like drilling down smaller and smaller and you'll start to see this pattern exists in not just my own work but a lot of creative coders we seem to like recursion so there's a lot of it and here it is again the same sort of concept breaking this page up using in this case it's using like golden ratio instead of dividing it by three and it's using arcs there's the final print and then here's just another one where instead of it being on a perfect grid it's a little bit offset and the same concept is being used here and it's not actually using squares and rectangles anymore it's just dividing this this shape into smaller and smaller pieces and this is all kind of going back to what I was finding was so loved it is that you just start with a simple set of instructions and from that simple set of instructions you can produce these really complex results and it kind of reminds me also of Jared Tarbell's like that original line thing I was showing you and it's it's just really nice to actually see this kind of thing emerge from such a simple set of rules and simple set of parameters and also the cool thing is that it's so flexible these algorithms once you create it you can sort of recreate it in different ways you can manipulate it and so the same algorithm that was just this one here all of a sudden now you use the third dimension and you have a 3d shape you could 3d print this you could use later laser cutting to actually create this in the physical space so how do you actually go about doing these kind of works so I use my own framework a lot of people use processing or Python or whatever this is my own framework I like to use Javas JavaScript in the web I like to have my things on the web so I can share them as a website if I want to and this is called canvas sketch you can check it out on github has lots of documentation it's a little bit better suited for those who know JavaScript already but hopefully even if you don't maybe you could tinker with it maybe not but the idea that I wanted to get at is this idea of sketching with code so I'd like to be able to just open my notebook and start drawing things out but I want to be able to do that with code instead of a pencil and so these are like some of the sketches that I was creating with this tool and this whole time I've just been hacking that pen plot tool that I was talking about and just modifying it and changing it to produce these new tools and so this is just a successor to that original tool it's the same same concept it's just no longer exporting pen fodder prints it's exporting any type of print you want whether it's a ink print or a silkscreen print or a physical 3d print or some other shape or some file that could be sent to a laser cutter or a CNC mill another kind of technical aspect of this tool just for those who are interested in using it one of the the key features aside from just exporting images and all these different things is every time you save a file every time you export that file it can be tagged with a hash again - which means that years later you can come back to that same artwork and you can reproduce it exactly tweak the code and then reproduce a new artwork from it so it has this ability to produce different artworks from artworks you've already created and the whole idea is just bringing the code into this physical space not just having it so that it's on the screen although that's totally possible with the tool but also really enabling you to create prints to create artworks that are physical and maybe one day hung in a gallery or something like that speaking of tangible outputs hanging things on walls and actually being able to touch and feel them just a bit of context this year is the hundredth anniversary of Bauhaus which is a really cool school that did some beautiful design work and there's a lot of a lot of beautiful design work that came out about house and one of the students and the elders I got to see her exhibition at Tate Modern in London recently and it sort of blew my mind and it opened me to this world of textiles and fabrics and the whole idea that textile designers were actually sort of creating systems and rules because the way that weaves would work you kind of had to lay out the the fabrics in very specific patterns and very specific orders so that was really amazing to see and really inspiring here's another Bachelor work and one of the interesting things that actually Jessica from nervous system also talked about yesterday but one of the interesting things is that the way that many of these textile designers have work is that they would use these jacquard looms and jacquard looms were fed with these punch cards and these punch cards would tell the the loom how to do the weave and how to do the pattern and the image that you get from the textile and these punch cards actually ended up being sort of a precursor to code and computation and computers this was a really important device in the history of computers because computers originally were fed with punch cards instead of feeding that with JavaScript or Python which didn't exist at the time and so there's this kind of like full circle with textile and with code and with computation and I wanted to just explore that again and bring sort of that circle with JavaScript and with modern code instead of punch cards to reproduce some of these textile designs still within this Bauhaus and any Albert sort of style of minimal and colorful and I'm really happy to finally like have this as a as a throw so I'm collaborating with a company called throw and Cohen in the US and so just like last week I got the throws and there it's sort of it just feels full circle like going back to textile and so that was really fun a really fun project to work on and it's all still using the same canvas sketch and JavaScript so it's all just bringing this this code into sort of the physical space another another example of bringing this code into physical space would be around reaso graph printing and other types of printing that are not just ink prints and so this was a collaboration with magazine in London it's like a super tiny magazine which is totally worth checking out if you're interested in data visualization they're on their fourth issue and it's like super super bespoke and indie but they do lots of cool talks and things around data visualization and they asked me to do the front and back covers and so what I did was produce this sort of data-driven artwork that's based on the Google Trends for data privacy over the last five years quite a simple concept but I just wanted sort of something that's basic and simple and one of the things that had a lot of fun doing on this project was figuring out how to set up my code and set up my workflow and my tools so that it would be best suited for their own style of printing this magazine which is reason graph printing and the way reaso graph printing works is that you have your printing one color at a time so you'd print the purple or the silver and so in the final image on the left for example there's this deep purple and there's white and they're silver so the purple is one color the silver is the other color and the white is just the paper it's just the the color of the paper so you only have two colors and so with code I was able to split this and I was able to create this system that exports to different two different outputs for each color so that was kind of fun and then the same concept of exporting multiple layers this is again you can see that subdivision is happening and this is a silkscreen print where I have two different layer masks I have the blue and the red and they're both exported again Java Script canvas sketch but it's sort of just exploring how can I take my code and bring it back into this physical space and actually produce these prints by hand so this is screen printing where you create a mask and the mask is one of the layers and then you push the ink through the mask and one of the amazing things about things like reaso graph and silkscreen is that you get this richness in color so with reaso graph you get these like vivid neons and with silkscreen you get these like really rich rich colors and it's because you can't really reproduce those kind of colors in that kind of ink with just a regular ink printer and so when the two colors overlap in a silkscreen print you kind of get this nice blend mode almost that you can never achieve with something like Photoshop and you also have these imperfections where sometimes the ink doesn't go through perfectly and so it just creates this original print from your code that isn't so structured it isn't so robotic and it kind of reminds me of why I was so interested in pen plotters with those little tiny imperfections sometimes the ink is drying up and it just creates this interesting sort of collaboration or you're collaborating with this machine and then just a few more examples because I'm talking about physical things but also the whole idea of of code is that of course you can use it for digital things like animations and so these are all just different exports from the same tool I'm just sort of showing that the tool is capable of lots of things and this is a little gift loop you can imagine like social media branding or something like that and then as I'm getting into this interactive space and trying to do more sort of digital projects I did a little generative art game which was a super fun project learned a lot about creating sort of game mechanics this is all running under thirteen kilobytes as part of a game competition it's all procedural and it's all generative and as this kite is flying around and entering these new worlds each world is created totally randomly so each one is a little bit unique and a little bit different than the last one you can play it online on your phone or desktop and if you're interested in this kind of stuff I have a little blog post that details some of the technical challenges partly getting this whole thing under thirteen kilobytes but also just the idea about how do you use generative code to produce a game like this and the code is actually on github as well and then this kind of goes back to this original inspiration with joining them LCA working with light insulation I was more and more I'm able to sort of get these kind of experiments in these kind of projects where I'm bringing my code from the browser and from canvas sketcher or JavaScript into this physical space with light and with real insulation so I'll just show you this really short one-minute video [Music] so this was a really fun little project to work on I was one of many other artists that were also displayed on this this building this concert hall in Iceland and Wrekin deck and it already had all these LEDs in the windows and so the the people setting up this event all they needed was a full-screen sort of application or in my case it was just a webpage that was just full screen and so this is me using the same front-end techniques that I sort of started with and finally bringing it back into this physical light art installation space that I was so inspired by with joining them LCA and so on and the actual concept I tried to keep pretty simple but basically when you interact with the display when you interact with the exhibition it creates these these thunderstorm lightning sort of strikes it's a bit of a commentary on human interaction and how it affects climate and all that kind of stuff and then lastly I'll just try to sort of end on a slightly more technical note just breaking down the whole start to finish process of a generative print and how that actually looks from from start all the way through to the the print phase because there might still be a lot of questions about how do you actually like produce these kind of things and how you actually create an image from just pieces of code so here's a sketch that I made it's part of like a daily sketch series that I was doing in November did not do daily sketches I did like ten of them and then I stopped but yeah it's it's based on this prompt to reflect so it's not very not a very deep artwork it's just an image but it started again with Pinterest just getting a mood and a style and like trying to find what it is that I wanted to sort of reach for what did I wanted to aim for so there's this like gradient board that I together and like okay it's gonna have gradients it's gonna be light and stuff and then also in November I just spent like an hour or something or maybe more than that just trying to come up with words that I felt I kind of evoked something and this was actually just a really nice and they're like therapeutic thing away from the computer and away from code so I would recommend doing that but just prompts that just made me think of images and then actually a big thing is just sketching and putting it down on paper before you get into the code a lot of a lot of the time before I started doing this I was just jumping right into the code and I would just spend hours not even really sure what I was doing trying to code something and basically I started to find that that sketching on paper is way better way of doing that because you can just sketch something crumple up the paper and start again and it's much faster so definitely start sketching and then this actual image how does it come about so in this case I'm using shaders there's lots of ways that you could create an image like this but I'm using shaders which is like a little tiny computer program that runs on the GPU and the program is really really fast it runs on every single pixel in the image all at once and so it's really fast it runs like millions of times in a single second or more and on shader toy you can find lots of really crazy examples of shaders this is just a gradient but there's many more complex ones instead of using shader toy I was using canvas sketch of course because I'm just always using canvas sketch but it it's what I use to produce these like high quality prints that are actually like big enough to print you know a billboard if I wanted to or something but here's the image and how does this work so it starts with three random points and the three random points are just placed randomly so every time you run it you get a totally different output and then here in the shader I have to say what's the distance from the current pixel to the first line segment a-b and then I do the same thing with the second line segment BC but instead of just saying what's the distance I'm going to say what's the distance and divided by some big number so that it's like spread out nicely but instead of just dividing it by this number I'm going to say divide it by a random number each time you sample each each pixel is gonna get a random distance that creates this kind of messiness and maybe like cutting one side but maybe not cutting it entirely letting some light through and then adding some color this is just red but because it's generative every time it runs you get a different color palette and here it is again this is all run the same thing but run it on the second line segments so now we have the green sort of color palette and when you add those two numbers together because we're just in a shader we're just adding numbers and it's all just math when you add those two numbers together you create an image that looks already kind of like the print and the last little things would just be to feather the edges so instead of having such a sharp edge you feather those edges just by chittering the points and just moving them around every time you sample and then a few more small details would be super sampling and averaging multiple samples per pixels so that it's a bit less grainy here's the super sampling where you render it really big and you scale it back down and then you add color grading in Photoshop or whatever and then finally you just curate all of your your generative art so this is a big part of generative art is you have so many so many iterations and so many different outputs because it's rendering a different image each time so a lot of it is just sitting there and kind of going through and finding the best ones so quite often what I'll do as I'm developing I'll take like fifty to a hundred different exports and actually each of those exports could be printed at full resolution but then I once I've got like a hundred of them or 50 of them i Whittle it down to like four or eight of them that actually I want to print as like the final artworks but it's nice to take those images along the way because you kind of can create these little chronological videos of how you created that system so it's kind of cool as well and then the last sort of step would be exporting this is something that I didn't really realize would take so long until I started doing it but it's like not something to skip out on is like sizing things and formatting things and all that and then actually exporting it to print it's pretty simple because of the tools that I've built there's so much based on exporting for print and exporting for for physical media that there's not much to be done except maybe some final color tweaks in Photoshop and just sending off the the file whether it's a tiff file or a PNG or PSD or PDF or whatever sending that file to a print studio and getting back the final prints and if you're interested you can check out my my shop right now I'm selling these prints that are all created with JavaScript and code the same technology I was just talking about and I'll just end because I think I have a few minutes so I'll just end on like the sort of some other ways of getting started so there's a workshop this is a shameless self promo but yeah I have a workshop on front-end masters that you can check out and it's just like how to get started with using canvas using WebGL using three.js and JavaScript and then also this site is really really fun and very playful it's Tim Holman made it and it's like it you it kind of walks you through how to create different little images using javascript in canvas so you can sort of see in the top there's like The Joy Division style image and then there's also one of the things that he explains as a very Mulliner piece so that's kind of full circle back to pen taught at work and that's it thanks [Applause] you

Channel: fitcevents

Views: 36,403

Rating: 4.9898286 out of 5

Keywords: fitc, fitc events, design, future, innovation, technology, creativity, conference, full talk, design conference, technology conference, ted talks, matt deslauriers, generative, art, contemporary art, javascript, fitc toronto, 2019

Id: 8Uo6zFwSO78

Length: 39min 15sec (2355 seconds)

Published: Tue Jun 18 2019