HamOnt ML on Saturday December 2nd

 

When: Saturday December 2nd 2017 from 10:00am to 5:00pm

Where: CoMotion On King – 115 King Street East (3rd floor), Hamilton, ON

 

 

The HamOnt conference series continues with HamOnt ML on Saturday December 2nd!

HamOnt ML is the first ever machine learning conference in Hamilton… low cost and kick ass, featuring experts from within and abroad for a full day of talks… we would love for you to join us on Saturday December 2nd!

Check out the initial list of talks below – more details to be filled in on the ticket page in the coming weeks! HamOnt ML attendees can also expect morning coffee & snacks, lunch, afternoon drinks & snacks, and an after party!

Tickets are just $20 regular, and $10 for students.

 

Speakers

 

We’ll be adding more details on the speaker line-up as we get closer to the date!  But in the meantime, expect to hear talks from…

 

Comparison of JavaScript Canvas Frameworks

In this article we compare JavaScript canvas frameworks (or libraries). Each framework includes a way to organize display objects into a hierarchy. In traditional HTML this is the Document Object Model (DOM), in Flash it is called the Display List and in gaming it is often called the Scene Graph. On the canvas, organized objects are all made from bitmaps so it has been termed, the Bitmap Object Model (BOM) by Dan Zen, founder of ZIM, one of the Canvas Frameworks we will explore. Here is the List:

  • CreateJS – includes EaselJS (BOM and events), TweenJS, PreloadJS and SoundJS
  • ZIMjs – powered by CreateJS plus conveniences, components and controls
  • PixiJS – a 2D canvas / WebGL rendering engine with a BOM and events
  • PhaserJS – a game framework based on PixiJS
  • P5js – a JavaScript port of Processing (in Java) for experimental works
  • PaperJS – a vector graphics scripting framework with beziers

CREATEJS

CreateJS at http://createjs.com is “a JavaScript library that makes working with the HTML5 Canvas element easy. Useful for creating games, generative art, and other highly graphical experiences.” CreateJS includes EaselJS which gives us the BOM and events to go along with it. PreloadJS lets us preload images, sound and most other assets. TweenJS lets us animate with the power of chaining. SoundJS lets us play sounds.

atari

Recent activity over the last couple of years had led to StageGL where WebGL is used to render bitmap-based display objects. Note that many objects can be effectively cached to bitmap to make use of StageGL. After a long incubation, CreateJS has just launched version 1.0!

createjs2

The library has been very stable since its inception as one of the earliest canvas libraries and became well known making the Atari Arcade with sponsorship by Microsoft. Founder, Grant Skinner, is well known in the interactive media world and has worked with Adobe to make Adobe Animate (formerly Flash) export directly to CreateJS which has helped Adobe publish to the HTML 5 canvas. CreateJS is also considered cached according to Ad Networks so does not count as ad size: http://createjs.com/html5ads/. The stability, support from ad networks and connection with Adobe Animate for vector assets has led to billions of loads of the CreateJS code.

ZIM

ZIM at http://zimjs.com extends CreateJS and adds conveniences like one-line drag and drop, multitouch gestures, multiple hit tests as well as components like buttons, sliders, dials, colorPickers, tabs, etc. and controls like adaptive layout, page management, parallax, scrollers, swiping, hotspots, grids, guides, motion and gamepad controllers, particle emitters, sound-wave analysis. To reduce bloat, ZIM Distill lets you minify only the ZIM code that is used.

features

ZIM is a general canvas library and demonstrates remakes of the other canvas libraries projects at an average of 60-80% the code. For example:
PhaserJS: http://zimjs.com/code/spritesheet/
PaperJS: http://zimjs.com/code/capture/sticks.html
Processing: http://zimjs.com/code/capture/input.html

applications

The ZIM site has an extensive tutorial section for beginners, mid and advanced with code and video tutorials, a Code Zero series for people new to code and a rapidly growing Bubbling series for new features of which there have been 30 in the last four months.

