ZIM js JavaScript Framework

Canvas Components, Controls and more!

Five Basics of Interactive Media

Digital Interactive Media started in the nineties as Interactive Multimedia with the distribution of CD-ROMs primarily made with Macromedia Director.  Over the next decade, Internet popularity and speeds increased and Interactive Media was migrated to Macromedia Flash and on to Adobe Flash.  Now, with the decline of the Browser plugin and the addition of the HTML Canvas, we can use JavaScript to code Interactive Media.

Throughout this time, I have been developing Interactive Media for features such as the award-winning “Understanding McLuhan” CD-ROM, and my own many projects at Dan Zen for which I received the Canadian New Media Awards programmer of the Year in 2002.  I teach Interactive Media at Sheridan College in Canada and received the Canadian New Media Awards Educator of the Year in 2008.  For the last four years I have moved from teaching Flash to teaching coding on the HTML Canvas with the ZIM Framework powered by CreateJS and in 2017 won the Hamilton Media Arts Award for development in ZIM and development of ZIM.

INTERACTIVE MEDIA HAS NOT CHANGED

For twenty-two years, I have been very entrenched in what I am building – both in a theoretical and practical way.  Please believe me, when I say – the basics of Interactive Media have not changed.  So let’s take a look at the basics as presented in our modern day JavaScript framework for the HTML Canvas.  We have had the benefit of multiple generations, so coding is getting more consistent and settled – making it easier to learn, and ZIM provides many tutorials to help beginners to advanced levels.

BASICS OF INTERACTIVE MEDIA

Below we will explore the code to accomplish the basics of Interactive Media but before we do we should note that these are created with basics of coding:

PROGRAMMING BASICS:  variables, conditionals, functions, loops, arrays, random numbers, and all the syntax of keywords, expressions, operators, statements, etc.

OBJECT ORIENTED BASICS: classes, objects, properties, methods, events, and their features of abstraction through inheritance, polymorphism and encapsulation.

Above and beyond the coding basics, we have the Interactive Media basics:

PART 1 – ASSETS

PART 2 – ANIMATION

PART 3 – DRAGGING

PART 4 – HITTING

PART 5 – NESTING

CONCLUSION

%d bloggers like this: