Archive for the ‘Flash’ Category

Sheridan Interactive Media Doubles HTML5 Teaching by adding CreateJS

October 29, 2014

Sheridan Interactive Media (IM), formerly Sheridan Interactive Multimedia (IMM), has taught both the HTML side and the Flash side of Interactive Media for over fifteen years. Now, with improvements in HTML and overwhelming industry support, IM will take the teaching hours from Flash and apply them to advanced interactivity in HTML, CSS and JavaScript commonly known as HTML 5 but perhaps it would be more accurate to use the acronym: HCJ.

HTML5Professor, Dan Zen, has been one of the longest standing supporters of Flash having amassed countless libraries of code – for instance his Flash Feathers series of advanced interface classes: http://flashfeathers.com. He will now work his way through the converting classes to the HCJ platform as have many Flash coders before him.

Flash Feathers

Advanced Interfaces in Flash to be converted to HTML 5

In addition to past Flash features, Zen has been building informational Web pages and apps in HCJ for many years and last year launched one of the most complex HCJ parallax projects for the entrance to the Dan Zen Museum at http://danzen.com.

Visitors can swipe, drag, mousewheel or page up the stairs of the museum and the characters on the stairs move in 3D parallax. “In a sense, the Museum steps project was a test to see the performance of HTML 5 and it turned out very well.” says Zen.

The museum feature was built using the CreateJS framework http://createjs.com and more specifically EaselJS to manipulate the new Canvas tag in HTML 5.

CreateJS - JavaScript Libraries for Interactive Experiences

CreateJS – JavaScript Libraries for Interactive Experiences

Grant Skinner, who founded the CreateJS libraries is a renowned Flash developer who moved over early to help out the HCJ world. Skinner says:

“We are excited that the CreateJS libraries and tools are being taught by prime educational institutions like Sheridan. Sheridan graduates have a strong influence on the interactive media culture and they will surely add to the success of CreateJS being used in creative digital applications such as Professor Zen’s Museum.”

Zen explains, “Removing Flash will essentially double the time applied to the HCJ platform allowing the students to go deeper into more advanced interaction like multiuser, physical computing, gaming and mobile apps essential to advancing our Canadian digital culture.”

We look forward to an exciting year in Interactive Media.

logo_s

-14-

Advertisements

Tech Studio Projects Fall 2013

December 11, 2013

Take an Arduino boards, add some sensors, mix in some code and action figures and you have the Fall 2013 Tech Studio Projects. A series of interactive projects ranging from a cookie jar alarm system, Artduino (the marriage of art and Arduino) and a sound visualization.1476003_10152056713438293_999269550_n

More projects and pictures on our Facebook page.

Sheridan Interactive Multimedia Open House 2012

April 20, 2012

Sheridan Interactive Multimedia Open House 2012

Sheridan Interactive Multimedia invites you to their Open House 2012

// Tuesday May 1, 2012
// 4PM – 7PM
// Studio Huddle
// 97 Niagara Street, Toronto

Come see the latest in Mobile, HTML5, Flash AIR, Augmented Reality, 3D and more!

Our Post-grad Graduates would like you to meet them and view their portfolios.
Partake in refreshments and mingle with the Interactive Industry.
Please bring colleagues and you are encouraged to pass along the invite.

http://imm.sheridanc.on.ca/openhouse/2012/

http://facebook.com/events/289635944448455/

See you there!

Dan Zen & IMM Crew.

Professor & Coordinator
Sheridan Interactive Multimedia
Canadian New Media Educator of the Year 2008
http://imm.sheridanc.on.ca/

PS – portfolios currently online are still being completed.

Japan visits Sheridan Interactive Multimedia class of 2012 – Pictures!

October 19, 2011

 

Japan Visits Sheridan Interactive Multimedia

The Osaka University of Electro Communications students of Gaming and Media came to visit Sheridan and are pictured below hanging out with the Sheridan Interactive Multimedia Post Grad class of 2012.  We went on to show our Gesture technology – waiving our hands at the camera to control motion in the computer.  We showed how it was done and made working applications.

Sheridan Interactive Multimedia Students’ Fist-Bump App a Success at FITC Conference

May 6, 2011

The Sheridan IMM Fist-bump booth at FITC 2011 - Scan Screen