bits

ZIM provides a Frame class with scaling options. The Frame also reduces the number of lines for asset loading compared to CreateJS. ZIM Parameters can be passed in sequence but also as a single configuration object. Chaining is encouraged with ZIM with short chainable methods for basic transformation properties. There is a single Ticker class that works with all animated features of zim like dynamic sprite animation, parallax, etc. to consolidate stage updates.

dynamo

You can also optimize ZIM for mobile and while developing, easily turn animations off with one the ANIMATE constant. ZIM has pioneered dynamic sprites and scrollers that run in sync with a single Accelerator class. There are also ways to pass in parameters that will have a delayed determined value. The list of innovations goes on, yet the whole framework has a consistent object oriented format. ZIM is also Accessible for screen readers with all its components keybord and screen-reader ready.

PIXIjs

Pixi at http://pixijs.com is a 2D WebGL rendering engine (with canvas fall-back) that provides and BOM and events to manage interactive media. Pixi is very much like CreateJS and has focused on speed and WebGL filters. Pixi also provides access for screen readers.

pixi

Pixi is well supported with “Thousands of award winning sites and experiences are being made with PixiJS by leading content authors around the world” and as an extra bonus, the popular PhaserJS game framework is powered by Pixi much like the ZIM general framework is powered by CreateJS.

The team at PixiJS and PhaserJS are very involved in development and are featured in the FITC Spotlight Web Games Conference.

fitc

PHASERjs

PhaserJS at https://phaser.io/ is a desktop and mobile HTML 5 game framework for Canvas and WebGL that runs on PixiJS. They have a newsletter with thousands of subscribers and run the HTML5 Game Devs forum. So PhaserJS is certainly the leading game engine in the HTML 5 world with integrated physics, tilemaps and other classes specific to 2D gaming.

phaser

Phaser has a large community and many examples broken down into sections. Even so, Phaser does not have 80% of what ZIM has in terms of general components and controls so watch out for missing efficiencies. On the other hand, for your typical side-scroller, you will find more resources in Phaser.

phaser2

P5JS – Processing

Processing has been around for quite some time – it was developed in the Java world to provide a more simple access to Java. It is based on a sketch where you put your code. It has an initialization area and a loop area (much like Phaser). Processing is famous for its access to hardware and has generally been used for coding experiments, art works, physical computing, etc.

p5

P5JS at https://p5js.org/ is a JavaScript port of Processing and continues in the line of educational, experimental art works on the HTML Canvas. For instance, it is rare to see a logo in Processing or a typical embedded mini-site or feature. Usually, the sketch is stand-alone. Perhaps this will change, but this tends to be the culture.

p5-2

There is a set of libraries that goes along with P5JS to help connect to various other systems. The Interfaces and Play sections are rather limited compared to ZIM and Phaser with a statement such as: p5.play is built for accessibility and simplicity, not performance. It is designed to be understood and possibly modified by intermediate programmers. It is not a box2D-based physics engine, it doesn’t use events, nor supports 3D. If you are looking for robust (but more complex) game frameworks I suggest phaser.io or easel.js.

processing

Processing has a vast history of cool data visualizations. These days, most if not all of these can be done in any of the canvas libraries – CreateJS, ZIMjs, PixiJS, PaperJS. It is just a matter of porting over the code.

PaperJS

Paper.js at http://paperjs.org is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and Bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.

paper

Paper comes from an Adobe Illustrator scripting background and works well with Beziers, SVG, etc. Here are some of its features:

CONCLUSION

The Canvas was launched with HTML 5 and provides a way that we can code Bitmaps with JavaScript in HTML. You can code these directly with JavaScript commands but you would be missing the hierarchy organization, events and all the conveniences that these frameworks offer and your build time would be longer. Also, the frameworks are well tested.

conveniences

