bethrobson / head-first-html5 Goto Github PK

Where is the exercise to complete this code?

I believe the code would have to be added into the videobooth.html for a button to be pressed for an additional filter, but I couldn't
find the exercise in the book or anywhere online. Thanks in advance! Awesome book(s) by the way!!

/*

• bwcartoon is an extra filter for an exercise
  */
  function bwcartoon(pos, r, g, b, outputData) {
  var offset = pos * 4;
  if (outputData[offset] < 120) {
  outputData[offset] = 80;
  outputData[++offset] = 80;
  outputData[++offset] = 80;
  } else {
  outputData[offset] = 255;
  outputData[++offset] = 255;
  outputData[++offset] = 255;
  }
  outputData[++offset] = 255;
  ++offset;
  }

I'm having some issue, with the jsop, because when i put the script with the src="gumball.wickedlysmart.com/?callback=updateSales" the browser's console says me this:

GET http://gumball.wickedlysmart.com/?callback=updateSales net::ERR_NAME_NOT_RESOLVED

I think the url isn't available any more.
Is there anyone can help me?

I'm following through the examples in the book, both are great by the way! And I'm running into a problem with Ch.8 videobooth. I looked on the wickedlysmart homepage for ways to contact your team, this seemed the most appropriate.

I was having an awful time getting the video and canvas effects working in real time. Only Chrome was playing the video in real time and updating the effects with the toggles at the same time. Firefox & Safari both had an issue where I would hit play, hear audio but no video would be updated, hit pause, then play again, then a single frame of video would be rendered with the effects. I'm hosting off localserver and experimented on my own website so file:// isn't the problem.

I think the problem is with requestAnimationFrame. When I reset to the old way of setTimeout, things seemed to work better. After fiddling around, I could only deduce that requestAnimationFrame needed some kind of intervall call, since it was only updating when I hit the pause and then the play button.

After some searching, I found a polyfill solution on gist at https://gist.github.com/paulirish/1579671 that smooths out the effect rendering in Firefox but still only renders every 10-15 frames on Safari.

Any ideas for an improved workaround? I think Safari and Chrome use the same WebKit engine, though I could be wrong.

I'm on a Mac osx 10.8.4, Firefox 22.0, Safari 6.0.5, Chrome 27.0.1453.116

Thank you again for putting up all these great examples and comments inside the code, they really help me learn a lot!