FITC, one of the largest and longest running design and technology conferences in the world, had its 10th anniversary and the Sheridan Interactive Multimedia students provided an installation piece using Flash and FLAR (Augmented Reality) connected up to Facebook for a social media connection.

The installation let visitors digitally fist-bump each other (10 year anniversary) with the winner being the person with the most fist bumps.  The process was to first find out who they were by scanning a FLAR marker on their conference badge then to capture their face for a customizable avatar.  At this point they could also connect their marker to their Facebook account.  On a big screen, they scanned again to fist-bump a challenger who had followed the same process.  Big fists did the bumping, the totals were tallied and the winner was presented along with the custom avatars.  It was always a laugh seeing people’s avatars.  Your bump partner’s contact info was then sent off to Facebook.

Visitors at the Fist-bump installation + custom avatars

Animated fists doing the bumping - 10 fingers!

Overall there were about 400 unique fist-bumpers and lots of smiles and contacts made.  Congrats to the group for their hard work: Abeiene Nejar, Antonio Carito, Cherry Argana, Darren Neville, Jacky Kam, Joanna Ong, Justin Howlett, Tyler Lindo and Tyson Leslie.  The students explored a wide range of advanced interactive technologies such as augmented reality, face recognition, social media API’s, as well as traditional work with coding, motion graphics and database work.

Some of the members of the Sheridan IMM Fist-bump Team

If you would like to talk to the students or find out more about the project and program, please note we are having an open house on Friday, May 13 – click SUPERSTITION to find out more.  Thanks to Shawn Pucknel at FITC for providing the students with such a great opportunity.

-2011-

S U P E R S T I T I O N – Sheridan Interactive Multimedia Open House

April 21, 2011

S U P E R S T I T I O N

Friday the 13 at Function 13 at 13:00 hours!
http://imm.sheridanc.on.ca/openhouse/2011/

Our IMM Post-grads will show their work with respect to:

* Flash Mobile for Android and iPhone
* JQuery for Mobile Web Apps
* Gesture Technology for Gesture Tek Cube
* FLAR Augmented Reality & Arduino
* Games, Apps, Sites, Social Media API’s and More!

Be there or be HEXED! #cc0000 #eeeeee #13aa00

Dan Zen

Professor, Coordinator of Curriculum and Industry Liaison
Sheridan Interactive Multimedia
Canadian New Media Educator of the Year 2008
http://imm.sheridanc.on.ca/

Mad inventor meets Internet finds peace
Canadian New Media Awards Programmer of the Year 2002
http://www.danzen.com/

~2011~

Creating Mobile Games and Apps a Reality for Sheridan Interactive Multimedia

February 28, 2011

After ten years of prototyping mobile apps… WAP (2001), Flash Lite Apps for PDA’s (2005) , tilt emulators (2008), etc. we finally have games and apps running on real mobile devices at Sheridan Interactive Multimedia one-year post grad program.

We had a few running second term last year but now all the students have them on iOS, Android with Windows Mobile 7 and Blackberry just around the corner.  In class we have a dozen iPhone, iPod Touc, iPads, Android ViewSonic and Samsung Galaxy devices.  The students have apps up and running on the devices primarily through using the Adobe Flash / AIR packagers for iOS and Android which lets them build once and publish across many devices.  We have a quick look at the native iOS apps as well and some of the students have done personal project work in this area.

Tyson Leslie's Punch Driven Android App

The tools and techniques to prepare apps for mobile devices are still in their early stages often requiring a dozen steps with installs and command lines, etc.  to run emulators, handle signing, etc.  We have been working through these steps in our second term Multimedia Pioneering course and some of the notes and discussion can be found on our Flash to Mobile Facebook group which is open to everybody to join.  The skills to build the applications in general are embedded in our other courses from Web Authoring, Motion Graphics, Web Design and Application Development where Web based apps are also looked at.

William Chong's DumbBots

The response from the students when seeing their apps on actual devices was so exciting.  Here are a few blog posts of the experience – certainly not all roses but that’s what happens when you pioneer technology.

Will – http://interactivewill.wordpress.com/
Greetings Pioneers! Let’s continue the MOBILE-STREAK!

Joanna – http://ongjf.wordpress.com/
At last, I finally got some of my flash applications into the iphone! I’ve been waiting for this moment since the start of the term!!

