So I've just shown you the three default view states for Windows Store app: snapped, filled and full. …If we don't support this in our Windows Store game, users will get a very bad experience …when they are docking our app. …Let me go ahead show you what that default experience would be looking like. …If I grab the top of the app and I drag it over here to the left and dock it, you'll …notice the background becomes tiled and the balloons are only being rendered in the center …of the screen.…
Let's go ahead and close this and start implementing those three view states. …So the first thing we want to handle is the background. …Let's go into default.css and you'll notice right now the background-size is set to 100%. …We're going to use the same cover CSS attribute that we used previously for our image player. …This will force the background to scale to the size of the current screen. …Let's save that, and next let's go ahead and add a variable for how wide the snapped state will be.…
I'm going to do that in default.js. …
- Setting up your Visual Studio 2012 development environment
- Laying out the interface with Canvas
- Creating a game loop
- Adding a menu
- Supporting snapped, filled, and full-screen modes
- Working with the Touch API
- Playing music
- Creating a scoring and leveling system
- Working with the Application Bar
- Accessing the camera and accelerometer
- Debugging and deploying your application
Skill Level Intermediate
Visual Studio 2010 Essential Trainingwith Walt Ritscher8h 8m Intermediate
1. Getting Started
2. The Microsoft Web Platform
3. The Game Interface
4. The Game Engine
5. Screen Size Support
6. Touch Support
7. Music and Sound
8. Gaming Extras
9. Windows Features
10. Device Hardware
Using the accelerometer6m 59s
Next steps1m 29s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.