If you took a look at coding on the Canvas when it first came out, it has certainly changed and is well worth a second look. Despite what you might think of Flash, it has been the leading tool for interactive media for almost twenty years. Many very smart Engineers and Developers have provided countless hours of care in crafting an efficient system that models life. These learnings were brought in to the JavaScript Canvas world to provide an excellent base with CreateJS and PixiJS. Certain precautions were also taken to make sure that mobile is considered. CreateJS and ZIM make sure that stage updates are only done when needed, for instance, to conserve processing and battery.

ZIMjs extends CreateJS to give extensive components and controls on top of a very solid base for general Interactive Media. PhaserJS extends PixiJS to give tools that Game Developers would find familiar. Certainly do not count ZIM out with respect to 2D games. ZIM features Sprites, Physics integration, Particle Emitters, multiple types of HitTests, GamePad / Keyboard controls, integration with A-Star for tilemaps, a LeaderBoard class, fantastic Multi-user with ZIM Socket, etc. But ZIM also has many other Interface components – all with leading edge accessibility.

Jason Hofing talks success during chaos at HamOnt UX

Jason Hofing (@RelayCoffee) (Owner, Relay Coffee) was added to the line-up at this Saturday’s HamOnt UX conference!

 

Jason Hofing (@RelayCoffee)

Owner, Relay Coffee

Talk: UX Always: Succeeding in Chaotic Times

For most of 2014, the entire street in front of RELAY’s Concession St. coffee bar was ripped up limiting access to its front door. In this talk, Jason will share his team’s story of abandoning panic and instead see it as an opportunity to engage their audience and customers with creativity, positivity, and hospitality.

Bio: Jason Hofing is the owner of RELAY Coffee Roasters, a craft coffee roaster of with two coffee bars and roasting for the best restaurants in Hamilton. Jason is the recipient of the First Ontario and Hamilton Spectator 1AWARD in 2012, the Hamilton Chamber of Commerce Outstanding Small Business Award in 2013 and a 40 Under 40 Award in 2014. Jason believes in a human-centric approach to taking your business to where your customers are and serving their needs.

 

HamOnt UX

 

When: Saturday October 28th 2017 from 10:00am to 5:00pm

Where: CoMotion On King – 115 King Street East (3rd floor), Hamilton, ON

 

 

The HamOnt conference series continues with HamOnt UX on Saturday October 28th!

HamOnt UX is filling in for Embrace UX this year… low cost and kick ass, featuring experts from within and abroad for a full day of talks… we would love for you to join us!

Check out the schedule of talks on the event ticket page! HamOnt UX attendees can also expect morning coffee & snacks, lunch, afternoon drinks & snacks, and an after party!

Tickets are just $20 regular, and $10 for students.

 

Citizen experience talk by Edward John at HamOnt UX

Edward John (Senior Project Manager, City of Hamilton) has been added to the line-up at this Saturday’s HamOnt UX conference!

 

Edward John

Senior Project Manager, City of Hamilton

Talk: The role in which citizen experience can shape the process of building communities. The talk will consider the opportunities and challenges within the planning process of a citizen first engagement approach, and how this may be affected by changing technology and social media.

Bio: Edward is a graduate of Geography and English from the University of Southampton and has a Masters in Development Planning from the University of Kings College London, UK. Edward has worked as a City Planner in Australia,  London, UK and for the past 12 years within Hamilton. Throughout his career, Edward has maintained a passion for housing and particular affordable housing, having been part of the strategic team delivering Inclusionary Zoning within both the UK and Australia. Currently Edward is a member of the Economic Development Urban Renewal Team, focusing on the Downtown and Community Improvement Areas and general housing matters throughout Hamilton.

 

HamOnt UX

 

When: Saturday October 28th 2017 from 10:00am to 5:00pm

Where: CoMotion On King – 115 King Street East (3rd floor), Hamilton, ON

 

 

The HamOnt conference series continues with HamOnt UX on Saturday October 28th!

HamOnt UX is filling in for Embrace UX this year… low cost and kick ass, featuring experts from within and abroad for a full day of talks… we would love for you to join us!

