hi and welcome to the art and coding
exploration in this video we'll give a
quick overview of computer programming
and see how we can use block coding to
create our own art let's jump in
computer programs are the way we
communicate with the computer and give
it instructions kind of like the way a
painter tells their brush which strokes
to paint and where but did you know that
computer programming can also be used to
produce art today we'll create our own
art by making a computer program we'll
be using Java Script which is one of
today's most widely used programming
languages you're probably familiar with
memes on the internet like the ones you
see here when we think of art we
probably think of old paintings or
sculptures in a museum however many
people argue that memes demonstrate the
expression and creative skill to be
considered a medium of art let's take a
look at how we can use code to generate
our own means we're going to be using
block coding to create our programs so
let's take a look at how the editor
works you'll see this green block titled
collage in the middle of the screen
whatever we drop here will be read by
the computer and put on to our canvas
which you can see over on the right on
the left side you'll see the coding
blocks library that you can use to
create your program do you see how all
of the coding blocks are color-coded in
their own library sections let's start
by adding our image we can use this set
background image block if we want to use
one of the images that is preloaded or
we can use this block to add our own
image from a URL to add my own image I
need to drag this block so that it snaps
in place to my collage block do you hear
that click if the block isn't snapped in
the computer will not read and load the
block since I want to use my own image
I'll go to the upload tab to upload my
own image
I'll go to my desktop select the picture
that I want to upload and it will
generate a file URL that I can use so I
will paste it into this block this image
will automatically fill my entire canvas
now let's add our text instead of
selecting the text block I grabbed a
circle block if you ever need to delete
a block you can either drag it to the
trashcan or you can just select the
block and press the delete button on
your computer here's the correct block
now my program will place objects on my
canvas in the order that they appear in
the program so I want my background
image to be the first block and I want
my text to come after it so that it sits
on top of my picture now I'll set what
my text says as well as the size
position color and font I'll first type
my message and I want to set my font to
Georgia I'll keep my font size for now
but I do want to change the position of
the text the coordinate zero zero are
located on the top left corner of our
canvas if I make my x coordinates larger
than zero that will move our text across
the right side of the canvas if I make
the Y coordinates larger than zero they
will move closer to the bottom of the
canvas so I want to set my coordinates
here to 2400 let's see how that looks by
running our code I can't really see the
black text because my image is dark so
I'll change the color to white to see
the changes I can just click run again
that's better but I also want my font to
be larger so I'm going to change it to
32 great once you are happy with your
program you can click this share button
to generate a link you can send to your
friends and family you can also click
this camera icon to download an image
that you can share with others now it's
your turn we hope you enjoy making your
own meme art