Code Monkey home page Code Monkey logo

rsc-client's Introduction

rsc-client

a port of the runescape classic client (mudclient revision 204) from java to javascript.

this client is designed to work with rsc-server and RSCGo.

install

$ npm install @2003scape/rsc-client

usage

after making modifications to ./src/, run $ npm install to install developer dependencies, then $ npm run build-dev to create a new bundle in ./dist/.

the ./dist/ directory contains everything you need to use the client. run $ npm start to start a simple HTTP server at http://localhost:1337. you may put optional arguments into the hash of the URL:

http://localhost:1337/index.html#members,127.0.0.1,43595

alternatively, you can manually invoke mudclient on your own canvas:

const mudclient = require('@2003scape/rsc-client');

const mc = new mudclient(document.getElementById('mudclient-canvas'));
mc.members = false;
mc.threadSleep = 10;

(async () => {
    await mc.startApplication(512, 346, 'Runescape by Andrew Gower');
})();

if you don't want to host a separate websockets server, you can pass a Web Worker instance of rsc-server into the .server property instead.

see https://github.com/2003scape/rsc-server#browser-usage

options

features from earlier mudclients and/or inspired by modern third-party clients with their default values:

// hold down middle click and move the mouse to rotate the camera (only when
// camera is type manual)
mc.options.middleClickCamera = true;

// scroll panel lists and chatbox with the mouse wheel (and camera if zoom
// enabled)
mc.options.mouseWheel = true;

// click the compas to face north
mc.options.resetCompass = true;

// show roofs unless inside buildings
mc.options.showRoofs = false;

// use arrow keys (and mouse wheel if enabled) to zoom in and out
mc.options.zoomCamera = true;

// show the remaining experience until next level in skills tab
mc.options.remainingExperience = false;

// show your total experience in the skills tab
mc.options.totalExperience = false;

// censor chat and private messages
mc.options.wordFilter = true;

// support account registration, password changes and recovery within the
// client using jagex's older UIs
mc.options.accountManagement = true;

// display an "Fps: X" counter at the bottom right of the screen
mc.options.fpsCounter = false;

// retry logins when the server disconnects
mc.options.retryLoginOnDisconnect = true;

// experimental mobile support
mc.options.mobile = false;

assets

make sure that wherever you host it, it's able to access ./data204/ via XHR for its cache files.

faq

  • what is the purpose of | 0? why not use Math.floor()?

    number | 0 is an asm.js declaration for declaring a number as a 32-bit integer. the original java client used integer overflow techniques often, and this is the most performant method to declare them and accomplish the correct behaviour (javascript's Number is an IEEE 754; a java double).

license

Copyright 2021 2003Scape Team

This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License along with this program. If not, see http://www.gnu.org/licenses/.

rsc-client's People

Contributors

misterhat avatar subjectivelyobjective avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

rsc-client's Issues

Chrome browser load errors (works in Firefox)

Cloned the repo, ran npm install (the command listed in readme of npm install @2003scape/rsc-client does not work)

root@e6fecf74f7af:/var/www/html/rsc-client# npm install @2003scape/rsc-client
npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/@2003scape%2frsc-client - Not found
npm ERR! 404
npm ERR! 404  '@2003scape/rsc-client@latest' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.

npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2020-10-22T15_19_49_108Z-debug.log

then I ran npm start

root@e6fecf74f7af:/var/www/html/rsc-client# npm start

> @2003scape/[email protected] start /var/www/html/rsc-client
> st -p 1337 -d dist

listening at http://[::]:1337

Navigating to http://localhost:1337/index.html#members,127.0.0.1,43595 results in its starting to load, then turning into a black screen. I'm seeing this in the Chrome browser console when trying to load from a Dockerized node instance:
image

Feature Request: support ISAAC + RSA for 235 server compatibility

// TODO toggle ISAAC
/*seedIsaac(seed) {
//this.isaacIncoming = new ISAAC(seed);
//this.isaacOutgoing = new ISAAC(seed);
}*/

Not sure what else is needed here to enable ISAAC.

Also in

async login(u, p, reconnecting) {
if (this.worldFullTimeout > 0) {
this.showLoginScreenStatus('Please wait...', 'Connecting to server');
await sleep(2000);
this.showLoginScreenStatus('Sorry! The server is currently full.', 'Please try again later');
return;
}
try {
this.username = u;
u = Utility.formatAuthString(u, 20);
this.password = p;
p = Utility.formatAuthString(p, 20);
if (u.trim().length === 0) {
this.showLoginScreenStatus('You must enter both a username', 'and a password - Please try again');
return;
}
if (reconnecting) {
this.drawTextBox('Connection lost! Please wait...', 'Attempting to re-establish');
} else {
this.showLoginScreenStatus('Please wait...', 'Connecting to server');
}
this.packetStream = new PacketStream(await this.createSocket(this.server, this.port), this);
this.packetStream.maxReadTries = GameConnection.maxReadTries;
let l = Utility.usernameToHash(u);
this.packetStream.newPacket(clientOpcodes.SESSION);
this.packetStream.putByte(l.shiftRight(16).and(31).toInt());
this.packetStream.flushPacket();
let sessId = await this.packetStream.getLong();
this.sessionID = sessId;
if (sessId.equals(0)) {
this.showLoginScreenStatus('Login server offline.', 'Please try again in a few mins');
return;
}
console.log('Verb: Session id: ' + sessId);
let ai = new Int32Array(4);
ai[0] = (Math.random() * 99999999) | 0;
ai[1] = (Math.random() * 99999999) | 0;
ai[2] = sessId.shiftRight(32).toInt();
ai[3] = sessId.toInt();
this.packetStream.newPacket(clientOpcodes.LOGIN);
if (reconnecting) {
this.packetStream.putByte(1);
} else {
this.packetStream.putByte(0);
}
this.packetStream.putShort(GameConnection.clientVersion);
this.packetStream.putByte(0); // limit30
this.packetStream.putByte(10);
this.packetStream.putInt(ai[0]);
this.packetStream.putInt(ai[1]);
this.packetStream.putInt(ai[2]);
this.packetStream.putInt(ai[3]);
this.packetStream.putInt(0); // uuid
this.packetStream.putString(u);
this.packetStream.putString(p);
this.packetStream.flushPacket();
//this.packetStream.seedIsaac(ai);
let resp = await this.packetStream.readStream();
console.log('login response:' + resp);
if (resp === 25) {
this.moderatorLevel = 1;
this.autoLoginTimeout = 0;
this.resetGame();
return;
}
if (resp === 0) {
this.moderatorLevel = 0;
this.autoLoginTimeout = 0;
this.resetGame();
return;
}
if (resp === 1) {
this.autoLoginTimeout = 0;
, the login packet isn't encapsulated in RSA, so it won't work for a 235 server. Might be correct for a 204 server, haven't looked into that.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.