Check out the schedule of talks on the event ticket page! HamOnt UX attendees can also expect morning coffee & snacks, lunch, afternoon drinks & snacks, and an after party!

Tickets are just $20 regular, and $10 for students.

 

Tom Creighton talk at HamOnt UX this Saturday

Tom Creighton has been added to the speaker line-up at this Saturday’s HamOnt UX conference!

 

Tom Creighton (@tomcreighton)

Director of Design at Wealthsimple

Talk: Why Design Matters

Why is investing in good design a smart business move, and how you can differentiate your offering through design? Design can act as a significant leg up over the commoditization of tech, but how can we actually do the work of differentiating?

Bio: Tom Creighton is the Director of Design at Wealthsimple, Canada’s largest and fastest growing online investment platform. He leads the product design team and focuses on creating consistent, thoughtful experiences to make investing accessible to everyone. Prior to joining Wealthsimple, Tom worked with some other well-known Canadian startups, launched new customer-facing rebrands and initiatives for some of Canada’s largest companies, and ran his own creative studio.

 

HamOnt UX

 

When: Saturday October 28th 2017 from 10:00am to 5:00pm

Where: CoMotion On King – 115 King Street East (3rd floor), Hamilton, ON

 

 

The HamOnt conference series continues with HamOnt UX on Saturday October 28th!

HamOnt UX is filling in for Embrace UX this year… low cost and kick ass, featuring experts from within and abroad for a full day of talks… we would love for you to join us!

Check out the schedule of talks on the event ticket page! HamOnt UX attendees can also expect morning coffee & snacks, lunch, afternoon drinks & snacks, and an after party!

Tickets are just $20 regular, and $10 for students.

 

GameDevDrinks with Meagan Byrne and Tara Miller

 

When: Thursday October 26th 2017 from 7:00pm – 10:00pm

Where: The Pheasant Plucker at 20 Augusta Street, Hamilton, ON

Organizer: @GameDevDrinks

Register: eventbrite.ca/e/game-dev-drinks-purity-decay-tickets-39162357666?

Details:

Hey GDDers,

We invite all of you within or curious about our game development community to come and join us at the Pheasant Plucker on Thursday, October 26th for a night of good times and good cheer. This month our guest speakers will be Meagan Byrne and Tara Miller part of the development team behind Purity & Decay recently covered by CBC.

From 7:30-10:30 p.m., GameDevDrinks is the place for you to hang out and to hear Meagan Byrne and Tara Miller speak about Purity & Decay, a narrative choose your own adventure detective cybernoir. Afterwards you can chat with Meagan Byrne and Tara Miller, share your game concepts and ideas, tell and trade stories, show off game demos or just network and hang out because at GDD our goal is to create a casual and creative social environment for anyone – student, hobbyist, enthusiast and professional alike – who shares the common interest of game development of any kind.

We look forward to seeing you on the 26th!

 

Level Up with Heather Payne

 

When: Tuesday November 7th 2017 from 7:15am to 9:30am

Where: Hamilton Convention Centre – 1 Summers Lane, Hamilton, Ontario

Organizer: YWCA Hamilton

Cost: $50 individual, $500 table of 10

Register: bruha.com/event/2087

Details:

 

YWCA Hamilton is pleased to present Level Up, a speaker event focusing on advancing women’s skills, diversity, and leadership in the workplace. This breakfast event offers attendants the opportunity to learn about barriers women face in the workplace, while at the same time exploring tools and tactics that will be useful to overcoming obstacles.

 

Agenda:

7:15 am – Registration Opens

7:15-8:00 am – Breakfast Buffet

8:00-8:30 am – McMaster University Presents the EXCLerator Project Results Summary: Women & Diversity in Executive and Community Leadership

8:30-9:30 am – Keynote Speaker: Heather Payne Presents Digital Literacy: Why We Need to Know How to Make Tech

 

McMaster University Presents the EXCLerator Project Results Summary

Women & Diversity in Executive and Community Leadership

