jyapayne Posted April 1, 2014 Share Posted April 1, 2014 Hey everyone! I've been working on a little app for myself that allows exporting any html5 and javascript application to a "native" desktop application. It uses node-webkit to create binaries that work on all platforms. One awesome side effect of this is that node-webkit has it's own internal server, so there's no need to have a server installed to test your application. And, by enabling the toolbar, you can debug your apps just like you would in the browser. If you'd like to test the app and give me some feedback, that would be awesome. I'm hoping this will take down a part of the barrier of setting up a server in order to use phaser. Anyways, here's the link to my project: https://github.com/jyapayne/Web2Executable There are links to precompiled binaries on the github page and you can also check out the source code to see how it works. The source is kind of ugly right now and I need to clean it up a lot, but the app works and is functional on all platforms. Let me know what you think! Cheers! fubeca6, Le Twitch, shohan4556 and 3 others 6 Link to comment Share on other sites More sharing options...
codevinsky Posted April 1, 2014 Share Posted April 1, 2014 Very nice. Gonna take a look at this tomorrow. Link to comment Share on other sites More sharing options...
BitOfGold Posted April 1, 2014 Share Posted April 1, 2014 Nice and easy to use!The executable is a bit heavy (60MB without much assets), but that's node-webkit. Link to comment Share on other sites More sharing options...
jyapayne Posted April 1, 2014 Author Share Posted April 1, 2014 @BitOfGold - Thanks! Yeah, I wish there was a way to make the exe lighter. Unfortunately, node-webkit is a beast @codevinsky - Sweet! Hope you like it! Link to comment Share on other sites More sharing options...
noxoc Posted April 2, 2014 Share Posted April 2, 2014 That looks great! Note for those who use grunt: there's grunt-node-webkit-builder. Link to comment Share on other sites More sharing options...
Wavertron Posted April 2, 2014 Share Posted April 2, 2014 Python noob here. I installed v3.3.5 plus PySide, ran the command but I get an error: --------------------------------- File "main.py", line 222 print setting.value, "does not exist" ^SyntaxError: invalid syntax--------------------------------- Then I noticed you've got a Windows exe download. So I gave that a try on my WIP game.Within a few minutes my game was running as a windows desktop app. Performance was great, sounds were playing as expected. Awesome stuff. Link to comment Share on other sites More sharing options...
valueerror Posted April 2, 2014 Share Posted April 2, 2014 couldn't get the linux executables to work.. first missing several libraries then throwing errors.. on kubunut 13.04 so i downloaded the zip file of the repo and started main.py - it works! (except that the window icon throws a "file does not exist" error - no matter what) thx very much ! the only negative thing to say here was already said (my game is 80MB big after compiling) Link to comment Share on other sites More sharing options...
Heppell08 Posted April 2, 2014 Share Posted April 2, 2014 I've been looking for something like this for a while. I already use node and node web kit. Will report back once I run my project through it. Looks very promising though! Thanks! Link to comment Share on other sites More sharing options...
jyapayne Posted April 2, 2014 Author Share Posted April 2, 2014 Python noob here. I installed v3.3.5 plus PySide, ran the command but I get an error: --------------------------------- File "main.py", line 222 print setting.value, "does not exist" ^SyntaxError: invalid syntax--------------------------------- Then I noticed you've got a Windows exe download. So I gave that a try on my WIP game.Within a few minutes my game was running as a windows desktop app. Performance was great, sounds were playing as expected. Awesome stuff. It currently does not support python 3.3, only python 2.X. I will get on supporting that Thanks for the awesome feedback! couldn't get the linux executables to work.. first missing several libraries then throwing errors.. on kubunut 13.04 so i downloaded the zip file of the repo and started main.py - it works! (except that the window icon throws a "file does not exist" error - no matter what) thx very much ! the only negative thing to say here was already said (my game is 80MB big after compiling) Hmmm, that's strange. Can you pm me the copy paste of the errors for the linux exes?Those "file does not exist" errors are just warnings. I put them there for debugging. I will update the code to only print them if debug mode is on Thanks so much for the feedback! @Heppell08: Awesome! Let me know if you have any issues or feedback once you use it! @noxoc: Thanks! Link to comment Share on other sites More sharing options...
Heppell08 Posted April 2, 2014 Share Posted April 2, 2014 So i got it to output a project, how do i get it to output the same project again with different attributes EG: width/height/cache etc? Just i'm trying it run it through again a second time with different options selected?Other than that its really nice. Also helps that i've been using Node Web-Kit for a while too so thanks!! Edit: Can't output anything else, even a different project. Any idea? Havent got any errors onscreen, just export is not allowing any clicks. Link to comment Share on other sites More sharing options...
jyapayne Posted April 2, 2014 Author Share Posted April 2, 2014 So i got it to output a project, how do i get it to output the same project again with different attributes EG: width/height/cache etc? Just i'm trying it run it through again a second time with different options selected?Other than that its really nice. Also helps that i've been using Node Web-Kit for a while too so thanks!! To output it again with different options, just select the options you want and then click export and the output folder will be overwritten with a new binary. If you want multiple binaries, you'll have to copy the folder. And you're welcome! Thanks for using it Link to comment Share on other sites More sharing options...
Heppell08 Posted April 2, 2014 Share Posted April 2, 2014 I found the package.JSON and modified that to my specification. But the problem i had was i was unable to press export on any other project and the export button was dimmed. Any idea? Link to comment Share on other sites More sharing options...
jyapayne Posted April 2, 2014 Author Share Posted April 2, 2014 Yep, that's a bug. Thanks for pointing it out. As a work around, you have to close the app and then open the project again. I'll have that fixed as soon as possible Edit: Oops, nevermind, I couldn't reproduce your error. Can you walk me through exactly what you did? If you opened the project again, you'd have to reselect the export options. That's the only reason I can think that the export button would be greyed out. You should also make sure the starred options are set as well. In order to export you need to set all of these:Project DirectoryOutput DirectoryMain fileApp Name And at least one of the export options. Link to comment Share on other sites More sharing options...
Heppell08 Posted April 2, 2014 Share Posted April 2, 2014 What i did was: Created my first project and was given the output via the app. Then i loaded the game in the exe and noticed i wanted to change the width, height and cache. Closed the exe, opened the app and made ther appropriate changes. The output was automatically recognised from my previous output. Export button would not allow me to click. But:When i deleted the old app and folder and made it create an output2 it would export but then wouldnt allow me to export again in the same output folder. I had to delete then export in a new folder. Link to comment Share on other sites More sharing options...
jyapayne Posted April 2, 2014 Author Share Posted April 2, 2014 Can you take a screenshot and send it to me with the export button greyed out and the options selected? Link to comment Share on other sites More sharing options...
Heppell08 Posted April 2, 2014 Share Posted April 2, 2014 Now i can't replicate it either :sWorking like a charm now lol. I'm not sure if i did something wrong with it but i'm not seeing any issues with it like i did earlier. I did restart my machine earlier because i removed the toolbar and taskbar so couldn't end my game. I'm beginning to think it was something on my end and not your application. Very nice bit of work into it though, something i was looking for for quite some time. Just need to get them file sizes down and it would be better. Whether thats in your power to do so anyway. Sorry for the trouble and great work!! Link to comment Share on other sites More sharing options...
jyapayne Posted April 2, 2014 Author Share Posted April 2, 2014 Awesome! Well, if you see the issue again, let me know in a PM so we don't overcrowd the post Unfortunately it's not in my power to get the exe size down. That has to do with node-webkit. Thanks for being responsive and using my app It makes me happy to know someone finds it useful besides me. Heppell08 1 Link to comment Share on other sites More sharing options...
Heppell08 Posted April 2, 2014 Share Posted April 2, 2014 Yeah i followed on twitter. I'll send you a DM there. Thanks for the app Link to comment Share on other sites More sharing options...
jyapayne Posted April 2, 2014 Author Share Posted April 2, 2014 You are most welcome, sir Heppell08 1 Link to comment Share on other sites More sharing options...
luiskcs89 Posted June 8, 2014 Share Posted June 8, 2014 Hi, I dont know if you are still supporting this, but I am trying it on Mac OS 10.9.3 and the output seems to be right, but when I open the mac app it doesnt work, do you have any idea why it might be?Thanks Link to comment Share on other sites More sharing options...
jyapayne Posted June 8, 2014 Author Share Posted June 8, 2014 Hey! Yeah, I'll still try to fix bugs, but I'm working abroad at the moment, so it's hard to find time to work on this. Are there any messages or any other information that you can give me? Link to comment Share on other sites More sharing options...
luiskcs89 Posted June 9, 2014 Share Posted June 9, 2014 I tried to open the output Game.app with the terminal and I get the following: LSOpenURLsWithRole() failed with error -10810 for the file /Applications/XAMPP/xamppfiles/htdocs/Game/output/Game/mac/Game.app. Link to comment Share on other sites More sharing options...
jyapayne Posted June 9, 2014 Author Share Posted June 9, 2014 What happens if you select a different node webkit version? ie: 0.9.1 downwards? Link to comment Share on other sites More sharing options...
luiskcs89 Posted June 9, 2014 Share Posted June 9, 2014 It gives errors after the download... your builder app says that there is an error with the zip/tar files thus it is deleting them. Link to comment Share on other sites More sharing options...
luiskcs89 Posted June 10, 2014 Share Posted June 10, 2014 Here is a screenshot Link to comment Share on other sites More sharing options...
Recommended Posts