Bummer! This is just a preview. You need to be signed in with a Pro account to view the entire video.
Start a free Basic trial
to watch this video
Anything You Can Paint, I Can Program Better
30:44 with Jenn SchifferLearning about art and its history can be very boring, so Jenn started the “var t;” project to motivate herself and others to learn about art by recreating popular works with JavaScript. It turns out art is actually hard and Jenn is pretty terrible at it.
-
0:00
[MUSIC].
-
0:08
Thank you for having me.
-
0:11
Hi, this is my first time in the UK, first time in Europe.
-
0:16
March is the first time I've actually left the states, so this has been an exciting.
-
0:20
Month for me, and I'm gonna talk about something that is truly dear to me,
-
0:25
not JavaScript or jQuery but art, so as I just mentioned my name is Jenn Schiffer.
-
0:32
I am an Open Web Engineer at a company called Bocoup,
-
0:34
which is based in Boston which is covered in snow right now.
-
0:39
And I live in New Jersey which is also covered in snow.
-
0:41
So, I'm very happy to be here where the weather is beautiful and
-
0:45
I wish I can stay forever.
-
0:47
I also a creator 8-bit art tool called Make 8-bit art!
-
0:52
which you can find on make8bitart.com because I'm a pixel artist.
-
0:57
And I'm also a developer.
-
0:59
I figured I would troll you guys by showing some Java code.
-
1:03
Java's like ES 1992.
-
1:05
>> [LAUGH] >> [LAUGH] But, yeah, I'm a pixel artist.
-
1:10
And I also make art in real life.
-
1:12
I made this chat application for
-
1:15
a bathroom and art space as part of this, like, flash art exhibit.
-
1:19
And we also tracked how much toilet paper used with 3D printed dowels and Arduinos.
-
1:24
So I love like, this whole like, connection of like, coded and tech.
-
1:28
And, and basically title of my talk is anything you paint I can program better.
-
1:35
Which is actually not true.
-
1:38
So.
-
1:40
Several years ago,
-
1:40
I was teaching at a University in New Jersey called Montclair State.
-
1:44
I was teaching Java, always good time, and
-
1:49
I found that teaching code, having since learn how to
-
1:54
code with art as a focus, was really, successful.
-
1:59
It kept them motivated to create something they liked what they were creating.
-
2:03
It was.
-
2:04
More than just Hello Worlds but just as basic and simple for
-
2:08
them to digest I guess.
-
2:10
And that sort of became my thing.
-
2:14
In June of 2013 my journey to creative coding and what brought
-
2:18
me here today actually started with speaking at a jQuery conference.
-
2:23
Which is my first time speaking at a conference.
-
2:27
Is at jQuery Portland.
-
2:29
Which was keynoted by everyone's favorite Dave Methvin.
-
2:35
The title of my talk was called learn code, make art.
-
2:38
And I talked about how, I taught how, people how to program using art.
-
2:44
And it went really well.
-
2:46
A lot of good feedback.
-
2:47
There is a technical talk going on in the second track.
-
2:50
So I had a lot of people who were just learning how to program, or were teachers.
-
2:55
And a lot of them were saying, like, wow.
-
2:56
This is, like, a really interesting concept to bring art into
-
2:59
what is seen as a more scientific classroom.
-
3:02
So in September 2013.
-
3:06
I spoke at jQuery Austin.
-
3:08
There were no videos.
-
3:09
But Dave keynoted.
-
3:10
>> [LAUGH].
-
3:11
>> And [LAUGH] my talk, KISS MY CANVAS: Making and
-
3:15
Facilitating Art with Code, I talked about how I made, make 8-bit art,
-
3:20
which facilitates the creation of art using code.
-
3:23
And taught how to use HTML canvas to draw.
-
3:28
It's a little more of a technical talk, but
-
3:30
it still is I think digestible for people who are just interested in figuring out,
-
3:34
okay, I want to learn jQuery, but like what should I make with it?
-
3:38
And I feel like HTML Canvas is like a really awesome
-
3:41
element to use because a lot of us has been making art since we were little.
-
3:46
So why not.
-
3:47
Continue that into our adulthood or when teaching our kids to do code.
-
3:52
so art and
-
3:53
code became something that I was really passionate about in my side projects.
-
3:57
At the time i was working at the National Basketball Association with one of my best
-
4:01
friends, Nicholas Ortenzio, who is not only an extremely talented engineer,.
-
4:06
But he's an extremely talented artist.
-
4:09
He would not pay attention in meetings he would just draw presidents of the U.S.
-
4:12
on the white board.
-
4:14
And I love this and
-
4:15
I love being around at least one person that was interested in the creation and
-
4:21
learning about art as well as the fact that they engineer by day to pay for rent.
-
4:26
But I wasn't getting that much out of that job.
-
4:30
And so my, couple of friends of mine were, like, why don't you leave there and
-
4:34
join Bocoup?
-
4:36
And I did, and that's Boaz, the founder of Bocoup.
-
4:39
He's gonna kill me when he sees this.
-
4:43
[LAUGH], so in September 2014 I spoke at my third jQuery conference in Chicago,
-
4:48
which was keynoted by Dave Methvin.
-
4:50
>> [LAUGH].
-
4:51
>> [LAUGH].
-
4:52
And I gave a very super artistic talk about HTML tables,
-
4:57
my actual favorite element, which isn't really considered to be that artsy, unless
-
5:03
you like to take spreadsheet and tables, and have people create art out of it.
-
5:09
And the reason why I'm taking you though this sort of like trip of my jQuery talks
-
5:13
is because the reason why I'm here today, and what I'm gonna talk to you about is
-
5:17
this art project I created called vart.institute.
-
5:21
That's started because of jQuery UK,
-
5:24
before it was even announced and because of jQuery Chicago.
-
5:29
I walked around and I saw lot of really awesome public art.
-
5:32
Has anybody here been to Chicago in the U.S. before?
-
5:35
Okay lots of really awesome public art and
-
5:39
it was really inspiring to me to the point that I was thinking
-
5:44
well I've been learning how to code and teaching people how to code using art.
-
5:48
But there's a lot more that I can learn.
-
5:51
About art itself.
-
5:54
And maybe I can use my knowledge of code in order to implement that.
-
5:59
And at the time, Ruth, one of the organizers of this great event I'm so
-
6:04
excited to be at, was like.
-
6:06
We wanna launch the jQUK site and we need an abstract for your talk.
-
6:10
And so because I like to,
-
6:11
like, say I'm gonna do something before I actually know whether it's feasible.
-
6:15
And then stress out about it.
-
6:16
Like, leading up to the event?
-
6:18
I was, like, oh.
-
6:19
I'm gonna do this project called.
-
6:23
Var tists.
-
6:25
Where I, I'm gonna like recreate art work using code.
-
6:29
And I'd never done it before, and it was like, yeah that sounds good.
-
6:32
Like, let's, let's do it.
-
6:33
Ship it.
-
6:35
And then they announced it, and I decided to change the name to, to vart.
-
6:39
Which yes, it sounds like fart.
-
6:41
We all sound ridiculous.
-
6:42
You're welcome.
-
6:45
And so there's three parts of, the vart dot institute project.
-
6:49
There's words.
-
6:50
I like to write.
-
6:52
I usually write satire about tag and jokes on Twitter and stuff like that.
-
6:57
But I figured I wanted a project where I could get a little more serious and
-
7:00
little bit more personal.
-
7:02
And so I usually write essay that pertains to the artist I've chosen and
-
7:06
how they apply to me personally.
-
7:10
As someone whose an engineer also has always been an artist and
-
7:13
is interested in furthering that, using my engineering background.
-
7:17
Then, there's the art of course.
-
7:19
The point is the learn about art using code.
-
7:22
So picking an artist, usually a fine artist.
-
7:25
And then the code itself where I will.
-
7:27
Generate similar artwork or generate something using code
-
7:31
that represents artists or what the artist work or
-
7:35
a particular time period of their life meant to me or, like, touched me more.
-
7:39
Because this is a lot more of an emotional project than a basketball stats website,
-
7:45
even though I do get pretty email over basketball.
-
7:50
From New York and it's, it's a sad state of affairs up there.
-
7:53
So vart.institute was the project that, that launched and actually made it.
-
7:59
And it still exists today which is why I didn't cancel speaking here.
-
8:03
[LAUGH] And so, again here we are today at a keynote and Dave Methvin.
-
8:10
jQuery UK.
-
8:12
A picture of me will actually on here so I'll have to update that later.
-
8:17
So what I wanna do is take you through the vart gallery or
-
8:22
vart institute if you will.
-
8:25
So I started with Piet Mondrian.
-
8:27
How many people here are familiar with Mondrian's work?
-
8:30
Okay, so here's an example.
-
8:33
Now how many of you are familiar with his work and didn't realize it?
-
8:36
[LAUGH] Okay, very common to see Pete Mondrian's work
-
8:40
in all sorts of commodity items.
-
8:44
Actually his work entered the open archive.
-
8:48
I think 2015, I think this year.
-
8:51
He's a Dutch painter.
-
8:53
Part of the neoplasticism movement.
-
8:56
And did mostly good work and stuff.
-
8:59
Like this little piece here.
-
9:00
Composition number Ten.
-
9:03
He was really into making not just abstract art, but abstract art that was.
-
9:08
I guess easily enjoyed by people that didn't understand art,
-
9:12
kinda like most of us in this room, myself included.
-
9:17
And when I was at jQuery Chicago a friend of mine,
-
9:20
Sarah was giving a talk about a Pacman game that she had made with JQuery.
-
9:26
You might have heard of it.
-
9:27
And.
-
9:28
She had made a comment about how she didn't use tables and
-
9:33
it was like, oh I know Jen loves tables because I had spoken before her.
-
9:37
But she's like, but you really can't really make much with tables.
-
9:40
And I was like, that's not true.
-
9:42
>> [LAUGH].
-
9:43
>> I'm like, I'm gonna make Mondrian's work using tables.
-
9:47
And that's what I did.
-
9:48
So, I like to draw on paper, colored pencil and crayon, stuff like that.
-
9:53
So what I like thinking of doing is like I'm gonna recreate one of his artworks.
-
9:57
I'm gonna keep track of what I had to do,
-
10:00
in order to come from a blank piece of paper,.
-
10:03
To a Mondrian style work and that will be my algorithm and
-
10:07
then I rewrote it in JavaScript this is sort of my
-
10:12
js digital version of this original composition, and so
-
10:16
my algorithm was, I wanted to create a table.
-
10:20
Or grids, some people call it's an HTML table.
-
10:24
And then I want to create a given number of rows, and
-
10:28
in each row, give a number of cells.
-
10:30
And then I have to randomly, and recursively,
-
10:33
create tables within those cells, and then randomly color them.
-
10:37
He's mostly known for using primary colors.
-
10:39
So if you think, if you look back at this piece this is a table, and
-
10:44
in some of them, there are tables within themselves.
-
10:47
And I randomly go through each one and decide if its gonna get a color and if so,
-
10:51
then I randomly pick from red, blue, or yellow, whether to fill that cell or not.
-
10:55
And when I was drawing, I was like, this sounds like it's gonna be really easy,
-
11:01
but its tables, it never is so here's my demo.
-
11:05
This is a page that has a whole bunch of Mondrian grids there and it's generative.
-
11:09
So it uses random numbers to generate different work, so every time you refresh
-
11:15
it, a different set of Mondrian style artwork that my code created will show up.
-
11:23
You can see some of them have more tables or more cells within it than others.
-
11:28
And you just keep going forever, and ever, and ever and look, it's so easy.
-
11:32
Like Piet Mondrian who, you know, [LAUGH] so
-
11:36
I"m not gonna show too much code cuz, code's really boring to me.
-
11:42
But generally I have, I created a table, and then through each cell I have
-
11:48
a chance that I've given of whether it's gonna have a table within that cell.
-
11:54
And as you, and then recursively call this generate Mondrian table,
-
11:59
which does it all over again and I have a depreciation rate.
-
12:03
Because the deeper you get into each cell,
-
12:06
the less likely there're gonna be more cells within that table.
-
12:10
Which is something that I had to think about.
-
12:13
I wanted it to eventually get to zero.
-
12:16
I did try doing, like, an infinite loop thing.
-
12:18
But as we all know, JavaScript really sort of cuts out pretty quickly.
-
12:23
Just a restriction of the browser.
-
12:27
So I launched it right after jQuery Chicago, and I was like, okay, good.
-
12:31
So, like, if I don't ever do this for any other artist again,
-
12:34
at least I have something to talk about in the UK.
-
12:36
And I learned a few lessons.
-
12:40
One, there's a lot of parallels between programming and art.
-
12:43
Go figure.
-
12:45
Abstract art, abstract programming.
-
12:47
They both have like different meanings, but sort of what we're trying to do,
-
12:51
as engineers, is make our code more digestible in abstract art.
-
12:55
Even though, abstract may, may seem like it's kind of weird or whatever.
-
12:59
Is to make artwork more, you know, digestible for people who don't,
-
13:03
necessarily you have to look for a meaning in a painting.
-
13:07
If I'm looking at a composition of, of Mondrian, I'm not like, oh this like
-
13:11
reminds me of the trees on the beach one time when like my dad left my family.
-
13:16
Or something like dark or whatever [LAUGH] count on me to make things dark.
-
13:21
So the parallels are really there which comforted me
-
13:25
as someone who's an artist and got into engineering.
-
13:29
Because I always have this problem where I feel like I'm not doing enough in
-
13:34
either fields to legitimize myself as an artist or engineer.
-
13:38
I don't spend 24/7 writing code.
-
13:40
I don't spend 24/7 creating art.
-
13:44
What does that make me then, you know?
-
13:46
Well, it makes me a well-rounded human being.
-
13:48
But that's besides the point.
-
13:51
Developer backgrounds bury, vary.
-
13:53
I have a lot of feedback from people who were like oh, I really like this.
-
13:57
I am an engineer at this, you know, startup or this company.
-
14:00
And I studied art in college my co-worker and one of my best friends,
-
14:05
Adam Sontag, he studied theater and
-
14:07
he's an awesome engineer Nick at the MDA he didn't go to college, or
-
14:13
like, he like took one class or whatever and was like, I'm not into this, and
-
14:18
he taught himself how to program and he's one of the smartest people I know.
-
14:23
Strangely enough I have a masters in Computer Science.
-
14:26
I didn't study art, I kind of like regret that cuz I'm like,
-
14:29
oh I could've studied something like cool, like art or whatever, but
-
14:33
that's why I am catching up now in this project.
-
14:35
Also we feel like we need permission to art.
-
14:40
There are a lot of people who are like, thank you for doing this.
-
14:42
I'm gonna go do it now too.
-
14:44
And they're like, I'm like why are you thanking me?
-
14:46
Like, I just like, wrote a shitty blog about art.
-
14:48
Like, and I wrote, like, spaghetti java script to make it happen.
-
14:52
Which is also great about making art with code,
-
14:55
is like, it's my art work, so I don't expect anyone to contribute to it.
-
15:00
So like, I don't need build tools.
-
15:02
I don't need frameworks and stuff like that.
-
15:04
You can just sort of, think of something that you wanna make, and
-
15:07
then just write it up, and if it like looks the way that you want or
-
15:11
conveys your story the way you want, then excellent, awesome.
-
15:14
But a lot of people, especially engineers feel like they need permission or
-
15:19
some sort of validation, which is, as I mentioned I feel,
-
15:23
to create create art and still consider themselves an engineer.
-
15:28
And the other the, the other way happens too where we have a lot of people who have
-
15:32
studied art and are learning to code, and they feel like they don't belong.
-
15:36
They feel like they're entering some sort of territory that, you know,
-
15:40
belongs to us nerds or whatever.
-
15:42
And that's all bullshit.
-
15:45
Another thing is people are really weirded out by the new TLDs.
-
15:49
When this ended up on Hacker News, which is always like a nerve racking experience.
-
15:53
Especially as a, as a woman in the JavaScript community.
-
15:57
The only feedback was like, .institute is a domain name.
-
16:02
Yes, it is.
-
16:04
[LAUGH] So my next artist is Rene Magritte.
-
16:09
Rene Magritte is one of my favorite artists, a great surrealist painter.
-
16:14
And there happened to be a really awesome exhibit happening in Chicago,
-
16:17
which I wouldn't have seen if I didn't go and speak at jQuery Chicago.
-
16:21
And so, you might be familiar with some of his work on man.
-
16:28
And then, this is the interpretation of dreams, a four-celled panel.
-
16:32
And, and Magritte, much like engineers, reused a lot of his stuff.
-
16:36
A lot of elements in his paintings you see all over the place,
-
16:41
like the green apple, the bowl hat, the sky, the pipe.
-
16:46
That's not a pipe.
-
16:47
Horses, clocks, all this sorta stuff like that, and
-
16:50
as I was going through this exhibit, which showed all of this, much prolific work,
-
16:55
you would see these elements through many paintings.
-
16:58
So it's, his stuff is very recognizable.
-
17:01
And you know, we've reused code or, you know, reused or
-
17:04
we talk a lot about web components now.
-
17:07
We make it easier for ourselves to reuse those items.
-
17:10
He had to manually paint all of them.
-
17:13
So this is the work that I was inspired by from Magritte and so
-
17:17
what I wanted to do was create a four cell window,
-
17:20
and I wanted to randomly show items in each cell.
-
17:23
And randomly mislabeled all but one of those items, because the point like,
-
17:27
sort of what he was trying to convey with this painting and
-
17:30
a lot of his other works being a surrealist,
-
17:33
is that the things that you see are never quite what you think they actually are.
-
17:37
Like this, I'm pretty sure, I mean, I didn't study barn animals but
-
17:42
I don't think that's a door I think it's a horse.
-
17:45
That's a clock.
-
17:46
Not the wind.
-
17:48
That's some pottery.
-
17:50
Not a bird.
-
17:52
And that is a velice, or suitcase.
-
17:56
So I wanted to match that three items mislabeled, one not mislabeled.
-
18:02
And so I created this work.
-
18:06
I had this sort of like bag of items and they're labeled and
-
18:10
I would go through each item and put them on the cell, and then I would label them.
-
18:17
And if the label, if the item matches the label, then don't label that correctly.
-
18:22
And I added my own items, like here's some java script here.
-
18:26
If I refresh it and see if it works.
-
18:32
Well, it's gonna take a while to load.
-
18:34
But anyway, this is like a generative work as well.
-
18:38
There's some randomness to it.
-
18:40
It starts out with this bucket of things, I call it.
-
18:46
Which is a technical Java term for an array of objects, [LAUGH].
-
18:51
So I had, a module and it's label.
-
18:55
And then I have each section, the four sections in my item.
-
18:59
And I generate a random thing.
-
19:02
And go through each section and add it to there.
-
19:06
Then I worked on Henri Matisse.
-
19:10
I was noticing this pattern of men with names that start with M,
-
19:15
which I'll get into.
-
19:16
Henri Matisse is also a very prolific artist.
-
19:22
This is probably one of the most beautiful paintings I've ever seen in my
-
19:25
entire life.
-
19:26
And he's part of the Fauvism Movement, which I believe it Fauvism,
-
19:31
is like, is French for like the wild beast.
-
19:34
He was an impressionist that used bolder colors that made it less like real
-
19:39
life and that was sort of the Fauvism movement.
-
19:42
And that's why I love this painting so much because the colors are so brilliant,
-
19:47
and it, I'm sure the screen doesn't do it justice.
-
19:50
So if you look up Femme Eau Chapot, I believe, is how you pronounce it.
-
19:54
Woman with a hat.
-
19:55
You can find it, and it's just, I don't know, I, I.
-
19:59
I get chills when I, when I look at that.
-
20:01
But later on in his life, he fell really ill, and became wheelchair ridden.
-
20:05
And, he sort of had this like rebirth of like what kind of art he wanted to use,
-
20:09
and started with working with paper cut-outs.
-
20:12
Around the time that I was thinking of what artist to do next, the Museum of
-
20:16
Modern Art in New York City opened up an exhibit of Matisse's paper cutouts.
-
20:21
And so I went and this is the sort of work that he had.
-
20:24
And he had assistants help him cut the pieces.
-
20:28
And he made tons and tons of these, like, sort of things.
-
20:30
And some of them even converted into stained glass.
-
20:34
And it was just really cool.
-
20:37
And so for generating his work I wanted to make a tool that
-
20:42
creates paper cut out like work, not something that randomly generates it.
-
20:46
And so I reused a lot of stuff from make8bitart.com,
-
20:50
where you create a canvas, and then when you click a canvas you're starting.
-
20:54
And then continue a path as you click.
-
20:56
And when you click near the beginning of your path.
-
20:59
Then close it and fill it with color and
-
21:02
you can sort of add you know shadows to your canvas like elements
-
21:07
to make it look more like 3 dimensional like paper on paper.
-
21:10
And so here we have cutting out Matisse,
-
21:15
it starts with default blue and as I click I got my path here.
-
21:22
And then I have my cutout.
-
21:23
[BLANK_AUDIO]
-
21:27
And then I added some colors that are based on some of the other works
-
21:30
that he had.
-
21:31
And that just something that you can draw.
-
21:35
And there's, for all the stuff that involves canvas I always have the clear
-
21:38
button if you want to start over, or save if you want to save as a png file to show
-
21:42
off your art work, which a lot of people have done, which I think is really cool.
-
21:50
So, last night, I was on Twitter.
-
21:53
I just joined Twitter last night, actually.
-
21:56
And there's this, I don't know who she is.
-
21:59
I think she's a sister of a friend of mine.
-
22:01
I would kind of, I kind of remember who she was as I was following her.
-
22:05
But she said something really interesting.
-
22:07
And this is something that I had struggled with after realizing that I had done
-
22:11
three nail painters with like the last name starting with M.
-
22:14
And that was name a single female painter.
-
22:16
Any female painter, no Google, just pick from the top of your head.
-
22:19
This treat should make you very sad.
-
22:21
It does make me very sad.
-
22:22
And I'm totally guilty about not knowing enough about female painters.
-
22:26
I was having conversation a couple months ago when I was thinking what next artist
-
22:30
to do, and I was like, oh, what female artist should I do?
-
22:33
And everybody was like, Georgia O'Keeffe, Georgia O'Keeffe.
-
22:35
Like, all that was all that they were saying, and I was like, I.
-
22:39
Her artwork doesn't typically like actually resonate with me, and so
-
22:43
I don't feel like I could write an essay that personally attaches it to me.
-
22:47
I can't wrap my head around how it would like mash up with like code.
-
22:53
And also really that's the only female painter any of us can come up with.
-
22:57
And then Frida Calo, who resonates with me as someone who loves selfies.
-
23:02
>> [LAUGH].
-
23:04
>> But this is something I struggled with a couple of months ago, and
-
23:07
just seeing this last night reminded me.
-
23:09
And I had decided that my next painter was going to be Mary Cassatt.
-
23:12
Who was an impressionist from the United States.
-
23:14
Much like myself.
-
23:17
But I was like, how the hell am I going to recreate her artwork using JavaScript?
-
23:22
Without having any research.
-
23:24
And it took me a while, but
-
23:27
I found some really awesome work of hers that looked unfinished and sketched.
-
23:31
Where she sketched like pencil or, or charcoal over paper and
-
23:36
then did color you know pastel over it.
-
23:39
And some of these items like they're so brilliant these pieces.
-
23:44
Even though that it sort of has it's unfinished look.
-
23:47
I love this 'cuz that baby's like can I live, like.
-
23:51
So I was like, oh, I will make
-
23:54
something that lets you upload an image and create like a de-sketched look.
-
23:59
Because the image that you upload, like, if it's a photo,
-
24:02
somebody has already done.
-
24:03
But, like, let's see if we can, like, undo some of it.
-
24:06
So, I wanted the person who will upload an image draw a specific color in pencil
-
24:10
on the canvas, and
-
24:12
then have an eraser that erases every color except that pencil color.
-
24:17
Sure, I can do that.
-
24:18
That's probably easy.
-
24:19
Famous last words all the time.
-
24:23
So, I actually managed to do that, and launched it a couple of weeks ago.
-
24:28
So, you can upload an image.
-
24:30
[LAUGH] This is, this is Dave from the lobby when we met up the other day.
-
24:36
[LAUGH] you start out with a pencil, and.
-
24:40
Let's see, you can just basically, draw anything.
-
24:43
Like, I'll outline these fellows right here, that were talking.
-
24:47
You know, Dave and I had just landed from the East Coast in the states.
-
24:53
It was like, 7:45 when we landed.
-
24:54
We got to the hotel at 10.
-
24:55
We waited around for a little bit and pretended to have a conversation and
-
24:59
understand what we were saying, even though that, we were so tired.
-
25:02
And here the eraser erases everything but the pencil.
-
25:07
And really cool things have been made with this.
-
25:10
People have posted on Twitter to me again, which if you do that I'd love to see it.
-
25:15
And then you can save it if you like.
-
25:17
Look, they're ghosts.
-
25:18
Now the hotel is haunted.
-
25:20
The power of art.
-
25:23
And the way that this is done, is the most important part.
-
25:28
Is the erase tool checks the current pixel where you click.
-
25:33
And I have a square, and wherever the eraser goes, it checks all the pixels in
-
25:37
that square, and if it matches the color of the pencil that I gave it.
-
25:42
Then it doesn't do anything.
-
25:43
Otherwise it erases it.
-
25:46
And I had to keep the eraser pretty small.
-
25:49
Because that's a lot of calculations going on as you're
-
25:52
moving your mouse over the canvas.
-
25:56
Which again, JavaScript doesn't,
-
25:59
isn't able to handle all that sort of stuff cuz it's not meant to.
-
26:02
But some lessons I've learned is that most people love art.
-
26:06
A lot of people,
-
26:08
I've only mostly heard positive feedback about vart and these pieces.
-
26:13
And I've had a lot of people who I work with or
-
26:16
just people on Twitter that are like, oh I would love to do a guest post.
-
26:19
I'm like that's great, show me like, what stuff you make and
-
26:22
soon I'll be posting guest stuff on vart.institute.
-
26:26
And it's good because then it's something I want to continue doing, and
-
26:30
it's hard to do something in the tech community that people are against,
-
26:34
because every time you hear negative feedback or, about something,
-
26:38
it's just like, I have no time for that.
-
26:40
You know what I mean?
-
26:40
I, I get yelled at on the internet enough for writing satire.
-
26:43
The last thing I want is someone to yell at me about me trying to create something
-
26:47
that makes me feel good, and hopefully makes other people feel good.
-
26:50
Some people like JavaScript.
-
26:55
I, I kinda like it, you know.
-
26:58
JavaScript is very portable, and, and a lot of people tell me,
-
27:02
like when you taught, why did you teach art with JavaScript?
-
27:05
And the main reason was because of portability, you know what I mean?
-
27:08
When I had students ranging as I say from age eight to 80 who are in the lab,
-
27:14
all I had to do was say open up the browser and
-
27:17
then I showed them how to up the console in whatever browser they choose.
-
27:20
And we just write JavaScript.
-
27:23
And then when they want to go home and
-
27:24
do that, they probably already have a browser, and they just do the same thing.
-
27:29
There's no setup of a Java virtual machine or anything like that.
-
27:33
No node install.
-
27:36
It's just, it's good for that.
-
27:39
And some people, you know, if, if it, if there's no barrier to the language,
-
27:44
or to like whatever environment it is, then the better it is and
-
27:47
the easier it is to make art.
-
27:49
Which is a cool thing.
-
27:51
JavaScript is an expressive, yet restrictive, medium for creating art.
-
27:56
I've been able to do a lot.
-
27:57
More than I could ever fathom.
-
27:59
And all of my ideas were last minute.
-
28:00
I'm just like I can do it, it's fine.
-
28:03
The CIO, the MBA always used to say, it's just software, you can do it.
-
28:06
It's just software.
-
28:07
Which would drive me nuts.
-
28:08
Because, No, it's not just software, there's like time and money and blah,
-
28:11
blah, blah, blah and Internet Explorer, and.
-
28:13
[LAUGH] But, JavaScript allows you to create a lot of these cool things.
-
28:19
And JavaScript with HTML canvas is just like,
-
28:23
one of the main reasons why I'm still a JavaScript developer today.
-
28:28
Also because PHP can't figure out what to call itself.
-
28:32
And it's restrictive though.
-
28:33
You know when I was creating the pink fill algorithm for
-
28:36
[UNKNOWN] you could paint large areas.
-
28:39
Everything that I wrote would lock up the browser.
-
28:42
Firefox would literally say too many recursions,
-
28:46
which a Java developer doesn't like to be told too many recursions.
-
28:51
So relearning how to do math in different ways to
-
28:54
make the JavaScript work without crashing your browser made it restrictive,
-
28:59
but I also learned more and it was more of a challenge which was cool.
-
29:02
And there's a lot of art and chal-, a lot of math and
-
29:04
challenging stuff in the creation of art with it.
-
29:08
So what's next for vart?
-
29:12
I have to do a lot more research.
-
29:13
I wanna find more women painters.
-
29:15
I wanna delve into other types of art.
-
29:19
Video art, music, all this sort of stuff that the browser is making it easier,
-
29:25
easier with time to create.
-
29:28
You know we got the web audio API, which I'm like super stoked to play around with
-
29:32
lately and I've seen really awesome stuff come from a lot of companies out of it.
-
29:37
And really just continue working on writing and feeling better, not only
-
29:41
about myself creating art, but also seeing everybody else create art using code.
-
29:47
And sharing it, and telling stories about themselves and
-
29:50
just, I just feel like the more that we talk about ourselves personally and
-
29:54
our connection to art, the more empathy we all feel for each other.
-
29:59
Which is always a really good thing for the tech community.
-
30:03
[LAUGH].
-
30:04
And also more Dave speaking at jQuery conferences hopefully.
-
30:08
And you know, maybe I'll be there after him.
-
30:11
So thank you very much.
-
30:13
You can see everything at vart.institute.
-
30:15
That's a real domain name.
-
30:17
I'm on Twitter at jennschiffer, jennmoney.biz, real domain name.
-
30:20
My email, that's real.
-
30:23
And I'm on IRC on freenode, jennmoneydollars.
-
30:25
So if you create anything with these tools or if you want to show me stuff that
-
30:29
you've made, I would love to see it and post it online for other people to see.
-
30:33
So thank you.
-
30:36
[APPLAUSE] [MUSIC]
You need to sign up for Treehouse in order to download course files.
Sign up