Special Guest: Dave DeSandro
Check out all the different demos as he solves different graphical rendering problems with canvas, Round 3D :D
Matt showed an email that uses check box hacks for an Email Adventure game with a very 8-bit JRPG aesthetic and fun play through. Lots of pop references, riddles and involved.
Kevin showed off a cute happy worm that flew through space, when a user hovers it smiles and flies through the stars!
This pen from Andrew was a synthesizer keyboard that uses the Tone.js library to make audio. Try out the keys for some music!
Jake showed off his attempts to solve the traveling salesperson problem(TSP) which is unsolvable but used to determine the shortest possible route when given multi destinations. The data visualization is his presentation on the progress towards a solution in canvas.
Colt talked about his prototyping experience that leads to pens like this, replicating UIs and building web solutions for them. The pen uses atomic CSS methodology to use utility classes instead of specific classes for styling.
Arelia wanted to show her students at CoderSpace different blending layer uses with CSS and images. CodePen allows her the chance to show her students these quick examples of writing code properly and using experimental features effectively.
Dave changed careers, found a new passion with coding and showed off a pen he made for his 2 year old! The face has different interactions and will respond when the user clicks different parts of the face.
Gebre showed a few different pens and the Random Quote Machine was the last one he showed which uses an API from forismatic to fetch quotes in English and updates the DOM with the new data.
I built a quick canvas animation in canvas with multiple flowers moving about in a circle motion. Hopefully this will force me to make my next pen :O
All Photos are from Marvin: CodePen Chicago @ Sprout Social
Thanks to Dave for presenting to CodePen Chicago! Thank you to Arelia and Sprout Social for getting the space, food and drinks. All photography is done by Marvin, thanks! Thanks to Austin for the MDI posters!
If you have any questions and/or suggestions, feel free to reach out :D