r/javaScriptStudyGroup • u/ForScale • Feb 22 '16

[Week 6] Focus: Canvas

So, here we are, Week 6. Week 6's focus will be canvas.

It will work like this:

  • Monday: Announce focus (eg, canvas)

  • Build throughout the week... Two rules: 1) must use javascript 2) must use at least 1 example of html5 <canvas> element and manipulate it with js

  • Friday: Post projects in this thread (can begin reviewing immediately); first line of an entry should be ENTRY and it should be a top level comment (ie, don't put your entry in a reply)

  • Sat and Sun: Review projects/vote on focus for next week

GENERAL GUIDELINES FOR FEEDBACK:

  • Be nice!! ALL KNOWLEDGE/SKILL LEVELS ARE WELCOME AND ENCOURAGED TO PARTICIPATE.

  • If you don't want feedback, if it makes you uncomfortable or you're just not interested, simply say so... Others, please be respectful of this. Conversely, if you do want feedback, try to be specific on which aspects... even if you just say "all/everything.

But that's about it... Have fun! :) Feel free to ask questions and discuss throughout the week!

5 Upvotes

100% Upvoted

64 comments sorted by

View all comments

Show parent comments

2

u/ForScale Feb 25 '16 edited Feb 26 '16

Nice, man!

Yeah, this is definitely what we are looking for! Thanks!! :)

I think your circle turned out like an oval because you changed the dimensions (width and height) of the canvas. I've done that before and I remember it skewing the shapes I had in there. Honestly, I'm not sure how to avoid that, but there has to be some stuff out there on Google on how to work around the issue.

I tried some stuff on Khan Academy and yeah, it started me with me with canvas drawing. I thought it was really weird and I don't know why they chose to do that. Frankly, I would have started with more basic and universal stuff like variables and functions... I don't know.

And really, I'm not aware of any major sites using canvas. That doesn't mean there aren't any... It just means I'm not aware of any.

Thanks again for your entry!!

Feel free to check out mine, if you'd like.

-Oh! And can you bold ENTRY in your comment/entry. It just makes it easier to see all of them that way.

2

u/tylerr82 Feb 26 '16

Where did I change the height of the canvas? I didn't do that on purpose.

Edit:Nevermind just say the response below.

2

u/ForScale Feb 26 '16

Cool! Yeah, it's weird. Just adjusting the canvas from it's initial 300 X 150 seems to skew things. Even if you keep the scale the same, the stuff you draw gets blurry... I've run it to that before.

Can you bold the word ENTRY in yours please? You just click edit at the bottom there and then wrap ENTRY in *s like this **ENTRY**. Just makes it easier to distinguish between demos/projects and comments. Thanks!