Disqus - Latest Comments for jeresig

Re: Tsukioka Yoshitoshi: 「当勢西優妓」「西郷隆盛市川団十郎」 - Tokyo Metropolitan Library - Ukiyo-e Search

John Resig — Tue, 15 Apr 2014 08:56:02 -0000

Good question! I haven't integrated http://yoshitoshi.net/ into the database yet but that's generally one of the better Yoshitoshi resources out there. Perhaps that might help in this case, as well? Either way, congrats on the acquisition!

Re: Uploaded Print - Ukiyo-e Search

John Resig — Fri, 28 Mar 2014 09:32:09 -0000

Fantastic! Seems to have worked quite well :)

Re: Propose a Session

John Resig — Thu, 06 Feb 2014 17:03:37 -0000

A follow-up: My results of my collaboration with the Frick Art Reference Library are now live: http://ejohn.org/research/c...

Re: Propose a Session

John Resig — Wed, 29 Jan 2014 12:13:20 -0000

I would like to propose a session on using computer vision techniques and image analysis to improve art history research. There was some initial discussion regarding this at THATCamp CAA 2013 but there was also a lot of confusion regarding what was feasible and how it might impact specific types of research.

I'd like to have a discussion regarding existing technologies and how they can be used within art history research. I have some experience with this, doing computer vision analysis on Japanese woodblock prints (on ukiyo-e.org) and most recently in collaboration with the Frick Art Reference Library in an analysis of their photo archive. Hopefully we can have a fruitful discussion to see what is feasible given the current state of technology.

Re: We Analyzed 30,000 GitHub Projects – Here Are The Top 100 Libraries in Java, JS and Ruby

John Resig — Wed, 20 Nov 2013 11:46:26 -0000

I had the same question - I suspect they're only analyzing Node.js projects. In which case it would make sense that jQuery isn't that prevalent.

Re: Utagawa Yoshitora: Battle - Museum of Fine Arts - Ukiyo-e Search

John Resig — Fri, 22 Feb 2013 18:20:25 -0000

Excellent, thank you Nels! I really need to add a way for people to upload their own prints. Your contribution is extremely valuable!

Re: Uploaded Print - Ukiyo-e Search

John Resig — Thu, 17 Jan 2013 12:29:32 -0000

Test Comment.

Re: Utagawa Hiroshige: Enoshima in Sagami Province (Sôshû Enoshima no zu) - Museum of Fine Arts - Ukiyo-e Search

John Resig — Wed, 16 Jan 2013 09:39:13 -0000

Great to hear it, Richard! Glad I've been able to help :)

Re: Tadashi Nakayama: Cheerful Afternoon - Legion of Honor - Ukiyo-e Search

John Resig — Tue, 15 Jan 2013 12:52:38 -0000

Hi Bob - you can't purchase through this site, however if you click through the sites listed sometimes you can find one for sale. For example, the Ronin print listed on the left is for sale: http://www.japancollection....

Re: Tsukioka Kogyo: Walking near the Barren Woods - Artelino - Ukiyo-e Search

John Resig — Mon, 14 Jan 2013 12:02:56 -0000

Thank you for letting me know! I'll try to fix this ASAP.

Re: Code Scratchpad

John Resig — Tue, 26 Jun 2012 11:13:36 -0000

I think this one turned out really well. Covered all the major methods and gave just enough information for students to get to work.

Re: http://labs.khanacademy.org:8082/explore/plant-leaves/45

John Resig — Mon, 18 Jun 2012 11:54:37 -0000

Test Comment.

Re: Intro to Drawing | Computer Science | Khan Academy

John Resig — Fri, 15 Jun 2012 20:49:20 -0000

Oh, I thought it was fine - it was actually kind of fun to see the circles zooming around.

Re: Mouse Interaction | Computer Science | Khan Academy

John Resig — Fri, 15 Jun 2012 20:22:51 -0000

