-
-
Notifications
You must be signed in to change notification settings - Fork 14
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Annotations for final videos #22
Comments
Yes, I'm happy to take on doing a lot of the annotation / timing work. We can also divide it up between us for anyone else that might have time. |
I just pushed a first stab at annotations for the color video. Overall, everything was really easy. Just a few notes:
I've also been pushing major changes for fluid layout handling, so let me know if things are wonky anywhere. Oh, and this video is still hosted by Jesse, so you'll have to enter the password he sent in his email. |
Awesome, I just went through this and it's great.
I could also add something to the hints after the first lesson: "When you are finished, select "next lesson" to move on. The code editor will disappear, but don't worry, you'll have a chance to return to your assignment later."
I'll touch base with Jesse re: hosting of videos |
@shiffman, I made the change so the lesson starts in the editor mode, though I don't think we'll really be able to decide until we have lesson two in place. |
I have refined the timing of all the script moments for color lesson in the most recent commits. really easy to do, I don't think it'll be that much work for me to create everything for the other lessons once we have them. @scottgarner it's not bothering me that it starts in the smaller window (I kind of like it actually), but yes, I agree we can decide once we have everything else in and see how it feels. |
Really pleased to hear that it went smoothly! One thing I should maybe point out is that loadCode currently loads a pde file asynchronously, so you have to use a callback to run it (as seen in the end of the color script). It will probably work anyway locally if you don't, but almost definitely won't on the server. I'm not crazy about that approach because there can be a delay between the Popcorn event and the actual display of the file. I may go for something like the hints were Jekyll combines them into the body of the page when the site is built. |
Going through these now. Made some minor adjustments to drawing and color. I actually think color works really well having it start with the smaller window and then open up. Going to work on interact and questions next. |
Ok, we now have a draft of all popcorn events for all four lessons! There is a lot of fine-tuning that can be done.
@scottgarner I think this will all be made easier by your idea (mentioned here: #11 (comment)) to make loading code from a file work more seamlessly. Right now, it's very awkward for me to type in code like:
So being able to just load from a file will make it easier to make tweaks to these examples. Everyone should feel free to watch them through and provide comments for things I can add / fix. @scottgarner you should obviously feel free to make changes to script.js directly if you are so inclined. |
Also, I haven't added any events for when the various buttons "code" "next lesson" "share" "run code" etc. should appear. |
Finally, here are quick links to where each of the interactive features begin: http://hello.processing.org/editor/#shapes-4:20 |
@shiffman, I think we can definitely make things a little easier for you. I'll look at breaking each of the code snippets into a "snippets" include for each lesson. Rather than a file for each little change, I think it might be best to store all of the snippets for a given lesson in one file and break them up with either script tags or divs. |
@scottgarner sounds like a great solution. |
Okay, I split the individual snippets into files in _includes. This should make it easier to edit and format the code. You just call helloEditor.loadSnippet() with the id of the div the code is in. There's probably a more elegant way to do this that would automatically add the events from the snippet files, but it seemed safest to keep all script events in script.js. @shiffman, I almost certainly broke something in your formatting while moving things over. I left the old code commented out just in case. I almost numbered the divs in increments of 10 just in case something needs to be inserted later. |
awesome, this solution looks perfect. i haven't had a chance to go through it yet, but will do so over the weekend. |
You guys, this is absolutely magical. No exaggeration. I love having the UI elements in sync with Dan's presentation. He just talks and points and — voila! — things happen. This is going to be so much fun for our visitors. |
I've now put in the hello and goodbye videos. I also added a couple of "script" moments in hello when I refer to the interactive features of the tutorial. Not sure if they work. @scottgarner what should I put in |
@shiffman, helloEditor has a method to load a lesson: I made the change. It should work now. |
I did another pass over all of the script moments and we're in pretty good shape. I'm going to close this issue now and open new more specific ones as problems/questions come up regarding the script. |
The big one!
Between native jQuery functions and helper functions I've written, we should have everything we need to populate the popcorn scripts in scripts.js.
If we get the shapes video first, I'll try to do that myself and then it would be great to get help annotating the rest. I can always add new helper functions as needed.
The text was updated successfully, but these errors were encountered: