Interactive Media – Introduction

Interactive media, right?
Whats that?
Everything is reactive, right?
Sure, but how to make something interact in a way others will understand and serve them well? That is the task we will address within our course.

Everybody wanna be cool and make a outstanding design. But grate design is grate only when people understand what is it for and how to use it. And when it works!
How to pull all those bits to a compact whole? Well it is simple, we have to understand and master the common rules first and then shift the experience further, not the other way around.
And so, we will learn the rules of interaction, acknowledge the differences between passive and interactive medium and will learn what makes interactive product functional or malfunctional.

Although physical object are still the best interactive medium it is also the most expensive to build. Fortunately we live in the Internet age which is a grate playground where we can build and test, do and redo with almost no cost.
Therefore our interaction will stay mainly within the Interweb domain and we will master this space.

Master the game:

As kids we have explored the world around by playing with the the world around us and will do the same in this course. The course will lead you through game development which gives you valuable experience of how the Interactive media works, what tools to use and most importantly enhance your creative workflow.

Source of knowledge follows…

Stay up to date, learn from giants:

https://www.smashingmagazine.com/ – leading resource of web design trends
http://www.awwwards.com/ – 365 best of the best websites every year
http://infosthetics.com/ – data visualization done right
https://css-tricks.com/ – reliable tips and tricks in CSS and more

Game catchers in web-design:

http://labyrinthclub.be/
http://cobay.es/en/
http://www.adultswim.com/music/singles-2016/
http://resn.co.nz/
http://swissarmyman.com/
http://70ans.inra.fr/
http://www.angrywifegame.com/

Some of the “local” Sources of Interactive Art:

http://www.aec.at/when it comes to interactivity of any kind the AEC is the place to go
http://zkm.de/ The Intermedia school
https://brmlab.cz/ – Prague hacker space
http://skolska28.cz/creative center focusing mostly on multimedia art

http://silver.tf/ps/portfolio/Czech multimedia guru
http://www.floex.cz/en/interaktivni.php – nice examples of simple and complex interactive projects
http://www.stanislavabraham.cz/mailnly sound based art
http://flirtman.com/computer/index.htmlsocial-mobile-interactive-art
http://amanita-design.net/the game devel n.1
http://www.playdead.com/games/limbo/ – the power of simplicity, if you haven’t play it yet
http://www.pussywalk.com/ – grate interpretation of a malfunction

Web game engines and more

https://playcanvas.com/ – if you wanna be serious
http://threejs.org/examples/#webgl_geometry_hierarchy2 – I guess you’ll love this .. don’t be afraid and tweak it!
http://processingjs.org/exhibition/ – library for artisans
http://snapsvg.io/ – svg is simply grate

Interesting huh?
So many stuff to learn, but impossible to learn all at once. That is why we will do something more simple but not less interesting. Here are couple small interactive demos with more realistic goal;

Lets get real:

http://2046.cz/chord-wheel – a simple interface helping to understand relations that are hard to grasp otherwise.
http://flexboxfroggy.com/ – double strike. Playful teaching instrument. Perfect example of meaningful interaction. CSS Learning tool.
http://railsforzombies.org/ although we are not gonna learn Ruby on Rails this zombie way is really fun

Extras:

http://www.karel1981.cz/Karel is the master pice from 80′. A learning tools of a programming language
https://developers.google.com/blockly/contemporary Karel made by Google

"This post is written for Prague College students. Feel free to explore the topic with us."