is it possible to make otclient on web browser?

[OT Archive]

Now I know why client don't go over 240 FPS even with V-sync disabled:

The frequency of calls to the callback function will generally match the display refresh rate

So I can't go infinite FPS and compare how many Web Client is able to generate compared to Mehah .exe.
I've compared it with 240 FPS on Windows, both clients use around 10% on GPU, but .exe uses only 2-3% CPU (less than 1 core 100% CPU speed) and Chrome with client uses 8-10% CPU (10% of 32 threads is 3 CPU cores going 100%).

EDIT:
I also got report from someone playing on cheap laptop with integrated GPU: it's unplayable. He had a lot of problems with downloading client, then with loading client and final in-game FPS is unplayable.

@Gesior.pl I was able to greatly reduce CPU usage of the connection and now the main CPU hog is webgl committing the frames. Seems to have improved things a bit.
If you have issues starting the client. please clear browser cache or try incognito mode.

 

[n3crozzy]

Are you trying with the demo version? If so, there are no assets.
If you just want to test the gameplay, prepare a .zip with init.lua, data and modules and use the modular version. Don't forget the 13.40 assets.

Here is a video showing the demo and then the modular version:

Post automatically merged: Oct 3, 2024

If you compile your own, you can have your files and assets preloaded. The compiled versions I've published are this way to avoid hosting copyright protected material.

What OTC version is this? I need this look for 8.6, no hotkey, no bot. Can you please tell me ?

 

[OT Archive]

What OTC version is this? I need this look for 8.6, no hotkey, no bot. Can you please tell me ?

It's just OTClient Redemption (mehah) compiled to wasm.

 

[OT Archive]

On my Samsung phone with Opera/Chrome browser it downloads client and starts it, but clicking on text fields does not open phone's on-screen keyboard, so I cannot login. IDK Mehah OTC, but maybe some option in data.zip must be enable to make it work with phone.
View attachment 87545

I have added basic mobile support:

• Handle touch events;
• Long press for right click;
• Use VirtualKeyboardAPI to show keyboard (Chrome only for now and iOS not supported VirtualKeyboard API - Web APIs | MDN (https://developer.mozilla.org/en-US/docs/Web/API/VirtualKeyboard_API))

I am yet to find a good way to make the keyboard work on iOS, might revisit this later.

 

[Erikas Kontenis]

You are driving super interesting discussion and changelog. I bet you should create your own thread and make your devlog announces. This thread topic looks a bit random while you do such a big thing. Nevertheless thank you for contributing and keeping us up to date!

 

[iNux]

You are driving super interesting discussion and changelog. I bet you should create your own thread and make your devlog announces. This thread topic looks a bit random while you do such a big thing. Nevertheless thank you for contributing and keeping us up to date!

I agree

 

[Niebieski]

I have added basic mobile support:

• Handle touch events;
• Long press for right click;
• Use VirtualKeyboardAPI to show keyboard (Chrome only for now and iOS not supported VirtualKeyboard API - Web APIs | MDN (https://developer.mozilla.org/en-US/docs/Web/API/VirtualKeyboard_API))

I am yet to find a good way to make the keyboard work on iOS, might revisit this later.

Nice how's going with the iOS at all - any progress with making it work?

 

[OT Archive]

@Niebieski I was able to reproduce the black screen issue by downgrading the Xcode simulator to iPhone 11 + iOS 15.


The issue is because of SharedArrayBuffers being disabled.

Shared Array Buffer | Can I use... Support tables for HTML5, CSS3, etc

caniuse.com

What iOS version are you on?


Moving forward I'll answer questions and post updates in the dedicated thread:

Thread 'OTClient for Web Browsers'

Oct 12, 2024

OTClient Redemption (mehah) for Web Browsers

I've adapted OTClient Redemption to run on browsers:

• Source Code
• Compilation and usage guide (pt-BR)
• Demo (no assets)
• Modular Version

@Gesior.pl was the first to add support to a real server:

I setup nginx+websockify like this:
444 -> 7171
443 -> 7172

In client set port to login to 444 and in modules/client_entergame/characterlist.lua forced it to use proxy...

• OT Archive
• Replies: 69
• Forum: Discussion

• 
• 
• 

 

[Niebieski]

@Niebieski I was able to reproduce the black screen issue by downgrading the Xcode simulator to iPhone 11 + iOS 15.

View attachment 87637
The issue is because of SharedArrayBuffers being disabled.

Shared Array Buffer | Can I use... Support tables for HTML5, CSS3, etc

caniuse.com

What iOS version are you on?


Moving forward I'll answer questions and post updates in the dedicated thread:

Thread 'OTClient for Web Browsers'

Oct 12, 2024

OTClient Redemption (mehah) for Web Browsers

I've adapted OTClient Redemption to run on browsers:

• Source Code
• Compilation and usage guide (pt-BR)
• Demo (no assets)
• Modular Version

@Gesior.pl was the first to add support to a real server:

I setup nginx+websockify like this:
444 -> 7171
443 -> 7172

In client set port to login to 444 and in modules/client_entergame/characterlist.lua forced it to use proxy...

• OT Archive
• Replies: 69
• Forum: Discussion

• 
• 
• 

I'm using iOS 17.6.1 (14 pro) (which is almost newset one if we won't count 18 which came like 2 months ago) - but having exactly same issue on BlueStack with Android (on my windows)

 

[MagicWall]

@Niebieski I was able to reproduce the black screen issue by downgrading the Xcode simulator to iPhone 11 + iOS 15.

View attachment 87637
The issue is because of SharedArrayBuffers being disabled.

Shared Array Buffer | Can I use... Support tables for HTML5, CSS3, etc

caniuse.com

What iOS version are you on?


Moving forward I'll answer questions and post updates in the dedicated thread:

Thread 'OTClient for Web Browsers'

Oct 12, 2024

OTClient Redemption (mehah) for Web Browsers

I've adapted OTClient Redemption to run on browsers:

• Source Code
• Compilation and usage guide (pt-BR)
• Demo (no assets)
• Modular Version

@Gesior.pl was the first to add support to a real server:

I setup nginx+websockify like this:
444 -> 7171
443 -> 7172

In client set port to login to 444 and in modules/client_entergame/characterlist.lua forced it to use proxy...

• OT Archive
• Replies: 69
• Forum: Discussion

• 
• 
• 

Have you tried using these security headers:

Cross-Origin-Opener-Policy: same-origin
Cross-Origin-Embedder-Policy: require-corp

More info:
SharedArrayBuffer security requirements
stackoverflow
Vercel docs

 

[Xampy87]

It is impossible, since 1997 so far, 0 tibia's in web browsers.

 

[Strik3ria]

It is impossible, since 1997 so far, 0 tibia's in web browsers.

Well, I meant that's not true at all. There was most definitely a period where Tibia was available in a browser, so not impossible =P

 

[Marko999x]

It is impossible, since 1997 so far, 0 tibia's in web browsers.

???

 

[Gesior.pl]

It is impossible, since 1997 so far, 0 tibia's in web browsers.

You can even download decompiled Tibia Flash clients for Tibia protocols 9.5-11.48a - which were available on tibia.com - so it was available on RL Tibia between 2012 and 2017:

GitHub - TheUltDev/TibiaFlashClient: Decompiled sources of Cipsoft's Tibia Flash Client

Decompiled sources of Cipsoft's Tibia Flash Client - TheUltDev/TibiaFlashClient

github.com

I updated my OTCR web client files to latest version ( GitHub - OTArchive/otclient: OTClient Redempetion adapted to work when built with emscripten (https://github.com/OTArchive/otclient) ) and it works again with webclient.otarchive.com:

OTClient Web

Play OTServers in your browser.

webclient.otarchive.com