Converting an HTML/Javascript Project into an Executable

Question

So I'm working on a just for fun project to get practice using HTML/CSS/Javascript.

I'm using Aptana to write all my code and it is currently set up to run and work in a browser (obviously) it's a text adventure game.

It would be really cool though to be able to compile the code into an executable file that runs in its own window, not in a browser.

Is this something relatively easy to accomplish?

Thanks in advance for any help! :)

What OS are you targeting? What you need is to create your own web browser, but that doesn't mean from scratch. If you are targeting Windows, you can easily write an application that includes the part of Internet Explorer that does all of the work for you. There's also Gecko and Webkit, but those are much more work to integrate. — Brad
– Brad, Commented May 20, 2013 at 0:40
First thought: AutoIt and InternetExplorerObject. Then you just have to open the Exe and voila, it will go with you. — ultima_rat0
– ultima_rat0, Commented May 20, 2013 at 0:41

Community · Accepted Answer · 2017-03-20 10:18:17Z

1

FF and Chrome provide a function to run a custom website in an app mode. That means no menubars, no addressbar and a complete window for the website. Maybe this is already what you are looking for.

http://www.rarst.net/software/dedicated-web-app-window/

https://superuser.com/questions/33548/starting-google-chrome-in-application-mode

https://superuser.com/questions/171235/does-internet-explorer-have-something-equivalent-to-chromes-app-mode

But if you are interested in compiled code for speeding up your game, this is not the way to achieve this.

edited Mar 20, 2017 at 10:18

CommunityBot

11 silver badge

answered May 20, 2013 at 0:55

user1085665

Sign up to request clarification or add additional context in comments.

Comments

ultima_rat0 · Accepted Answer · 2013-05-20 00:54:35Z

1

For Windows as OS see http://www.autoitscript.com/autoit3/docs/libfunctions/_IECreateEmbedded.htm

AutoIt is a scripting language for basically everything (with automation). SciTE is the editor to go.

In the example of the _IECreateEmbedded function, just change:

_IENavigate($oIE, "http://www.autoitscript.com")

to

_IENavigate($oIE, "file://.../thegame.html")

Very simple, you just have to copy-paste it and build it - you can even build it Online: AutoIt Online Compiler

edited May 20, 2013 at 0:54

answered May 20, 2013 at 0:45

ultima_rat0

2902 silver badges8 bronze badges

Comments

NickSlash · Accepted Answer · 2013-05-20 01:04:36Z

1

There are many different ways you can acheive this.

If you're only targeting windows machines, then creating a HTA would be the simplest approach.

The modification to the structure of your existing code would be minimal, its essentially changing the file type and adding an extra couple of tags in. If you wanted a single file, instead of an exe and any resources (images etc) that you use you would have to base64 encode your images, and insert external scripts into the main page.

for information about embedding images and icons into a hta: http://www.john-am.com/2010/07/building-a-self-contained-hta-with-embedded-images-and-icons/

You could also use AppJS, node-webkit or similar type projects, but they would add around 30MB of stuff thats not being used.

edited May 20, 2013 at 1:04

answered May 20, 2013 at 0:48

NickSlash

5,1954 gold badges25 silver badges41 bronze badges

Collectives™ on Stack Overflow

Converting an HTML/Javascript Project into an Executable

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related