Blog Post

A Deeper Dive into the Page Flip in Canvas/HTML5

Sign in to queue

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

Download

Download this episode

The Discussion

  • User profile image
    Raupes

    Yes we want to see!

  • User profile image
    zettersten

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

  • User profile image
    NessOdukoya

    - REAL Cool PO$T - 

  • User profile image
    tlootno

    Bring more of this type of content please! Big Smile

    Thankx

  • User profile image
    SOA Architect

    Yes please. Provide us iwht more gems like this.

  • User profile image
    SOA Architect

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

  • User profile image
    J3ff

    Fantastic, great post

  • User profile image
    Leon

    Which Windows 8 tablet device is that ?

  • User profile image
    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)

  • User profile image
    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.

  • User profile image
    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

  • User profile image
    cloudagent

    @Bearshield - 100% agree Angel

    especially for UI/layouts in SharePoint.

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

  • User profile image
    NateClark

    Yes, please demo more!

  • User profile image
    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 send us feedback you can Contact Us.