Haha yeah - also noticed that when you do the inverted mouseX/mouseY the result actually doesn't look or feel any different to the student (since they can't, necessarily, feel your pain from trying to draw inverted)! That's ok though, it's a good thing to encourage students to explore. Another one that could be good is leaving one of the numbers static and the other one hooked to mouseX -- that's a good lead-up to the paddle ball exploration.

Re: Booleans | Computer Science | Khan Academy

John Resig — Fri, 15 Jun 2012 20:18:23 -0000

This turned out really good I think. I wouldn't be worried too much about the length - I think 6-7min is pretty reasonable in this case, you covered the concepts well and it felt pretty clear as to what the result was. Think this is good-to-go!

Re: Code Scratchpad

John Resig — Fri, 15 Jun 2012 20:09:29 -0000

This seems rather effective at teaching the first and second point. Not sure how important the last is, but one point that is really critical towards the understanding of variables that I think is missing:

var x = 5;
var y = 10;
x = y;
y = 7;
// What is x equal to?

Most introductory students don't know the right answer - and even if they guess it they don't really understand why that's the answer. Maybe it's too much to cover in this tutorial, but it probably warrants at least some discussion - maybe in a follow-up tutorial.

Re: Intro to Drawing | Computer Science | Khan Academy

John Resig — Fri, 15 Jun 2012 19:36:11 -0000

I like the shape reorder, that's smart (helps to emphasize that the shapes are actually being filled with "white" and aren't just empty). I just realized that we don't mention "noFill();" (which gives the shapes no fill color, it's transparent) - which would be good to discuss here as well.

This is a case where I'm not sure it makes sense to re-type the code again, especially since you'll be going through the process of explaining all the arguments when you use the scrubber. I guess it depends upon how you're looking to verbally explain the functions.

Re: Code Scratchpad

John Resig — Fri, 15 Jun 2012 17:11:16 -0000

Code looks good! Certainly simple enough :) (Any particular reason for leaving a blank line at the top of the program?)

Re: Code Scratchpad

John Resig — Wed, 13 Jun 2012 17:11:43 -0000

Ah, ok!

Re: Code Scratchpad

John Resig — Wed, 13 Jun 2012 16:45:45 -0000

I like the layout of this - having the four drawings that are hooked to boolean values, this could be really effective.

I would recommend demonstrating expressions a bit more before getting into the variable scrubbing. Considering that Math Expressions is only covering +/-/*// (most likely) the concept of <, >, <=, >=, and != will be foreign to the user. Might as well start with 3 < 4, etc. before moving into scrubbing.
After you've added in all the if statements it would be good to finish with some more scrubbing (showing what appears and doesn't appear). It'd be nice to see what blinks on and off.

Minor thing: Would be nice to have a background color and some nice colors on the circles.

Re: Code Scratchpad

John Resig — Wed, 13 Jun 2012 16:24:57 -0000

So the reason why I instituted the "no empty editor" policy is that it creates a relatively poor environment for students to learn. There is nothing there and it's not (necessarily) obvious to them what the next steps are. At the same time it should be possible to at least do /something/ with the code that is there, even if it isn't that interesting.

I would recommend having a version of the close-to-final code in the editor at start, hit Record, and as your first action hit Ctrl+A and Delete, then just start with a fresh explanation. Typing it from scratch would give the student a better understanding of the process that goes into the creation of the code.
I would use the drawing mechanism to point out the "point" being drawn.

I would also do multiple cases of using expressions in different contexts and using different symbols. Maybe drawing a rectangle using "rect(100, 100, 100+50, 100+50);" or some such. This seems like a case where having the same thing repeated multiple times in slightly different ways would lead to some good reinforcement.

Re: Code Scratchpad

John Resig — Wed, 13 Jun 2012 16:01:11 -0000

I actually found the drawing addition to be really informative - I especially liked it when you drew the 400 line, drew the 50 width ball and did the math to figure out 375 - that made it much clearer.

I thought this went very well actually explained the ramifications clearly, showed the benefits of if, reinforced the use of the restart button (I'm starting to think that we should probably highlight the Restart button in the UI to make it obvious that that's what's being clicked).

The audio did sound a little bit overblown but I think all the content is here and it's presented in an effective way. Good job!

Re: Code Scratchpad

John Resig — Wed, 13 Jun 2012 12:45:49 -0000

Bummer that the mouse recording/playback isn't working right now, I'll work on that right away.

I think I got the general gist of what you were doing, though. I think it should likely provide enough runway so that the students can have fun with the interaction.

I don't think you need the fill() call is needed, I think you're only doing strokes.

Using oldX/oldY might be good (just to reinforce what's happening) but you could also use Processing's pMouseX/pMouseY which has the same effect:
http://processingjs.org/ref...
http://processingjs.org/ref...

It'd probably be good to have a color background / color line. So that it's not just a blank white canvas at the start but other than that, looks good! I'll fix up the mouse recording/playback and we can revisit this.

Re: Code Scratchpad

John Resig — Wed, 13 Jun 2012 12:16:20 -0000

Great - it was perfect getting to see the play-through of what you were going to do in the code before you did the final recording. I really like that strategy for doing review.

"Just going to indent it" How? Maybe this can be covered when if statements are talked about.
With animations I would really emphasize clicking "Restart" as that's really the best way to ensure that the student can get their care back once it goes flying off the screen. I'm not sure if it makes sense to re-record this just to add this extra emphasis, although it might be good to have multiple animation tutorials and that could be part of a "troubleshooting animations" section, or some such.

Re: Code Scratchpad

John Resig — Wed, 13 Jun 2012 12:05:05 -0000

I'd get rid of the noStroke() if it's not needed (the black outline on the circle isn't really visible in this case). Additionally I'd move the fill to be next to where the ellipse call occurs (makes it more obvious what exactly the fill call is affecting). I'd put a little bit of space in-between the call to background and the fill/ellipse calls, just to cluster things up a bit.

Might be overkill but it could be interesting to have a follow-up tutorial that replaces magic numbers like 375 with something like "width - (ballSize / 2)" and 25 with "ballSize / 2" (and declare "var ballSize = 50;" at the top).

Other than that, this looks good - I think using animation for an intro to if statements is a good idea, it makes the "bad" case really obvious (the ball running off the side of the screen).

When you do the recording I would really emphasize clicking the restart button as that's the only way they'll have to "get the ball back" once they mess things up.

Disqus - Latest Comments for jeresig

Re: Tsukioka Yoshitoshi: 「当勢西優妓」「西郷隆盛 市川団十郎」 - Tokyo Metropolitan Library - Ukiyo-e Search

Re: Uploaded Print - Ukiyo-e Search

Re: Propose a Session

Re: Propose a Session

Re: We Analyzed 30,000 GitHub Projects – Here Are The Top 100 Libraries in Java, JS and Ruby

Re: Utagawa Yoshitora: Battle - Museum of Fine Arts - Ukiyo-e Search

Re: Uploaded Print - Ukiyo-e Search

Re: Utagawa Hiroshige: Enoshima in Sagami Province (Sôshû Enoshima no zu) - Museum of Fine Arts - Ukiyo-e Search

Re: Tadashi Nakayama: Cheerful Afternoon - Legion of Honor - Ukiyo-e Search

Re: Tsukioka Kogyo: Walking near the Barren Woods - Artelino - Ukiyo-e Search

Re: Code Scratchpad

Re: http://labs.khanacademy.org:8082/explore/plant-leaves/45

Re: Intro to Drawing | Computer Science | Khan Academy

Re: Mouse Interaction | Computer Science | Khan Academy

Re: Booleans | Computer Science | Khan Academy

Re: Code Scratchpad

Re: Intro to Drawing | Computer Science | Khan Academy

Re: Code Scratchpad

Re: Code Scratchpad

Re: Code Scratchpad

Re: Code Scratchpad

Re: Code Scratchpad

Re: Code Scratchpad

Re: Code Scratchpad

Re: Code Scratchpad

Re: Tsukioka Yoshitoshi: 「当勢西優妓」「西郷隆盛市川団十郎」 - Tokyo Metropolitan Library - Ukiyo-e Search