Antonio – http://otiracimm.wordpress.com/
I can now put my apps on Android devices!

There were many more and we look forward to presenting the apps at our Open House in April or May – stay tuned!

-2011-

Four of Seven RIM PlayBook Demos by Sheridan Grads!

February 28, 2011

RIM Blackberry Playbook Tablet

Research in Motion (RIM) came in to the FITO user group – one of the largest Flash user groups in the world to demonstrate apps running on their new tablet, the PlayBook.  The audience of over 100 developers and designers found the speed, interface and quality of the Playbook to be just dandy – it was nice to get my hands on one even for a short time.

What was really nice to see for us at Sheridan was that Three of the demonstrators of apps running on the Playbook were from our Interactive Multimedia Program and two other presenters are with Jam 3 which was started by IMM’ers and another speaker was from the Sheridan Computer Graphics program.  So that left only one presenter, Matt Rix of TrainYard fame (and fortune) as the non-Sheridan connection.  Matt’s ScoreKeeper app looked and ran great – super interface work.

Sunil John demonstrates Robot Skinning RIM Playbook App

Sunil John (IMM2010) presented his 3D Robot Skinning App, Salpy Kelian (IMM2009) showed a recipe app, Matt Fabb (IMM2001) showed a StickerYou app and Hugh Elliot (CG1999) showed his haiku movie sorting app.  Both Salpy and Sunil are with Jam 3 so they had four presenters there that night – wow!

 

Matt Fabb Demonstrates Sticker You PlayBook App

Salpy Kelian cooks up a storm on the PlayBook

Hugh Elliot's Movie Haiku app on the BlackBerry Playbook Tablet

Sheridan IMM Program Coordinator of Curriculum, Dan Zen, attended and is now currently creating a PlayBook app using Flash Builder Burrito – and digging the tooling.  He says, “I find it a lot easier, straight-forward and powerful compared to the xCode / Interface Builder on the Mac for iOS – but then again, I have been working with Adobe tools for years. ”  The experiences of working with Mobile can somewhat be found on the facebook – Flash to Mobile group we started.

-2011-

Photos courtesy of Michelle Messina adjusted by Dan Zen.

Creating Sites, Apps and Social Media for The Lieutenant Governor of Ontario, FITC Design Conference, and Almost Naked Animals Sites through Sheridan Interactive Multimedia 2011 Client Projects

February 19, 2011

Sheridan Interactive Multimedia 2011 client projects consist of sites, social media and apps for The Lieutenant Governor of Ontario, the FITC Design Conference, and the Almost Naked Animals TV show.  We are doing a couple projects for each of the latter two and working with the Sheridan York Design program on His Honor’s site.  The client projects are part of the one year post grad curriculum and are managed through our Project Management course drawing from each of the other courses for content design and creation.  http://imm.sheridanc.on.ca

THE LIEUTENANT GOVERNOR OF ONTARIO
It was a great experience for our faculty and student to meet His Honour and hear his vision for a more interactive and social Web presence including facebook, Twitter and YouTube channels.  The students look forward to the challenge of designing for fresh ideas while reflecting our heritage.

Sheridan Interactive Multimed Designs the Lieutenant Governor of Ontario Website and Social Media

Sheridan Interactive Multimedia Group (right) Meets with His Honour

FITC DESIGN CONFERENCE
FITC Toronto is one of the largest and longest running design events in the world: http://www.fitc.ca.  The students are creating an interactive installation at the conference combining spatial id (RFID tags or QR codes) with head/eye tracking video and Adobe Flash.

FITC Design Conference Features Sheridan Interactive Multimedia Students

ALMOST NAKED ANIMALS
Students are making games for Web and perhaps Mobile for Almost Naked Animals the TV show that airs on YTV Kids television network .

Almost Naked Animals works with Sheridan Interactive Multimedia Students


So… certainly a variety of projects for this year’s designers and developers in the one year post grad, Sheridan Interactive Multimedia program.  If you are interested in seeing what the program entails, please visit our http://imm.sheridanc.on.ca site and check out the Course Outlines.  There are also links to apply for September.  So please pass along the news.

-2011-

Sheridan Hosts the 2010 Ontario Colleges Marketing Awards with help from Animation and Interactive Multimedia (IMM) Volunteers

