Last weekend, fellow Nerds Tim, Ryan, Mandi, Gary, and I had the opportunity to participate in Science Works at the Museum of Science and Industry in Chicago. The purpose of the event was to get kids interested in STEM careers so the museum held a mini-career fair and invited a number of companies in to give hands on experiences for kids and hopefully get them excited about science, technology, engineering, and math!
Since the Nerdery focuses on interactive development, the Museum had us set up in the entrance to NetWorld, the museum’s exhibit dedicated to the internet. Since most people think of the web when they think internet, it was the perfect place for us to demonstrate how easy it can be to get into web development. We had two interactive demonstrations we were showing off. The first one was aimed at pure beginners and was showing people how to alter web pages using Google Chrome’s built in developer tools. The second demonstration was a series of animations done using canvas in HTML5. The series started with drawing a simple shape, then how to duplicate the shape many times using a function, then moving the shape, then finally putting that all together and making a particle emitter. You can see the source code for the second demo on github.
WARNING: if you are looking at the 4th example, you may want to set SEIZURE_MODE_ON to false, otherwise, be prepared for some hot, crazy flashing background action.
All in all, it was a fun day! Seeing the kid’s excitement as they changed the content of various webpages was priceless.