A Deeper Dive into the Page Flip in Canvas/HTML5

Download this episode

Download Video

Description

Handling Touch Inputs Across Device Browers

Here is the link to the awesome blog post by the IETeam on handling touch and mouse inputs across browsers:

http://blogs.msdn.com/b/ie/archive/2011/10/19/handling-multi-touch-and-mouse-input-in-all-browsers.aspx

Getting All the Page Flip Code

Here is a download of all the files that make up the PageFlip as well as all of the math studies leading up to it:

PageFlipSource.zip

Original Post with Walkthrough

The walkthrough of the trigonometry can still be found on the original post on my site here:

http://rbarraza.com/html5-canvas-pageflip/

Would you like to see more advanced Design focused code tutorials like this one here on Channel 9? If so, let us know in the comments below!

Enjoy,

@rickbarraza

Embed

Format

Available formats for this video:

Actual format may change based on video formats available and browser capability.

    The Discussion

    • Raupes

      Yes we want to see!

    • zettersten

      Yes this isdefinitely something I want to see more of! Great tutorial... So cool!

    • NessOdukoya

      - REAL Cool PO$T - 

    • tlootno

      Bring more of this type of content please! Big Smile

      Thankx

    • SOA Architect

      Yes please. Provide us iwht more gems like this.

    • SOA Architect

      Sorry for the typo.
      Provide us 'with' more gems like this.

    • J3ff

      Fantastic, great post

    • Leon

      Which Windows 8 tablet device is that ?

    • Sadatay

      @Leon: It's the Samsung Series 7 slate (probably the equivalent given to devs at BUILD). The series 7 slate comes with Windows 7 but you can install Windows 8 CP on it (that's what I did)

    • rbarraza

      @Leon @Sadatay That's right. Actually, it IS the Samsung Slates they gave out at Build. I didn't join MSFT till this January, so I got to get the free swag at BUILD =)

      Another lesser known feature of those tablets is if you drop Windows 8 on it, you can shoot out stereoscopic to a 3D television through the HDMI port if you know what you're doing and code it out in the new DirectX 11.1  

      I'm heads down on a ton of Metro stuff right now, but I want to put up a show just on stereoscopic 3D from DirectX 11.1 and C++ on the new Windows 8 soon ( which means after TechEd Europe, so more "soonish" )

      Thanks guys for the great support and comments. Much appreciated.

    • Bearshield

      After watching this I would vote for more content like this. With the focus on the User Experience with Metro, WP7, Win8, etc., there needs to be more design and UI/UX focused information on Channel 9. We need better design examples and guidance within the MSFT stack, especially the translation of Master Page UI/layouts such as SharePoint into HTML5/CSS3. Cool

    • cloudagent

      @Bearshield - 100% agree Angel

      especially for UI/layouts in SharePoint.

      cool stuff and yes we want more - thank you Rick.

    • NateClark

      Yes, please demo more!

    • dannyboy78

      Yes definitely more on UX, interaction design etc.  This was great!!

    Comments closed

    Comments have been closed since this content was published more than 30 days ago, but if you'd like to continue the conversation, please create a new thread in our Forums, or Contact Us and let us know.