Using JSIL to Convert Your XNA Games to HTML5 (Part 1)

I just recently learned about JSIL, after attending the August 2011 CTXNA users group.  I am really excited about JSIL because it will allow me to broaden my game audience.  I haven't yet converted any of my games, but I am in the process of setting up JSIL.  What I have learned so far just in getting it setup is that you must clone the JSIL repository and include the sub modules.

At first I was only cloning the directory without the recursive attribute and as a result I was missing several projects in my solution.

I used the following command to download it with the sub modules:

c:\mydir\>git clone https://github.com/kevingadd/JSIL.git
--recursive

After downloading it, my build was still failing because it did not have reference to XNA 3.x framework (I only have the XNA 4.0 framework).  For some reason, JSIL references XNA 3.x framework in one of the projects (Proxies.XNA3).  Therefore I had to download and install the XNA 3.x Game Studio.  If someone else knows a better way of resolving this please don't hesitate to let me know.

After I downloaded XNA 3, I was one step closer to a successful build.   In my case my build was still failing due to a post build event.  The post build event appears to be intended to copy the files from SpiderMonkey into the bin with the rest of the project.   Everything appeared to be correct there, but for some reason it was still failing. As a work around I removed the post build event and instead performed that step manually.

With all this said and done I was finally able to convert some C# code over into javascript.   I am not quite to the point where I am actually running the generated code so I am going to leave those instructions for part two of this series.

So far this is all that I know about JSIL.  Look for a second post on converting a game.

Comments

getimoliver said…
Hey Fernando,

I'm at the same point you are - I have .js converted files, but no idea how to "run" them!

I've recorded what I have so far here: http://reluctantcoder.blogspot.com/2012/02/lessons-from-using-jsil-to-convert-c-to.html

Let me know if you get to part 2 sometime.
February 11, 2012 at 1:33 PM
getimoliver said…
Hey Fernando,

I'm at the same step you are - I have converted .js files but no idea how to "run" them as a game.

I've recorded what I have so far here:

http://reluctantcoder.blogspot.com/2012/02/lessons-from-using-jsil-to-convert-c-to.html

Let me know if you write part 2!
February 11, 2012 at 1:34 PM
Post a Comment

Popular posts from this blog

Putting Files on the Rackspace File Cloud

Recently, I’ve been playing around with Asp.Net MVC and I (along with some friends) am creating an Asp.Net MVC application that can access files from our website. This means that files must display on the site as well as provide a way to download/upload them. I won’t give away all the details of the project but I will say this: Sharing photos is one of the driving forces for our project.  The files are only image type files( jpg, etc) The files must be uploaded by the users and stored somewhere within our system.  We don’t necessarily know at this time how much storage space we need but we think that we will need a little at first but possibly a lot more down the road. This means that the storage of these files must be scalable. The uploading of files must be controlled by our system.  Right off the bat we started our application and were uploading files to the web server with no problem.  We only did it this way to kind of prove our system model. We wer...
Read more

Setting Up XnaMobileUnit to run unit tests in Windows Phone 7 XNA Games

Image
Introducing XnaMobileUnit I decided to roll my own unit test framework for Windows Phone 7 XNA games.   I have a couple of reasons why I decided to roll my own.  Among them was the fact that you cannot reference regular .Net assemblies from Windows Mobile Framework.  That means that referencing NUnit was out of the question.  Also using some of the other libraries that can be used for Silverlight Applications didn't quite feel right for me. The framework that I have created, XnaMobileUnit, is very simple to use and provides all the necessary functionality to run unit tests.  I am still working on the framework to provide a few more capabilities and features, but for the most part it is ready to use out of the box.  XnaMobileUnit is open source licensed under the Apache 2.0 License and can be downloaded from http://code.google.com/p/xna-mobile-unit/ .  I recommend downloading the latest source and compiling it then referencing the new DLL. Othe...
Read more

Reasons to Stay Away from CSLA

We've been using CSLA - Component-based Scalable Logical Architecture in a product for approximately one year and while it solves quite a few problems it violates some major good practices. No Clear Separation of Layers While at the time that we chose CSLA we knew very little about domain driven design, it is no excuse for the framework to possess the data access layer within the business object. This makes it extremely difficult to separate the concerns. As a result, it is difficult to mock the data-access layer creating many problems when attempting to perform unit tests. This also puts the additional responsibility of data access on the business object class, violating the Single Responsibility Principle( SRP ). Data access layer should be totally separated from the business object period. Having the data access within the within the BO class is not the only additional responsibility placed on the class but is the most significant one I can think of. No Context Validation...
Read more