A Deeper Dive into the Page Flip in Canvas/HTML5
- Posted: Apr 16, 2012 at 3:33 PM
- 37,533 Views
- 14 Comments
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,
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.
Follow the Discussion
Oops, something didn't work.
What does this mean?
Following an item on Channel 9 allows you to watch for new content and comments that you are interested in. You need to be signed in to Channel 9 to use this feature.What does this mean?
Following an item on Channel 9 allows you to watch for new content and comments that you are interested in and view them all on your notifications page.sign up for email notifications?
Yes we want to see!
Yes this isdefinitely something I want to see more of! Great tutorial... So cool!
- REAL Cool PO$T -
Bring more of this type of content please!
Thankx
Yes please. Provide us iwht more gems like this.
Sorry for the typo.
Provide us 'with' more gems like this.
Fantastic, great post
Which Windows 8 tablet device is that ?
@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)
@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.
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.
@Bearshield - 100% agree
especially for UI/layouts in SharePoint.
cool stuff and yes we want more - thank you Rick.
Yes, please demo more!
Yes definitely more on UX, interaction design etc. This was great!!
Remove this comment
Remove this thread
close