Drawing with Javascript!

Hi everyone! I thought it would be fun to chat about how to draw with Javascript here :slight_smile: I might do a little walk through for people who maybe missed the Saturday workshop, and if you came, maybe you can post some tips or some work you’ve done! :slight_smile:

First thing is, we followed along with this tutorial, so this is a good place to start if you want to draw using Javascript! :slight_smile:

https://www.khanacademy.org/computing/hour-of-code/hour-of-code-lessons/hour-of-drawing-code/pt/making-drawings-with-code

1 Like

Coolio!

1 Like

Yay! :slight_smile:
Ok so basically, that link has a bunch of different workshops and tutorials. They’re all pretty good, so if you feel like watching a video tutorial, there’s some good ones in there, and they’re all free!

1 Like

I’m just going to explain a bit of code you can try! :slight_smile: Ok so if you click on this side menu where it says ‘Challenge: Simple Snowman’ there’s a spot where you can put in your own code to try and draw your own snowman :slight_smile:

The code you need to use is called ‘ellipse’ (which means circle!)
When you’re making an ellipse, you need 4 numbers, so it could look something like:

ellipse (100, 200, 300, 50);

So that would make a circle that is at x position 100, y position 200, 300 pixels wide and 50 pixels tall :slight_smile: Does that make sense @vvasan?

1 Like
Girl Geek Academy Forums flyer

The (free!) forums are run every Tuesday and Thursday from 4-6PM, and are safely monitored by the Girl Geek Academy team..

We need everyone’s help to keep the Girl Geek Academy Forums a friendly and creative community where people with different backgrounds and interests feel welcome.

Be respectful.

When sharing projects or posting comments, remember that other Girl Geeks of different ages (8-12) and backgrounds will see what you’ve shared.

Be constructive.

When commenting on others' projects, say something you like about it and offer suggestions.

Share.

You are free to remix projects, ideas, images, or anything else you find on the Girl Geek Academy Forums – and anyone can use anything that you share. Be sure to give credit when you remix.

Keep personal info private.

For safety reasons, don't give out any information that could be used for private communication - such as real last names, phone numbers, addresses, email addresses, links to social media sites or websites with unmoderated chat.

Be honest.

Don’t try to impersonate other forum users, spread rumors, or otherwise try to trick the community.

Help keep the site friendly.

If you think a project or comment is mean, insulting, too violent, or otherwise inappropriate, click “Report” to let us know about it.

Our forums welcomes Girl Geeks of all races, ethnicities, religions, and abilities.










To receive a special invite to the forums, please complete the form below!

Girl Geek Academy Forums

    We won't send you spam. Unsubscribe at any time.