This 2017 report is the second installment of the Women & Diversity EXCLerator Project, the first comprehensive investigation into diverse leadership representation in Hamilton and Halton. This report analyzes findings against our initial 2014 benchmark data, allowing us to evaluate progress and identify setbacks in women’s leadership trajectories across nine employment sectors.

The 2017 EXCLerator project expands the scope in two key ways. First, this edition quantifies the racial diversity of Hamilton and Halton’s top leadership. Second, it adds a ‘youth sector’ to gain insight into the diversity of the regions’ youngest leaders. These additions are critical to understanding the differing experiences of ‘diverse’ leaders beyond the gender facet, as well as state of the leadership pipeline and activism in the struggle for gender and racial equity.

 

Keynote Speaker: Heather Payne, Founder of Ladies Learning Code and CEO of HackerYou

TECHNOLOGY – Digital Literacy: Why We Need to Know How to Make Tech

In this keynote, Heather Payne focuses on technology education, entrepreneurship, and women in tech. She addresses major issues such as why children aren’t learning about technology from making and maker perspectives at school, and why women are still underrepresented in the tech industry. She draws on her experience with Ladies Learning Code to give real-life examples of teaching methods that inspire students and provide innovative, hands-on learning. She tells young people and recent graduates how learning how to code can make you a more valuable and desirable employee. And, she gives us insight into how we can work to create technology that will serve us individually, as well as the much broader population. With grace, optimism, and experience seemingly beyond her years, Payne not only changes the way we view our relationship to technology and the web, but she inspires us to see what each of us is truly capable of.

 

Opportunity to help new Coding Bootcamp program

 

This Fall IEC Hamilton and Mohawk College have been running a new pilot Coding Bootcamp program for 30 adults. Over 12-weeks the participants learn HTML/CSS/JavaScript, the goal is to create opportunities for individuals that may not typically have access to knowledge economy jobs. These types of Coding Bootcamp programs have been popular with private sector for-profit educational organizations, but this is the first of its kind to my knowledge that is non-profit run and targeting this demographic.

Preliminary results have been fantastic, adults who didn’t know about text editors 5 weeks ago are now creating fairly complicated web front-ends! Each Wednesday participants hear “community talks” representing different career and educational pathways (e.g college vs. university, UX, social media manager, etc.). For example, here’s Suzanne Zandbergen at The Generator with some of the students in the program!

IEC Hamilton is applying for another Future Fund grant (due tomorrow) from the City of Hamilton to continue the program. If you would be willing to sign-up here today to say “yes, I’m interested in giving a talk at next year’s Coding Bootcamp”, we would be very grateful! It’d be an excellent show of interest/support, next year we’d reach out to make sure it works out for everyone scheduling-wise!

Thank you so much! Previous “calls to action” I’ve blasted out like this have resulted in *major* support, and we have reason to believe that support from the Hamilton tech community has made a critical difference in obtaining these grants. We really appreciate it, and will be organizing an event I’ll be sending details about in the near future to explain how companies can get involved in these exciting and growing “learn to code” programs!

 

Hacking Health Meetup tomorrow

 

When: Thursday October 19th 2017 from 6:30pm to 9:30pm

Where: McMaster Centre for Continuing Education at 1 James St. North, Hamilton

Organizer: Hacking Health Hamilton

Register: meetup.com/Hacking-Health-Hamilton/events/243534073

Details:

Nik is a Mathematics student at McMaster University with a background in data-science and machine learning. Over the past three years, he has worked in health analytics and software development in the GTA. Winner of the MedHacks – Adherence Track at Johns Hopkins University, Nik created a iOS application using a neural net model.

Yasir is working at Trillium Health Partners as a Quality and Patient Safety Consultant. Yasir’s focus is on quality improvement by incorporating human factors approach and identifying system and process opportunities during patient safety incidents. Yasir competitively play basketball in house leagues and have deep affection for Nutella.

Yasir will present: A paperless solution to communicate patient’s infection status upon admission from the emergency department.