Template of the week: Platformer HTML5 Game


    Windows 8 platformer starter kitWoot Studio , MC Funkypants and Plexi Pixel have just released a Platformer Game Starter Kit for Windows 8

    You can find more templates and starter kits here.

    Platformer games are always popular. Most of us remember the first time we made Mario hop over a mushroom or got Sonic to roll along bouncing off springs and into the air!

    Woot Studio, MC Funkypants have just released a platformer game starter kit to help game developers build a platformer game without having to start from scratch. Run, jump, launch into the air! The starter kit gives you three levels you can use as a base to explore the code you would use to create your own game. Change up the levels. Change up the artwork and have fun creating your own world to explore.

    If, like me, you lack artistic ability, you will appreciate the fact that PlexiPixel has created some royalty free art assets to go with it including characters, weapons, ships, effects, and accessories which you can download at the starter kit website!

    The starter game kit include two games: Rubba Rabbit

    Rubba Rabbit


    and Gwendolyn the Lionhearted

    The starter kit contains a Visual Studio example project of the two games that are built with the same engine. You can download the app and try it on Windows 8, it is a working game.

    Want to learn more?

    Have some fun creating your own world and take advantage of the fact someone else has done some of the heavy lifting for you! Don’t forget that Canadian developers who publish apps before mid June 2013 can get rewards through the Developer Movement!

  • Go DevMENTAL

    Game developers unite in Edmonton, Ottawa, and Vancouver (or just online!)


    Games are some of the most popular downloaded apps on mobile platforms and they are just plain fun to build! Get a jump start on building a cool game in person, or with some great online resources.

    Finally, we can get serious about games! Join us at the Windows 8 Gaming Development Clinics, we’re visiting three cities: Edmonton, Ottawa, and Vancouver. We’ll cover core Windows 8 features, development best practices, and cross-platform guidance for deploying your games.

    If you can’t be there in person, check out some of the great resources out there to help you get going with game development and have a little fun!

  • Go DevMENTAL

    How does a student get a DreamSpark account for free software and store accounts?


    DreamSparkDreamSpark gives students access to free software and free accounts for the Windows Store but how do you sign up?

    DreamSpark (https://www.dreamspark.com/) is a program that provides students with free Microsoft software. Chances are your school is already signed up for DreamSpark and all you need to do is create your own account.

    To create your DreamSpark account go here

    Enter your name, date of birth, password, and whatever email address you wish to have associated with your DreamSpark account. After you have completed all the required fields select continue to verify.


    Now, DreamSpark wants to verify that you are in fact a student. There are three ways to do this

    1. Get verified through my school – if you pick this option you will be presented with a text box, type in the name of your university or school. Then select your school name from the dropdown list

    When you select a school, you are asked to enter your university email address. This is how DreamSpark confirms that you are in fact a student at that school. Your school’s email domain name (e.g. @CarletonUniversity.com) is stored in DreamSpark for every school that is registered for the program. If you do not have a valid school email address, or your school is not listed you will have to select another method of verification.


    2. I have an ISIC card – if you pick this option you can type in your ISIC serial number or the ISIC/CIP number or your ISIC/NUS card number to prove you are a student.

    3. I have a verification code – this option requires you to enter a verification code. But where do you get a verification code? You need to reach out to a Microsoft representative or possibly a school administrator. You can also try reaching out to DreamSpark support to ask about manual verification but scanning and emailing proof of your student status to receive a verification code.


    Once you have created and verified your account, you can now download software and get codes to provide you with free Windows Store account and free Windows Phone store accounts so you can develop and publish your apps for free!

  • Go DevMENTAL

    Turn your WordPress site into a Windows 8 app without any coding. Really?


    IdeaPress claims you can create a Windows 8 app from your WordPress.com or WordPress.org site without any coding! They are right!

    As Windows 8 matures, more tools and templates are appearing to help developers and non-developers create Windows 8 apps. Today I decided to test one of those tools: IdeaPress. I’ll be testing it by creating an app from my personal WordPress.com site. If I get a chance I’ll try to do another blog with a self hosted WordPress.org site to see how that works.

    The tool: IdeaPress

    • The promise: “Transform your WordPress site into a Windows 8 App in minutes.”
    • The reality: gotta say, pretty impressed, it’s not 5 minutes, but I was submitting to the store within two hours from when I started.

    Note: For a limited time in Canada one of Microsoft’s partners, IdeaNotion, is offering 200 people a $50 Visa Gift card as a reimbursement for your Windows Store Developer Account when you publish an app using the IdeaPress tool. Email mwnwcan@microsoft.com with your blog URL to secure your Visa gift card.

    What you will need to use this tool

    • A WordPress.com site and your WordPress login information
    • A collection of images to personalize your app
    • A name and description for your app
    • A page on your WordPress blog where you can post a privacy policy (sample text for a privacy policy is provided by the tool)
    • A Windows 8 developer account (so you can publish the app)
    • A WordPress.com Account whose username and password you are willing to share with the Store Certification testing team (you can give them your account information if you want, or create a test account on WordPress if you prefer)

    How does it work?

    1. Go to Ideapress and select Login to create an account. I used my Live account, but you can use other accounts such as Facebook as well. After you create the account you will receive an email with a link to activate your account and reset your password.IdeaPress Login
    2. After you have logged in, select Start New AppStart New App
    3. Next you will go through a series of pages to enter the details for your app. The first page is Settings where you enter the URL of your WordPress site.Enter URL
    4. WordPress.com won’t allow the app to post comments to your site without permission. So when you enter a URL for a WordPress.com site IdeaPress gives you instructions to log in to the Developer WordPress site with your WordPress account and follow the instructions provided to generate a Client ID and Client Secret which you use to complete the fields on the Settings Page. The instructions are pretty clear, I didn’t have any trouble following the steps. NOTE: Make a note of the app name you enter in WordPress you will need it again shortly.Create WordPress App
    5. Once you have specified the Client ID and Client Secret from your WordPress account you can go to the General Info tab and enter an App Name and App description. The app name should be the same app name you entered when you just entered in WordPress. The description should describe the content of your blog so that someone who is browsing your app in the Windows Store understands the type of content you provide and can decide if they want to download it.App name and description
    6. Now continue to the Content Configuration Tab. On this tab choose which pages from your WordPress blog you want included in the app. Note: My WordPress site is made up of a blog page where you can view my posts and a variety of HTML pages. IdeaPress was unable to incorporate a couple of my HTML pages into the app. When I tried to select those pages I either received an error message at the bottom of the screen, or the application would spin for a while and then return with some of the pages deselected (the ones it could not include).Select Pages to include
    7. After you select the pages without receiving any error messages, continue to the Theme Configuration tab. Now, you can have some fun playing around with the look and feel of your app. Note: You even get a live preview as you make changes so you can see how the finished app will appear to the user.

    You can choose

    • Layout of your content
    • Images to display: Background image, title image (if you prefer an image such as a logo instead of text for a title on the main page), a default image to display for content read from your blog that is not already associated with an image.
    • Colors for headers, titles, background
    • Logos for your tiles
    • Images and color to display on the Splash screen that appears to the user when your app launches

    Note: IdeaPress tells you what image sizes are required for each logo or page. I used Paint to resize my images, you can also use free tools such as Paint.NET to resize images.

    Note: Even though I uploaded the images for my tile and splash screen I got an error saying I hadn’t uploaded any images. As soon as I uploaded a Default Article Image (under Layout and Theme) the error message went away, so I think Default Article image is mandatory and you just get a misleading error message when you don’t provide all the mandatory images.Theme Configuration

    8. When you have a look and feel that you like, go to the App Generation tab.

    On the App Generation tab you get to choose whether to Generate a Visual Studio Solution or an App Package.

    • Generate Visual Studio Solution – if you choose this option, you will get a package which contains a .jsproj file you can open in Visual Studio (install Visual Studio Express on your PC by downloading and installing the Windows 8 SDK). The advantage to this option is you can see the code, make changes to the code if you want to, get screenshots from the simulator, and build the app package to submit to the store yourself.
    • Generate App Package  - if you select this option, you will have to provide your Windows Store account information. IdeaPress will used this information to create and send you an app package. The advantage to getting the app package from IdeaPress is you can submit that package to the store directly without Visual Studio. NOTE: You will need a snap shot of your app when you publish it to the store, so you might want to go to the theme configuration tab and take a screen shot.

    Regardless which option you choose you will require a Privacy link.

    Your app will connect to the internet to access your blog content. The Windows Store requires any app that connects to the internet to have a privacy policy. The easies way to handle this is to add an extra page to your WordPress blog, the IdeaPress team provides an example privacy policy so you can get an idea of what information to include on the privacy policy page. Enter the URL of your privacy policy page here, and make a note of it, because when you submit your app to the store you will again be asked for the URL of the privacy policy.

    Submit app

    Finally you can check the box that says you have read and agreed to the terms and conditions and choose Submit. IdeaPress will email you a link to your solution or package and you can start the process of submitting it to the store! No coding required!

    So there you have it, if you have a WordPress.com blog site you can build and publish a Windows 8 app without writing any code!

    NOTE: My first two attempts to publish to the store failed certification, thought I would share with you why I failed certification and how I fixed it. The first time it was rejected because they did not feel I had selected a suitable category. So i changed the category to Lifestyle since my personal blog covers a fairly broad range of topics. The second time I failed because to post a comment on a post you need to log in with a WordPress account. I did not mention that in my app description, and I failed to provide an account the store certification team could use to test that feature in the Notes to testers section. Once I made those corrections my app passed certification and is now published to the store.

  • Go DevMENTAL

    Double Points for Developer Movement until May 10th!


    Developer MovementDeveloper Movement is offering Double points for every Windows 8 app you publish until May 10th and you could win a $500 gift card!

    The Developer Movement program which gives Canadian developers points for publishing cool apps to the store has a new challenge!

    Until May 10th, for every Windows 8 app you publish

    • You get double the points.
    • You’ll automatically be entered into a draw for a chance to Win 1 of 5 $500 gift cards.

    Let’s do some quick math:

    • You get 5000 points for publishing a qualifying Windows 8 app, with the double points you would get 10000 points.
    • You get a 5000 point bonus for your first app
    • You get 1000 points for registering in Developer Movement

    So that works out to 16000 points when you publish your first app, so with one app you could get a

    • Xbox 360 Kinect
    • Seagate 2TB Hard Drive
    • Sony 3D Blu-Ray Disc player
    • 10 Rubik’s Cube Mugs and 3 T-shirts

    Publish a 2nd app and you would get another 10000 points. With 26000 points you can get

    • Samsung 21.5” LED monitor
    • 6 Star Wars LightSaber Umbrellas and 2 Shaker Blender bottles

    If you were on the fence about whether to build that app idea that’s been buzzing around your head, or finishing up and publishing that app sitting unfinished on your laptop, this is a pretty nice motivation to get coding.

    Don’t forget students can publish for free, and there is a great Windows 8 Getting Started Guide at DreamSpark.com

Page 1 of 3 (11 items) 123