Ren'Py for the web browser
Ren'Py for the web browser
Hi,
A few month ago I ported the old-style 2D/RPG Dink Smallwood desktop game to the web.
Since then I've been experimenting on porting the next best thing in the browser: Ren'Py
After lots of pitfalls and dead-ends, several layers of portability, I'm glad to present a first working tech demo!
https://renpy.beuc.net/demo/
Also I'm freelance/self-employed and I'd very much like to dedicate more time on this so it can be 100% functional and integrated in the standard Ren'Py in the end, so I've setup a Patreon if you want to the project get out [faster]
https://www.patreon.com/Beuc
More info on this project at:
https://renpy.beuc.net/
-
EDIT: now integrated in Ren'Py!
Naturally I'd very much welcome your feedback (does it work for you, what browser...)
A few month ago I ported the old-style 2D/RPG Dink Smallwood desktop game to the web.
Since then I've been experimenting on porting the next best thing in the browser: Ren'Py
After lots of pitfalls and dead-ends, several layers of portability, I'm glad to present a first working tech demo!
https://renpy.beuc.net/demo/
Also I'm freelance/self-employed and I'd very much like to dedicate more time on this so it can be 100% functional and integrated in the standard Ren'Py in the end, so I've setup a Patreon if you want to the project get out [faster]
https://www.patreon.com/Beuc
More info on this project at:
https://renpy.beuc.net/
-
EDIT: now integrated in Ren'Py!
Naturally I'd very much welcome your feedback (does it work for you, what browser...)
Last edited by Beuc on Mon Sep 30, 2019 12:19 pm, edited 8 times in total.
- PyTom
- Ren'Py Creator
- Posts: 16096
- Joined: Mon Feb 02, 2004 10:58 am
- Completed: Moonlight Walks
- Projects: Ren'Py
- IRC Nick: renpytom
- Github: renpytom
- itch: renpytom
- Location: Kings Park, NY
- Contact:
Re: Ren'Py for the Web - first version
This is officially one of the coolest things I've ever seen.
Edit: Would you mind pming me, when you get a chance. I'd be interested in how you managed to get Ren'Py running inside the browser, since it seems like you would have had to eliminate the threading from the main loop. I didn't think that would be possible - I'd like to know how you did it, and see if we can integrate these changes into Ren'Py proper so they don't go stale.
Edit: Would you mind pming me, when you get a chance. I'd be interested in how you managed to get Ren'Py running inside the browser, since it seems like you would have had to eliminate the threading from the main loop. I didn't think that would be possible - I'd like to know how you did it, and see if we can integrate these changes into Ren'Py proper so they don't go stale.
Supporting creators since 2004
(When was the last time you backed up your game?)
"Do good work." - Virgil Ivan "Gus" Grissom(When was the last time you backed up your game?)
Software > Drama • https://www.patreon.com/renpytom
Re: Ren'Py for the Web - first version
Thanks!
Glad to hear you're willing to include web-related changes in standard Ren'Py
Currently I have mods in lots of components (Ren'Py and non-Ren'Py), I'm progressively isolating and cleaning each so they can be officially included.
(also sent PM with more technical stuff)
Glad to hear you're willing to include web-related changes in standard Ren'Py
Currently I have mods in lots of components (Ren'Py and non-Ren'Py), I'm progressively isolating and cleaning each so they can be officially included.
(also sent PM with more technical stuff)
Re: Ren'Py for the Web
Hey,
I made some improvements, now it's faster with Firefox, and there's initial sound support.
I also added the Tutorial for testing.
More importantly, you now can test your own local game in the web player:
Check https://renpy.beuc.net/ , share the news if you like this project, and leave feedback!
I made some improvements, now it's faster with Firefox, and there's initial sound support.
I also added the Tutorial for testing.
More importantly, you now can test your own local game in the web player:
Check https://renpy.beuc.net/ , share the news if you like this project, and leave feedback!
Re: Ren'Py for the Web
New version uploaded at https://renpy.beuc.net/
- Improve performances (WASM support) for Chrome/Chromium
- Contribute transparency (alpha) fix in official Emscripten
- Start structuring the compilation process to test multiple emscripten versions/patches
Feedback welcome!
- Improve performances (WASM support) for Chrome/Chromium
- Contribute transparency (alpha) fix in official Emscripten
- Start structuring the compilation process to test multiple emscripten versions/patches
Feedback welcome!
- PyTom
- Ren'Py Creator
- Posts: 16096
- Joined: Mon Feb 02, 2004 10:58 am
- Completed: Moonlight Walks
- Projects: Ren'Py
- IRC Nick: renpytom
- Github: renpytom
- itch: renpytom
- Location: Kings Park, NY
- Contact:
Re: Ren'Py for the Web
That really is much nicer in Chrome. I'd say that with the exception of the stuttering in sound, it's rapidly getting playable.
Supporting creators since 2004
(When was the last time you backed up your game?)
"Do good work." - Virgil Ivan "Gus" Grissom(When was the last time you backed up your game?)
Software > Drama • https://www.patreon.com/renpytom
Re: Ren'Py for the Web
Thanks for testing and sharing the feedback, much appreciated.
I myself get audio jitter at game interactions in Chrome, and normally not in Firefox (except sometimes when it happens all the time).
After more testing the bottleneck doesn't seem to be the audio decoding, but simply the rest of Ren'Py taking too long.
Due to a limitation in today's WebAudio, audio is not completely separate, see this fix attempt.
I plan more testing to see if there's a better way.
I myself get audio jitter at game interactions in Chrome, and normally not in Firefox (except sometimes when it happens all the time).
After more testing the bottleneck doesn't seem to be the audio decoding, but simply the rest of Ren'Py taking too long.
Due to a limitation in today's WebAudio, audio is not completely separate, see this fix attempt.
I plan more testing to see if there's a better way.
Re: Ren'Py for the Web
This week's progress:
- Presplash image
- Image prediction now working
- Open web links in a new tab (you'll get a popup warning though, I don't think that can be bypassed)
- emscripten: now can query current WebGL attributes (notably alpha/transparency)
- Audio optimization tests. My current opinion is we'll need multithreading support to get better perfs; this requires me to contribute more with the Emscripten project as well as incoming support in the browsers (more precisely "SharedArrayBuffer" - Chrome starts enabling it but it doesn't work for me yet, and in Firefox you can enable it with a few clicks).
- SharedArrayBuffer experiments
Let me know how well/bad that works for you.
- Presplash image
- Image prediction now working
- Open web links in a new tab (you'll get a popup warning though, I don't think that can be bypassed)
- emscripten: now can query current WebGL attributes (notably alpha/transparency)
- Audio optimization tests. My current opinion is we'll need multithreading support to get better perfs; this requires me to contribute more with the Emscripten project as well as incoming support in the browsers (more precisely "SharedArrayBuffer" - Chrome starts enabling it but it doesn't work for me yet, and in Firefox you can enable it with a few clicks).
- SharedArrayBuffer experiments
Let me know how well/bad that works for you.
Re: Ren'Py for the Web
Hello, With Android can not run your projects onlineBeuc wrote: ↑Sun Oct 21, 2018 4:14 pm This week's progress:
- Presplash image
- Image prediction now working
- Open web links in a new tab (you'll get a popup warning though, I don't think that can be bypassed)
- emscripten: now can query current WebGL attributes (notably alpha/transparency)
- Audio optimization tests. My current opinion is we'll need multithreading support to get better perfs; this requires me to contribute more with the Emscripten project as well as incoming support in the browsers (more precisely "SharedArrayBuffer" - Chrome starts enabling it but it doesn't work for me yet, and in Firefox you can enable it with a few clicks).
- SharedArrayBuffer experiments
Let me know how well/bad that works for you.
Black screen
Renpy textbook (in Russian). https://disk.yandex.ru/i/httNEajU7iFWHA (all information is out of date) Update 22.06.18
Sawa - a game of the Drow Nation
Honest Critique
Poses in visual novels, or how to hold a character properly in the frame
Help save articles to the webarchive. [/color]
Sawa - a game of the Drow Nation
Honest Critique
Poses in visual novels, or how to hold a character properly in the frame
Help save articles to the webarchive. [/color]
- Imperf3kt
- Lemma-Class Veteran
- Posts: 3794
- Joined: Mon Dec 14, 2015 5:05 am
- itch: Imperf3kt
- Location: Your monitor
- Contact:
Re: Ren'Py for the Web
Android's Google Chrome is actually Chromium. I'm not sure about Firefox, but my guess is maybe the browser?
Warning: May contain trace amounts of gratuitous plot.
pro·gram·mer (noun) An organism capable of converting caffeine into code.
Current project: GGD Mentor
Twitter
pro·gram·mer (noun) An organism capable of converting caffeine into code.
Current project: GGD Mentor
Re: Ren'Py for the Web
Thanks for the screenshot!
I got this myself when testing on Android today:
- with the stock browser, I couldn't get the reason
- with new Firefox and Chromium (and remote debugging) I was told "out of memory"
With Android Firefox this works sometimes, so I suspect my phone indeed doesn't have enough memory to run RenPyWeb (I have 2BG, these web things are hungry) :/
Maybe there's a way to optimize the memory footprint.
I also should check how to make these errors more visible, they are hidden by default.
I got this myself when testing on Android today:
- with the stock browser, I couldn't get the reason
- with new Firefox and Chromium (and remote debugging) I was told "out of memory"
With Android Firefox this works sometimes, so I suspect my phone indeed doesn't have enough memory to run RenPyWeb (I have 2BG, these web things are hungry) :/
Maybe there's a way to optimize the memory footprint.
I also should check how to make these errors more visible, they are hidden by default.
Re: Ren'Py for the Web
Last week-end's report:
https://www.patreon.com/posts/22374070
https://www.patreon.com/posts/22374070
- ComputerArt.Club
- Veteran
- Posts: 427
- Joined: Mon May 22, 2017 8:12 am
- Completed: Famous Fables, BoPoMoFo: Learn Chinese, Santa's workshop, Cat's Bath, Computer Art Club
- Location: Taiwan
- Contact:
Re: Ren'Py for the Web
Wow! This is cool! I'm surprised it hasn't received more attention! Well done!
Facebook:
Renpy Creators and Enthusiasts Facebook Group
My latest game:
Famous Fables: Read, Learn and Play - Android App for teaching children to read
Creative Commons stuff:
Shape transitions,
100+ 360° photos of Japan,
Re: Ren'Py for the Web
Thanks!
If you've got suggestions on where to reach out fellow VN devs, I'm all ears
If you've got suggestions on where to reach out fellow VN devs, I'm all ears
Re: Ren'Py for the Web
This week-end's report:
https://www.patreon.com/posts/22511655
https://www.patreon.com/posts/22511655
Who is online
Users browsing this forum: No registered users