December 7, 2010

The three-screen setting for the OMCA Quiz Bowl

The Sheridan Faculty of Business was responsible for hosting the 2010 Ontario Colleges Marketing Awards.  Keith Barnwell approached Animation and snagged Professor David Quesnelle but realized that he wanted interactivity with an animated co-host for the Quiz Bowl.  They were led to Sheridan Interactive Multimedia and found Professor, Dan Zen (me).

Dan Zen thought to use his animating to sounds in Flash skills to make the idol mouth, eyebrows and arms animate to the voice of an unseen actor (David) behind the curtains.  Yes… very wizard of oz – prompting facebook status lines, “I am off to be the wizard”.

Osci head animates to voice at the OCMA Quiz Bowl

The Quiz Bowl was amazing!  14 teams of four students each in an energetic round robin trivia showdown!  The teams were made up of mixed Ontario College students in Business and Marketing.  What energy in the crowd with fans all dressed up and chanting and energized by vases of candy!  See the Flickr pictures here: http://www.flickr.com/photos/danzen/sets/72157625547244278/.  Perhaps view as a slideshow.

Peggy (Questions), Keith, Dan Zen, & David

Keith, David and Dan worked hard for a few months (356 emails) creating the tools and screens to operate the Quizbowl.  Dan Zen built the tools in Flash with characters from David and direction from Keith:

  • Main Screen: Osci talking Idol Head and score board
  • Scorekeeper Tool: remotely connected to the main screen to change the scores
  • Team Screens: two team screens with bobble head Hollywood mascots and questions, answers, timer and trivia
  • Team Tool: brought mascots on and off stage, operated round robin questions and timers

Keith was the Master of Ceremonies, David was the man behind the curtain with Osci, Charlene was the scorekeeper, Dan Zen operated two computers each with dual monitors to coordinate the team screens and Joanna, a volunteer from IMM, helped keep Dan  on track.

“I felt like I was a VJ mixing sounds and videos for a crowd of ravers!  We had a curtained off booth with all this equipment and the crowd was so into the game and teams!  Wow – what an experience!” recounts Dan Zen.

Osci and the Host had banter going all the time bringing up the score board and tucking it away – commenting on scores and team mascots – like Maryln Monroe made him melt…  Dan Zen would bring teams on and off and handle questions and timers as follows:

  • Mascots are dimmed and bobble heads stopped as the question is read
  • If a team buzzes in before the question is fully read, they get a 30 second timer
  • If they get it wrong, the question is fully read and the other side gets a 15 second timer
  • If they first team gets it right, they wave flags and the timer gets put away
  • If the question is completely read initially then the question is shown on both screens and both teams have 15 seconds to buzz in
  • There are 10 questions per game and dozens of games over 4 or 5 rounds with tie breakers and extra questions
  • Teams have to go in and out on their own screens and trivia is synced across two screens

These requirements made for quite the complex tools and operations but with the right hotkeys and menus, the event went almost flawlessly.  There was a time when the question was flashed before it was read, the question was read and judges judged both teams had an opportunity to read it.  There was also a contested question reading that resulted in a rematch including extra questions.  The system handled this perfectly and it was a very proud moment to have planned so well.

Team Screen for OCMA Quiz Bowl

Here are links to the tools with the Team Screen just set to animate randomly.  The tools need to be run together in slightly special ways to work fully.

  • Main Screen: SCREEN STATES:  P – peek,  Z – nothing,  X – idol,  C – score,  V – idol & score, SPACE – toggle idol, 0-9 – volume (0 is off 9 is most sensitive),  left / right – head tilt  down – look down, up – head reset to normal,  \ – head spin.
  • ScoreKeeper Tool – (sample will not actually change the score)
  • Team Screen – need to run the Team Tool in another browser to operate Team Screen
  • Team Tool – run with the Team Screen to control the characters and questions

OCMA Quiz Bowl Team Tool

All in all, it was a wonderful experience using interactive multimedia for a presentation show like this.  It was very successful.

The skills needed to make applications like this are learned in the Sheridan one-year post grad program, Interactive Multimedia.  Sheridan also has a number of excellent animation and business/marketing programs.  It should be noted that Sheridan swept the Marketing Awards held the following night.

-2010-


%d bloggers like this: