Toonloop: animation for live performances

Video thumbnail (Frame 0) Video thumbnail (Frame 2331) Video thumbnail (Frame 2886) Video thumbnail (Frame 3689) Video thumbnail (Frame 4396) Video thumbnail (Frame 5531) Video thumbnail (Frame 5959) Video thumbnail (Frame 6339) Video thumbnail (Frame 6731) Video thumbnail (Frame 7071) Video thumbnail (Frame 7418) Video thumbnail (Frame 9663) Video thumbnail (Frame 9979) Video thumbnail (Frame 10923) Video thumbnail (Frame 11319) Video thumbnail (Frame 14738) Video thumbnail (Frame 19009) Video thumbnail (Frame 19654) Video thumbnail (Frame 19976) Video thumbnail (Frame 20656) Video thumbnail (Frame 21641) Video thumbnail (Frame 23093) Video thumbnail (Frame 24391)
Video in TIB AV-Portal: Toonloop: animation for live performances

Formal Metadata

Toonloop: animation for live performances
Title of Series
Part Number
Number of Parts
CC Attribution - ShareAlike 3.0 Unported:
You are free to use, adapt and copy, distribute and transmit the work or content in adapted or unchanged form for any legal and non-commercial purpose as long as the work is attributed to the author in the manner specified by the author or licensor and the work or content is shared also in adapted form only under the conditions of this license.
Release Date
Production Place

Content Metadata

Subject Area
In this technical talk, the main author of Toonloop will describe how this free software works and why it has been designed with simplicity in mind. It displays image loops, and allows to apply GLSL shader effects on them. The use of the Clutter toolkit makes it possible to create rich user interfaces that are well suited for fullscreen video in the context of live performances and artistic installations. Thanks to GStreamer, Toonloop could grow and upport more operating system and video input types. Also, OSC and MIDI controls make the application open to new possibilities for interactive setups.
Keywords Libre Graphics Meeting (LGM) Libre and Open Source graphics software
Process (computing) Loop (music) Computer animation Demo (music) Multiplication sign Order (biology) Video game Cuboid output Convex hull Right angle Resultant
Webcam Computer animation Videoconferencing Video game output Spacetime
Medical imaging Real number Multiplication sign Right angle
Word Loop (music) Touchscreen Information Real number Direction (geometry) Bit
Meeting/Interview Direction (geometry)
Object (grammar)
Meeting/Interview Information
Medical imaging Meeting/Interview Information Bit rate First-person shooter
Medical imaging Database normalization Information Key (cryptography) Lecture/Conference Personal digital assistant Keyboard shortcut output Online help Ultraviolet photoelectron spectroscopy Frame problem
Videoconferencing output Function (mathematics)
Computer virus Meeting/Interview output Representation (politics) Open set
Scripting language Addition Multiplication sign Image resolution Source code Online help Bit Multilateration Line (geometry) Computer animation Computer icon Medical imaging Type theory Message passing Exterior algebra Software Computer configuration Gastropod shell Videoconferencing Configuration space output MiniDisc Right angle Communications protocol
User interface Scripting language Game controller Direction (geometry) Interface (computing) Image resolution Projective plane Keyboard shortcut Range (statistics) Sound effect Disk read-and-write head Rule of inference Frame problem Medical imaging Computer animation Software Hypermedia Personal digital assistant Hard disk drive output Musical ensemble Communications protocol
Graphics tablet Computer animation Software Patch (Unix) Graph (mathematics) Shared memory output
Computer animation Real number Quicksort
Computer animation Computer configuration Interface (computing) Videoconferencing Planning Configuration space Electronic visual display Line (geometry) Proper map
Addition Medical imaging Scaling (geometry) Computer animation Shader <Informatik> Sound effect Iteration Number
Coefficient of determination Computer animation Information Multiplication sign Sound effect Window Resultant
Computer animation Multiplication
things are 1 10th of a formal um so some my name is Alexander and I will presented to loop some this is a technical box on the go go go into details and later this afternoon I have a artsy in which I will more rather represent like the ID have ideas that behind to move how well it can be used for a creative stuff but now let's get our hands dirty and open the hood of so and to loop is alive animation performance to date created for um and to artists who make performances in which they show the creation process as well as the results in order to make your life performances like shows so sold the animation shown and and also we can see the life of the input of the camera at the same time as the results and the results as a looping clip so that's why the name to loop for a looping cartoons and so it's that motion tool and uh well I guess I'm going to give you a little demo little demo right so this is a tuneup actually minute
switch over to another camera this can be more fun so there was a clip that aside I save previously have done that clip and friends couple months ago we could start a new project for
OK there you 1st fresh start so what you can see on the left is the life video input of my little webcam indeed this is not very good cameras as to whether gambling it also works with the TV camera and so I'm going to press the Space a couple
times so that you guys can raise your hand use the flavor and unfortunately unfortunately you can zoom right now in the role played this camera and that so that everyone did will only go what happened to get there and get dizzy and then OK so what we can
do right now is well the image on the right is
looping and so it's constantly looping so
yeah the the word and there were I can make this loop differently like here this is a randomly and this is gonna be backward or actually for breast I have a little bit more information about what's going on so little more info here the direction and we can see it's your your so this is going back and forth it doesn't quite funny isn't and I'm gonna make this full screen so that's
more fun to look at yeah so there's other directions this is backwards so if you take it out it's going backwards remember yeah and there's other
there's like drunk drunk is like well you go back and forth and and 1 step forward 2 steps backward in
and you randomly like that's inspired from
Manchuria data object and this is the uh this is back to forward and so I'm going to
continue to give you a little taller that you can use to move
when they portray like like if you put your camera like
this on this like sideways it says what it
works to and there's other layouts there's like
and well there a there some layouts in which you can put the 2 images so 1 end of 1 on top of
each other which also so this at info you can make the
image faster of course to determine this is 60 frame a 2nd
cool where and the world there's some help you can get some the world info about what key to press right now to movies only controlled by the keyboard mainly controlled by a keyword but there's all the inputs and outputs and until you more about this year's question is so I might immersive but can you see the previous frame that you took as a reference so that you can get there is a on skin on and scanning feature uh OK I'm going to add and they're treated nuclear back to that that 1 was a little crazy so I'm going to make some close shots of my eyes maybe something like that so then if I press I can I can see another layer the previous frame I took so that I can position that my I in this case and on top of the previous i and you can change the opacity redundant skin there is a lot of fun and um again but about the inputs
and then and then a document body the outputs of 2 so for the inputs there's uhm video
inputs there is a video for Linux this is what I'm using right now with my little what can and it also
supports DV cameras DV cameras are the old cameras with the concept but they usually give you a pretty decent picture quality and usually that again zooming and change the shutter speed and stuff for like the iris the opening of the virus so that's that's a lot better that's way use for performances myself the the camera it also supports a x 11 inputs which gives you the light screenshots of your desktop that can be handy for
representations are like screencasts and never never used it myself just was just easy-to-implement I did and there's a test of legitimate this picture but not quite useful at the
so that's for the video input n right now it supports only 4 . 2 3 ratio images but I'm planning to appropriate support more ratios more images size ratios soon suggest 69 16 tonight and stuff that should be trivial to implement really there and I'm also planning to support I'm almost there is DVDs you like a very large images of 1 thousand 400 per 1 thousand 18 and um also going and planning to support follow to input that's for later that's that's a little bit of work so I need help for that if anyone is interested in yes an apple e to stop motion before collectors the animations software presented in a lot talk I think last time in Montreal icons do support supported input things they have an interesting accountability and that actually support using just shell scripts to pull in images so rapidly using just configure right line command but like capturing from say single-frame HTV AUDETEL camera or some alternate emitting source is is about an interesting option to have in addition to hot coded native and that's very interesting things for their their suggestion I was actually planning to do this like at least support like some network and messages that would like allow you to rename import some image from a from the disk and so that's pretty much what you mean and yeah I was planning to do it but I hadn't thought about all those other input types that were open so thanks for the suggestion of the today is like the Knight and of getting them a few days and well at Buckingham always CEO of network protocols and stuff um to can be controlled using always the protocol they always see protocol is is a network
protocol it's a it's called it's it means open
sound control so that's intended to be used with the musical software like yourself and it's it's rather simple there excuse me a minute yeah this is always see interface of 2 new so it supports messages such as grab a frame change the FTS and moved to play head to a given direction can of course say clip and you can also save the project to move has state-saving so all your images are saved as as a j bake images on your hard drive and the so you can add remove frames change the playback direction and so pretty much everything you can do with the user interface you can do it with open some control and just to this is 1 thing it didn't mention is that the image size in 40 input can be variable you can specify like whatever image size so there's there's actually the 1st 2 cameras that had that provide like quite large images that can be quite useful for large images for inputs to move also provides a MIDI interface and I'm gonna show you a little less the scripts yeah so this is the XML father specify and each um but each node on a keyboard media stands for musical in Instrument Digital Interface so it's a it's all pretty much a piano or other musical instruments so you can control to move with musical instruments and that's quite handy for alive performances back because I created to infer to make shows so these are the rules committee rules at each note In this case hooked to selecting a different clips so I can have on my keyboard I have like 40 something notes so each notes selected differently and also the controls you know those knobs on the keyboard can apply effects to and change the fact of the effects given a certain range like this guy saturation from 0 to 2 so 2 means to 100 per cent and I have a little
this quickly um have a little example PD patch share data is a the software
for coding with graphs and things like that like this and just to select mining the input
OK so here's my clips I should be able to
change the miscellaneous stuff flakes saturation nodes are working all or need to resort to sort of put them because I didn't use the
proper laughter yeah right now the interface is only like for for setting up your configuration options you need to do it manually on a common line that's quite annoying and planning um an assistant belongs to move with no a command-line option should the display
little as standing in as SVG but that this in all the interfaces and clutter and use clarity the 2 were while displaying the video in so yeah let's make
another clips what kind you but almost not nice OK I'm talking about things something like this OK OK so now gonna simulate sending me the notes and that should
change the saturation of the image here you can see so this is totally gray scale this is like 2 100 % iterations and that's in the middle there is also weird effects like additive cross-fade that's that's quite clear but and that and this is all done through either clutter up to the stuff for shaders jealous of spears yeah I'm changing the contrasts here and they can change the light speed opacity well anyway and then select different clips here I'm choosing to plummet to which it's empty now back to click number 1 so don't found so I'm
planning to add plug-in so that you can write more effects um OK I have no more time so we also have info window which is a separate window and there's a lot of them path for the future features but I have more time so I guess I'll tell you more about this this afternoon in my other dog we have 1 X. talk this morning so it's getting late leader so that means of I think questions we can keep before this afternoon and you know that 1 must at the result was still is are be