2 |
8 |
9 |
29 |
--------------------------------------------------------------------------------
/src/Preferences/Graphics.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Preferences/Graphics.js
3 | *
4 | * Graphics preferences
5 | *
6 | * This file is part of ROBrowser, (http://www.robrowser.com/).
7 | *
8 | * @author Vincent Thibault
9 | */
10 | define( ['Core/Preferences'], function( Preferences )
11 | {
12 | 'use strict';
13 |
14 |
15 | /**
16 | * Export
17 | */
18 | return Preferences.get( 'Graphics', {
19 |
20 | /**
21 | * Game size
22 | */
23 | screensize: '800x600',
24 |
25 | /*
26 | * Game quality detail
27 | * 100: Full
28 | */
29 | quality: 100,
30 |
31 |
32 | /**
33 | * Do we show official game cursor ?
34 | */
35 | cursor: true,
36 |
37 |
38 | /**
39 | * Game FPS Limit
40 | */
41 | fpslimit: 60,
42 |
43 | /**
44 | * Game Post-Processing
45 | */
46 | bloom: false,
47 | bloomIntensity: 0.5,
48 |
49 | pixelPerfectSprites: false
50 | }, 1.1 );
51 |
52 | });
53 |
--------------------------------------------------------------------------------
/src/UI/Components/NpcBox/NpcBox.css:
--------------------------------------------------------------------------------
1 | #NpcBox { position:absolute; top:100px; left:100px; width:276px; height:176px; border-radius:5px; background:white; padding:2px; line-height:18px; letter-spacing:0px; }
2 | #NpcBox .border { border:1px solid #c1c6c2; width:264px; height:164px; padding:5px; border-radius:5px; }
3 | #NpcBox .content { white-space:pre-wrap; background-color:#eff4f0; width:254px; height:130px; overflow-y:auto; padding:5px; }
4 | #NpcBox .btns { position:absolute; bottom: 2px; right:8px; }
5 | #NpcBox .btn { border:0; width:42px; height:20px; bottom:4px; background-repeat:no-repeat; background-color:transparent; display:none; }
6 |
7 | .item-link {
8 | color: #0070C0;
9 | cursor: pointer;
10 | }
11 |
12 | .item-link:hover {
13 | color: #00A0FF;
14 | }
15 |
16 | .navi-link {
17 | color: #C00000;
18 | cursor: pointer;
19 | text-decoration: underline;
20 | }
21 |
22 | .navi-link:hover {
23 | color: #FF0000;
24 | }
25 |
--------------------------------------------------------------------------------
/src/UI/Components/Quest/Quest/QuestWindow.css:
--------------------------------------------------------------------------------
1 | #QuestWindow {
2 | position: absolute;
3 | right: 50px;
4 | top: 250px;
5 | width: 230px;
6 | display: table;
7 | font-size: 0.75rem;
8 | }
9 |
10 | #QuestWindow .quest-window-ul {
11 | list-style: none;
12 | margin:5px;
13 | text-shadow: 1px 1px 1px black;
14 | }
15 |
16 | #QuestWindow .quest-window-ul .quest-window-li {
17 | list-style: none;
18 | margin-top:10px;
19 | }
20 |
21 | #QuestWindow .quest-window-ul .quest-window-li .quest-window-li-title {
22 | color: yellow;
23 | }
24 |
25 | #QuestWindow .quest-window-ul .quest-window-li .quest-window-li-summary {
26 | color: white;
27 | }
28 |
29 | #QuestWindow .quest-window-ul .quest-window-li .quest-window-li-monster {
30 | font-size: 0.65rem;
31 | color: white;
32 | }
33 |
34 | #QuestWindow .quest-window-ul .quest-window-li .quest-window-li-monster ul {
35 | list-style: none;
36 | padding-left: 20px;
37 | }
--------------------------------------------------------------------------------
/src/UI/Components/MiniMap/MiniMapV2/MiniMapV2.css:
--------------------------------------------------------------------------------
1 | #MiniMapV2 { position:absolute; top:16px; right:16px; }
2 | #MiniMapV2 .info_container { display: flex; justify-content: space-between; }
3 | #MiniMapV2 .info_container .object { width:12px; height:12px; border:none; background:transparent; }
4 | #MiniMapV2 .info_container .plus { width:12px; height:12px; border:none; background:transparent; }
5 | #MiniMapV2 .info_container .minus { width:12px; height:12px; border:none; background:transparent; }
6 | #MiniMapV2 .info_container .mini { width:12px; height:12px; border:none; background:transparent; }
7 | #MiniMapV2 .info_container .viewon { width:12px; height:12px; border:none; background:transparent; }
8 | #MiniMapV2 .info_container .coordinates{ color: #fff; text-shadow: 1px 1px 1px #000; left: 14px; }
9 |
10 | #MiniMapV2 button.cashshopIcon {
11 | position: absolute;
12 | height: 43px;
13 | width: 43px;
14 | border: none;
15 | top: 0px;
16 | left: -45px;
17 | }
--------------------------------------------------------------------------------
/src/App/GrfViewer.js:
--------------------------------------------------------------------------------
1 | /**
2 | * App/GrfViewer.js
3 | *
4 | * Start GRF Viewer instance using ROBrowser
5 | *
6 | * This file is part of ROBrowser, (http://www.robrowser.com/).
7 | *
8 | * @author Vincent Thibault
9 | */
10 |
11 | // Errors Handler (hack)
12 | require.onError = function (err) {
13 | 'use strict';
14 |
15 | if (require.defined('UI/Components/Error/Error')) {
16 | require('UI/Components/Error/Error').addTrace(err);
17 | return;
18 | }
19 |
20 | require(['UI/Components/Error/Error'], function( Errors ){
21 | Errors.addTrace(err);
22 | });
23 | };
24 |
25 | require({
26 | baseUrl: '../../src/',
27 | paths: {
28 | text: 'Vendors/text.require',
29 | jquery: 'Vendors/jquery-1.9.1'
30 | }
31 | }, ['UI/Components/GrfViewer/GrfViewer', 'Core/Context'], function( GRFViewer, Context )
32 | {
33 | 'use strict';
34 |
35 | GRFViewer.append();
36 |
37 | window.onbeforeunload = function() {
38 | return 'Are you sure to exit ?';
39 | };
40 | });
41 |
--------------------------------------------------------------------------------
/src/UI/Components/WinLogin/WinLogin/WinLogin.html:
--------------------------------------------------------------------------------
1 |
10 |
11 |
27 |
28 | |
13 |
14 |
15 |
16 |
17 | |
18 |
|
21 |
22 |
23 |
24 | |
25 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/src/Engine/MapEngine/PCGoldTimer.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Engine/MapEngine/PCGoldTimer.js
3 | *
4 | * Manage PCGoldTimer Mails
5 | *
6 | * @author Alisonrag
7 | */
8 |
9 | define(function (require) {
10 | 'use strict';
11 |
12 | /**
13 | * Load dependencies
14 | */
15 | var Network = require('Network/NetworkManager');
16 | var PACKET = require('Network/PacketStructure');
17 | var PCGoldTimer = require('UI/Components/PCGoldTimer/PCGoldTimer');
18 |
19 | /**
20 | * Send Packets
21 | */
22 |
23 | // nothing yet
24 |
25 | /**
26 | * Receive Packets
27 | */
28 |
29 | /**
30 | * Server sent request about PCGoldTimer Point
31 | *
32 | * @param {object} pkt - PACKET.ZC.GOLDPCCAFE_POINT
33 | */
34 | function onPCGoldTimerPoint(pkt) {
35 | PCGoldTimer.setData(pkt);
36 | PCGoldTimer.append();
37 | }
38 |
39 | /**
40 | * Initialize
41 | */
42 | return function MainEngine() {
43 | Network.hookPacket(PACKET.ZC.GOLDPCCAFE_POINT, onPCGoldTimerPoint);
44 | };
45 |
46 | });
47 |
--------------------------------------------------------------------------------
/src/UI/Components/ChangeCart/ChangeCart.css:
--------------------------------------------------------------------------------
1 | #changecart { position:absolute; width:400px; height:117px; font-size:12px; }
2 | #changecart .titlebar { width:100%; height:17px; background-color:white; background-repeat:repeat-x; border-radius:3px 3px 0px 0px; }
3 | #changecart .titlebar .base { width:11px; height:11px; border:none; background-color:transparent; background-repeat:no-repeat; vertical-align:middle; }
4 | #changecart .titlebar .text { text-shadow:1px 1px white; vertical-align:-2px; white-space:nowrap;
5 | /* chrome bug */ display: inline-block; width: 32px; height:13px; }
6 | #changecart .titlebar .left { margin-left:3px; float:left; }
7 | #changecart .titlebar .right { float:right; margin-right:3px;}
8 | #changecart .titlebar .clear { clear:both; }
9 | #changecart .titlebar .left { margin-left:3px; float:left; }
10 | #changecart .carts { border:0; width:400px; height:100px; background-color: white; overflow-y: auto; }
11 | #changecart .cart { display: inline-block; float: left; border:0; }
12 |
--------------------------------------------------------------------------------
/src/UI/Components/ItemCompare/ItemCompare.html:
--------------------------------------------------------------------------------
1 |
2 |
24 |
--------------------------------------------------------------------------------
/applications/tools/tests/models.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
37 |
38 |
--------------------------------------------------------------------------------
/applications/tools/tests/grannymodels.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
37 |
38 |
--------------------------------------------------------------------------------
/src/Utils/Base62.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Utils/Base62.js
3 | *
4 | * This is a plugin for ROBrowser to convert from and to Base62 format.
5 | *
6 | * This file is part of ROBrowser, (http://www.robrowser.com/).
7 | *
8 | * @author Alisonrag
9 | */
10 |
11 | define(function()
12 | {
13 | 'use strict';
14 |
15 | var base62_alphabet = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
16 |
17 | // encode
18 | function encode(number) {
19 | var result = '';
20 | while (number > 0) {
21 | result = base62_alphabet[number % 62] + result;
22 | number = Math.floor(number / 62);
23 | }
24 | return result;
25 | }
26 |
27 | // decode
28 | function decode(string) {
29 | var result = 0;
30 | for (var i = 0; i < string.length; i++) {
31 | result = result * 62 + base62_alphabet.indexOf(string[i]);
32 | }
33 | return result;
34 | }
35 |
36 | /**
37 | * Export
38 | */
39 | return {
40 | encode: encode,
41 | decode: decode,
42 | base62_alphabet: base62_alphabet
43 | };
44 | });
45 |
--------------------------------------------------------------------------------
/src/UI/Components/Error/Error.css:
--------------------------------------------------------------------------------
1 | body { background-color:#d2afab; }
2 |
3 | #error {
4 | color:white;
5 | font-size:14px;
6 | font-family:Arial, Helvetica, sans-serif;
7 | background-repeat: no-repeat;
8 | background-color: transparent;
9 | background-position: 0px 90px;
10 | padding-left:230px;
11 | width:500px;
12 | position:absolute;
13 | top:150px;
14 | left:50%;
15 | margin-left:-470px;
16 | }
17 | #error h1 {
18 | font-size:60px;
19 | line-height:40px;
20 | text-shadow: 0px 0px 10px rgba(0,0,0,0.3);
21 | }
22 | #error p {
23 | width:500px;
24 | text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
25 | font-size:16px;
26 | line-height:24px;
27 | }
28 | #error h2 {
29 | color:#745b59;
30 | font-weight:normal;
31 | font-size:14px;
32 | margin-top:30px;
33 | margin-bottom:5px;
34 | }
35 | #error .trace {
36 | background-color:#a78582;
37 | border-radius:5px;
38 | font-family:"Times New Roman", Times, serif;
39 | line-height:18px;
40 | padding-left:10px;
41 | padding-top:5px;
42 | padding-bottom:2px;
43 | }
--------------------------------------------------------------------------------
/src/UI/Components/WinLogin/WinLoginV2/WinLoginV2.html:
--------------------------------------------------------------------------------
1 |
3 |
4 |
16 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
14 |
15 |
12 |
13 |
17 |
18 |
19 |
20 |
23 |
21 |
22 |
2 |
14 |
--------------------------------------------------------------------------------
/src/Engine/MapEngine/Achievement.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Engine/MapEngine/Achievement.js
3 | *
4 | * Manage Achievement packets and UI
5 | *
6 | * This file is part of ROBrowser, (http://www.robrowser.com/).
7 | *
8 | * @author Vincent Thibault
9 | */
10 | define(function( require )
11 | {
12 | 'use strict';
13 |
14 |
15 | /**
16 | * Load dependencies
17 | */
18 | var Network = require('Network/NetworkManager');
19 | var PACKET = require('Network/PacketStructure');
20 |
21 | function onAllAchievementList(pkt){
22 |
23 | }
24 |
25 | function onAchievementUpdate(pkt){
26 |
27 | }
28 |
29 | function onRequestAchievementRewardACK(pkt){
30 |
31 | }
32 | /**
33 | * Initialize
34 | */
35 | return function MainEngine()
36 | {
37 | Network.hookPacket( PACKET.ZC.ALL_ACH_LIST, onAllAchievementList );
38 | Network.hookPacket( PACKET.ZC.ACH_UPDATE, onAchievementUpdate );
39 | Network.hookPacket( PACKET.ZC.REQ_ACH_REWARD_ACK, onRequestAchievementRewardACK );
40 | }
41 | });
42 |
--------------------------------------------------------------------------------
/src/UI/Components/CharCreate/CharCreate.js:
--------------------------------------------------------------------------------
1 | /**
2 | * UI/Components/CharCreate/CharCreate.js
3 | *
4 | * Character Creation
5 | *
6 | * This file is part of ROBrowser, (http://www.robrowser.com/).
7 | *
8 | */
9 | define(function (require)
10 | {
11 | 'use strict';
12 |
13 | var publicName = 'CharCreate';
14 |
15 | var CharCreate = require('./CharCreate/CharCreate');
16 | var CharCreateV2 = require('./CharCreatev2/CharCreatev2');
17 | var CharCreateV3 = require('./CharCreatev3/CharCreatev3');
18 | var CharCreateV4 = require('./CharCreatev4/CharCreatev4');
19 |
20 | var UIVersionManager = require('UI/UIVersionManager');
21 |
22 | var versionInfo = {
23 | default: CharCreate,
24 | common: {
25 | 20180124: CharCreateV4,
26 | 20151001: CharCreateV3,
27 | 20120307: CharCreateV2
28 | },
29 | re: {
30 |
31 | },
32 | prere:{
33 |
34 | }
35 | };
36 |
37 | var Controller = UIVersionManager.getUIController(publicName, versionInfo);
38 |
39 | return Controller;
40 | });
--------------------------------------------------------------------------------
/src/DB/Items/EquipmentLocation.js:
--------------------------------------------------------------------------------
1 | /**
2 | * DB/Items/EquipmentLocation.js
3 | *
4 | * Location constant table
5 | *
6 | * This file is part of ROBrowser, (http://www.robrowser.com/).
7 | *
8 | * @author Vincent Thibault
9 | */
10 |
11 | define(function()
12 | {
13 | "use strict";
14 |
15 |
16 | return {
17 | HEAD_BOTTOM: 1 << 0,
18 | WEAPON: 1 << 1,
19 | GARMENT: 1 << 2,
20 | ACCESSORY1: 1 << 3,
21 | ARMOR: 1 << 4,
22 | SHIELD: 1 << 5,
23 | SHOES: 1 << 6,
24 | ACCESSORY2: 1 << 7,
25 | HEAD_TOP: 1 << 8,
26 | HEAD_MID: 1 << 9,
27 | COSTUME_HEAD_TOP: 1 << 10,
28 | COSTUME_HEAD_MID: 1 << 11,
29 | COSTUME_HEAD_BOTTOM: 1 << 12,
30 | COSTUME_ROBE: 1 << 13,
31 | COSTUME_FLOOR: 1 << 14,
32 | AMMO: 1 << 15,
33 | SHADOW_ARMOR: 1 << 16,
34 | SHADOW_WEAPON: 1 << 17,
35 | SHADOW_SHIELD: 1 << 18,
36 | SHADOW_SHOES: 1 << 19,
37 | SHADOW_R_ACCESSORY_SHADOW: 1 << 20,
38 | SHADOW_L_ACCESSORY_SHADOW: 1 << 21
39 | };
40 | });
41 |
--------------------------------------------------------------------------------
/src/UI/Components/MakeItemSelection/ItemConvertSelection/MakeModelMessage/MakeModelMessage.html:
--------------------------------------------------------------------------------
1 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
2 |
10 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
--------------------------------------------------------------------------------
/src/UI/Components/PlayerEquipment/PlayerEquipment.js:
--------------------------------------------------------------------------------
1 | /**
2 | * UI/Components/PlayerEquipment/PlayerEquipment.js
3 | *
4 | * Other player's Equipment window
5 | *
6 | * This file is part of ROBrowser, (http://www.robrowser.com/).
7 | *
8 | */
9 | define(function(require)
10 | {
11 | 'use strict';
12 |
13 |
14 | /**
15 | * Dependencies
16 | */
17 | var DB = require('DB/DBManager');
18 | var Renderer = require('Renderer/Renderer');
19 | var Camera = require('Renderer/Camera');
20 | var SpriteRenderer = require('Renderer/SpriteRenderer');
21 | var UIManager = require('UI/UIManager');
22 | var UIComponent = require('UI/UIComponent');
23 | var Equipment = require('UI/Components/Equipment/EquipmentV0/EquipmentV0');
24 | var jQuery = require('Utils/jquery');
25 |
26 |
27 | /**
28 | * Create Component
29 | */
30 | var PlayerEquipment = Equipment.clone('PlayerEquipment');
31 |
32 | /**
33 | * Create component and export it
34 | */
35 | return UIManager.addComponent(PlayerEquipment);
36 | });
37 |
--------------------------------------------------------------------------------
/src/UI/Components/ItemInfo/ItemInfo.html:
--------------------------------------------------------------------------------
1 |
11 |
14 |
20 |
21 |
15 |
16 |
17 |
18 |
19 |
2 |
25 |
--------------------------------------------------------------------------------
/src/UI/Components/MiniMap/MiniMapV2/MiniMapV2.html:
--------------------------------------------------------------------------------
1 |
3 |
4 |
17 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
15 |
16 |
13 |
14 |
18 |
19 |
20 |
21 |
24 |
22 |
23 |
2 |
3 |
--------------------------------------------------------------------------------
/src/UI/Components/GrfViewer/GrfViewer.html:
--------------------------------------------------------------------------------
1 |
4 |
5 |
14 |
6 | 0
7 | 0
8 |
9 |
10 |
11 |
12 |
13 |
2 |
3 |
41 |
--------------------------------------------------------------------------------
/src/UI/Components/CharSelect/CharSelect.js:
--------------------------------------------------------------------------------
1 | /**
2 | * UI/Components/CharSelect/CharSelect.js
3 | *
4 | * Character Selection
5 | *
6 | * This file is part of ROBrowser, (http://www.robrowser.com/).
7 | *
8 | */
9 | define(function (require)
10 | {
11 | 'use strict';
12 |
13 | var publicName = 'CharSelect';
14 |
15 | var CharSelect = require('./CharSelect/CharSelect');
16 | var CharSelectV2 = require('./CharSelectV2/CharSelectV2');
17 | var CharSelectV3 = require('./CharSelectV3/CharSelectV3');
18 | var CharSelectV4 = require('./CharSelectV4/CharSelectV4');
19 |
20 | var UIVersionManager = require('UI/UIVersionManager');
21 |
22 | var versionInfo = {
23 | default: CharSelect,
24 | common: {
25 | 20180124: CharSelectV4,
26 | 20141016: CharSelectV3,
27 | 20100803: CharSelectV2,
28 | 20100728: CharSelect,
29 | 20100720: CharSelectV2
30 | },
31 | re: {
32 |
33 | },
34 | prere:{
35 |
36 | }
37 | };
38 |
39 | var Controller = UIVersionManager.getUIController(publicName, versionInfo);
40 |
41 | return Controller;
42 | });
--------------------------------------------------------------------------------
/src/UI/Components/CheckAttendance/CheckAttendance.html:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
40 | Drop GRF file on the area to start
35 |
36 |
37 |
38 |
39 |
2 |
36 |
--------------------------------------------------------------------------------
/src/UI/Components/WinPopup/WinPopup.js:
--------------------------------------------------------------------------------
1 | /**
2 | * UI/Components/WinPopup/Winpopup.js
3 | *
4 | * Popup windows
5 | *
6 | * This file is part of ROBrowser, (http://www.robrowser.com/).
7 | *
8 | * @author Vincent Thibault
9 | */
10 | define(function(require)
11 | {
12 | 'use strict';
13 |
14 |
15 | /**
16 | * Dependencies
17 | */
18 | var Renderer = require('Renderer/Renderer');
19 | var UIManager = require('UI/UIManager');
20 | var UIComponent = require('UI/UIComponent');
21 | var htmlText = require('text!./WinPopup.html');
22 | var cssText = require('text!./WinPopup.css');
23 |
24 |
25 | /**
26 | * Create Component
27 | */
28 | var WinPopup = new UIComponent( 'WinPopup', htmlText, cssText );
29 |
30 |
31 | /**
32 | * Initialize popup
33 | */
34 | WinPopup.init = function init()
35 | {
36 | this.ui.css({
37 | top: (Renderer.height-120) / 1.5 - 120,
38 | left: (Renderer.width -280) / 2.0,
39 | zIndex: 100
40 | });
41 | };
42 |
43 |
44 | /**
45 | * Create component based on view file and export it
46 | */
47 | return UIManager.addComponent(WinPopup);
48 | });
49 |
--------------------------------------------------------------------------------
/src/UI/Components/SoundOption/SoundOption.html:
--------------------------------------------------------------------------------
1 |
2 |
12 |
--------------------------------------------------------------------------------
/src/UI/Components/Trade/Trade.html:
--------------------------------------------------------------------------------
1 |
13 |
14 |
29 |
30 | | BGM | 16 |17 | 18 | on 19 | | 20 |
| Effect | 23 |24 | 25 | on 26 | | 27 |
2 |
5 |
6 |
--------------------------------------------------------------------------------
/src/UI/Components/WorldMap/WorldMap.html:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
10 |
11 |
19 | 0
12 |
13 |
14 |
15 |
16 |
17 |
18 |
2 |
--------------------------------------------------------------------------------
/applications/tools/converter/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
3 |
4 |
16 |
17 |
21 |
18 |
19 |
20 |
22 |
33 |
23 |
25 |
32 |
26 |
27 |
28 |
29 |
30 |
31 |
11 |
40 |
41 |
--------------------------------------------------------------------------------
/src/UI/Components/MakeItemSelection/ItemListWindowSelection.html:
--------------------------------------------------------------------------------
1 | DB Converter
12 |Drag/drop files on the windows to convert them
13 |
14 |
19 |
20 | 25 |
26 |
27 |
28 |
29 | 20 | 25 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
2 |
8 |
9 |
--------------------------------------------------------------------------------
/src/UI/Components/WinLogin/WinLoginV2/WinLoginV2Background.js:
--------------------------------------------------------------------------------
1 | /**
2 | * UI/Components/WinLoginV2/WinLoginV2Background.js
3 | *
4 | * WinLoginV2Background windows
5 | *
6 | * This file is part of ROBrowser, (http://www.robrowser.com/).
7 | *
8 | * @author Vincent Thibault
9 | */
10 | define(function(require)
11 | {
12 | 'use strict';
13 |
14 | /**
15 | * Dependencies
16 | */
17 |
18 | var UIManager = require('UI/UIManager');
19 | var UIComponent = require('UI/UIComponent');
20 | var htmlText = require('text!./WinLoginV2Background.html');
21 | var cssText = require('text!./WinLoginV2Background.css');
22 |
23 | /**
24 | * Create WinLogin namespace
25 | */
26 | var WinLoginV2Background = new UIComponent( 'WinLoginV2Background', htmlText, cssText );
27 |
28 | /**
29 | * Initialize win_login UI - Inherit from UIComponent
30 | */
31 | WinLoginV2Background.init = function init()
32 | {
33 | };
34 |
35 | /**
36 | * Once the component is on html - InHerit from UIComponent
37 | */
38 | WinLoginV2Background.onAppend = function onAppend()
39 | {
40 | };
41 |
42 | /**
43 | * Create component based on view file and export it
44 | */
45 | return UIManager.addComponent(WinLoginV2Background);
46 | });
--------------------------------------------------------------------------------
/src/Utils/Queue.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Utils/Queue.js
3 | *
4 | * Queue System
5 | *
6 | * Helper to manage queue
7 | *
8 | * This file is part of ROBrowser, (http://www.robrowser.com/).
9 | *
10 | * @author Vincent Thibault
11 | */
12 |
13 | define(function()
14 | {
15 | 'use strict';
16 |
17 |
18 | /**
19 | * Queue Constructor
20 | *
21 | */
22 | function Queue()
23 | {
24 | this.list = [];
25 | }
26 |
27 |
28 | /**
29 | * Add function to queue
30 | *
31 | * @param {function} callback
32 | */
33 | Queue.prototype.add = function Add(callback)
34 | {
35 | this.list.push(callback);
36 | };
37 |
38 |
39 | /**
40 | * Continue the queue
41 | */
42 | Queue.prototype._next = function _Next()
43 | {
44 | if (this.list.length) {
45 | this.list.shift().call(this);
46 | }
47 | };
48 |
49 |
50 | /**
51 | * To avoid problem with constructor, define it
52 | */
53 | Object.defineProperty( Queue.prototype, 'next', {
54 | get : function(){ return this._next.bind(this); }
55 | });
56 |
57 |
58 | /**
59 | * Start running queue
60 | */
61 | Queue.prototype.run = function Run()
62 | {
63 | this.next();
64 | };
65 |
66 |
67 | /**
68 | * Export
69 | */
70 | return Queue;
71 | });
72 |
--------------------------------------------------------------------------------
/src/UI/Components/Vending/VendingModelMessage/VendingModelMessage.css:
--------------------------------------------------------------------------------
1 | /* Message Model */
2 | #VendingModelMessage {
3 | /* display: none; */
4 | position:absolute; top:100px; left:100px; font-size:12px; width:270px; }
5 |
6 | #VendingModelMessage .titlebar {
7 | border-radius: 3px 3px 0px 0px;
8 | height: 15px;
9 | align-items: center;
10 | padding: 1px;}
11 | #VendingModelMessage .titlebar .base { width:11px; height:11px; border:none; background-color:transparent; background-repeat:no-repeat; vertical-align:middle; }
12 | #VendingModelMessage .container {
13 | background: white;
14 | width: 268px;
15 | height: 114px;
16 | border-radius: 0px 0px 3px 3px;
17 | border: 1px solid #ccc;
18 | display: grid;
19 | }
20 |
21 | #VendingModelMessage .text_message {
22 | height: 73px;padding: 11px;
23 | }
24 |
25 |
26 | /** Buttons **/
27 | #VendingModelMessage .btns { position:absolute; bottom:-3px; width:100%; height:28px; }
28 | #VendingModelMessage .btn { position: absolute; border:0; width:42px; height:20px; background-repeat:no-repeat; background-color:transparent; }
29 |
30 | #VendingModelMessage .ok, #VendingModelMessage .make { right:6px; }
31 | #VendingModelMessage .delete { left:4px; }
--------------------------------------------------------------------------------
/src/UI/Components/MakeItemSelection/ItemConvertSelection/ConvertItems.html:
--------------------------------------------------------------------------------
1 |
10 |
29 |
11 |
28 |
12 |
18 |
13 |
14 |
15 |
16 |
17 |
19 |
26 |
27 |
2 |
8 |
9 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
--------------------------------------------------------------------------------
/src/Controls/MouseEventHandler.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Controls/MouseEventHandler.js
3 | *
4 | * Mouse Event Handler
5 | *
6 | * This file is part of ROBrowser, (http://www.robrowser.com/).
7 | *
8 | * @author Vincent Thibault
9 | */
10 |
11 | define(['Utils/jquery'], function( jQuery )
12 | {
13 | "use strict";
14 |
15 |
16 | /**
17 | * Mouse object
18 | */
19 | var Mouse = {};
20 |
21 |
22 | /**
23 | * Mouse screen position (2D)
24 | */
25 | Mouse.screen = {
26 | x: -1,
27 | y: -1,
28 | width: 0,
29 | height: 0
30 | };
31 |
32 |
33 | /**
34 | * Mouse world position (3d)
35 | */
36 | Mouse.world = {
37 | x: -1,
38 | y: -1,
39 | z: -1
40 | };
41 |
42 |
43 | /**
44 | * @var {boolean} Do we intersect object ?
45 | */
46 | Mouse.intersect = false;
47 |
48 |
49 | Mouse.MOUSE_STATE = {
50 | NORMAL: 0,
51 | DRAGGING: 1,
52 | USESKILL: 2,
53 | }
54 |
55 | /**
56 | * @var {integer} Mouse state
57 | */
58 | Mouse.state = 0;
59 |
60 |
61 | /**
62 | * Track mouse move event
63 | */
64 | jQuery(window).mousemove(function(event)
65 | {
66 | Mouse.screen.x = event.pageX;
67 | Mouse.screen.y = event.pageY;
68 | });
69 |
70 |
71 | /**
72 | * Export
73 | */
74 | return Mouse;
75 | });
76 |
--------------------------------------------------------------------------------
/src/UI/Components/ItemSelection/ItemSelection.css:
--------------------------------------------------------------------------------
1 | #ItemSelection { z-index:100; position:absolute; width:200px; }
2 | #ItemSelection .head { position:absolute; width:100%; height:22px; top:0px; left:0px;background-repeat:repeat-x; background-color:white; }
3 | #ItemSelection .head .text { position:relative; top:2px; left:5px; white-space:nowrap; }
4 | #ItemSelection .bottom { position:relative; height:120px; top:80px; left:0px; }
5 |
6 | #ItemSelection .content { position:absolute; top:22px; left:0px; background-color:white; width:100%; }
7 | #ItemSelection .list { background-color:#f7f7f7; height:130px; font-size:12px; overflow-y:auto; margin-left:10px; margin-right:10px; }
8 | #ItemSelection .list .item { display:block; height:28px; margin:4px 4px 4px 4px; position:relative; }
9 | #ItemSelection .list .item .icon { width:24px; height:24px; border:none; background-color:transparent; background-repeat:no-repeat; }
10 | #ItemSelection .list .item .name { font-size:12px; position:absolute; top:7px; left:30px; width:90px; white-space:nowrap;}
11 |
12 | #ItemSelection .btn { position:absolute; bottom:0px; border:0; width:42px; height:20px; bottom:4px; background-color:transparent; }
13 | #ItemSelection .ok { right: 50px; }
14 | #ItemSelection .cancel { right: 5px; }
--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
1 | # Macros for LFS
2 | [attr]lfs filter=lfs diff=lfs merge=lfs -text
3 | [attr]lfslock lockable
4 |
5 | # Auto detect text files and perform LF normalization
6 | * text=auto
7 |
8 | # Source code
9 | *.bash text eol=lf
10 | *.bat text eol=crlf
11 | *.cmd text eol=crlf
12 | *.css text diff=css
13 | *.html text diff=html
14 | *.php text diff=php
15 | *.ps1 text eol=crlf
16 | *.scss text diff=css
17 | *.sh text eol=lf
18 |
19 | # Documentation
20 | *.md text diff=markdown
21 |
22 | # Configs
23 | *.lock text -diff
24 | package.json text eol=lf
25 | package-lock.json text eol=lf -diff
26 |
27 | # Graphics
28 | *.bmp binary
29 | *.gif binary
30 | *.png binary
31 | *.tga binary
32 |
33 | # Video
34 | *.bik binary
35 |
36 | # Audio
37 | *.mp3 binary
38 | *.wav binary
39 |
40 | # RO files
41 | *.act binary
42 | *.ebm binary
43 | *.ezv binary
44 | *.gat binary
45 | *.gnd binary
46 | *.gr2 binary
47 | *.grf binary
48 | *.gpf binary
49 | *.pal binary
50 | *.rgz binary
51 | *.rsm binary
52 | *.rsw binary
53 | *.spr binary
54 | *.str binary
55 |
56 | *.lub binary
57 |
58 | # intermediate and build files
59 | node_modules/* binary
60 | dist/* binary
61 |
--------------------------------------------------------------------------------
/src/UI/Components/WinLogin/WinLogin/WinLogin.css:
--------------------------------------------------------------------------------
1 | #WinLogin { position:absolute; width:280px; height:120px; z-index:1; top: 60%; left: 50%; margin: 0 0 0 -140px; }
2 | #WinLogin input { position:absolute; left:91px; height:18px; width:127px; border:none; background-color:transparent; padding-left:2px; outline:none;}
3 | #WinLogin input.user { top:29px; }
4 | #WinLogin input.pass { top:61px; }
5 | #WinLogin .save { position:absolute; top:32px; right:10px; display:block; width:38px; height:10px; border:none; background-color:transparent; background-repeat:no-repeat; }
6 | #WinLogin .btn { position:absolute; border:0; width:42px; height:20px; bottom:4px; background-color:transparent; }
7 | #WinLogin .btn.connect { right:50px; }
8 | #WinLogin .btn.signup { left:5px; }
9 | #WinLogin .btn.exit { right:5px; }
10 |
11 |
12 | /* Override browser autofill styles */
13 | #WinLogin input:-webkit-autofill,
14 | #WinLogin input:-webkit-autofill:hover,
15 | #WinLogin input:-webkit-autofill:focus,
16 | #WinLogin input:-webkit-autofill:active,
17 | #WinLogin input:-internal-autofill-selected,
18 | #WinLogin input:-internal-autofill-previewed {
19 | -webkit-background-clip: text;
20 | transition: background-color 5000sease-in-out 0s;
21 | box-shadow: inset 0 0 20px 20px #ffffff00;
22 | }
23 |
--------------------------------------------------------------------------------
/src/UI/Components/MakeItemSelection/ItemConvertSelection/MakeModelMessage/MakeModelMessage.css:
--------------------------------------------------------------------------------
1 | /* Message Model */
2 | #MakeModelMessage {
3 | /* display: none; */
4 | position:absolute; top:100px; left:100px; font-size:12px; width:270px; }
5 |
6 | #MakeModelMessage .titlebar {
7 | border-radius: 3px 3px 0px 0px;
8 | height: 15px;
9 | align-items: center;
10 | padding: 1px;}
11 | #MakeModelMessage .titlebar .base { width:11px; height:11px; border:none; background-color:transparent; background-repeat:no-repeat; vertical-align:middle; }
12 | #MakeModelMessage .container {
13 | background: white;
14 | width: 268px;
15 | height: 114px;
16 | border-radius: 0px 0px 3px 3px;
17 | border: 1px solid #ccc;
18 | display: grid;
19 | }
20 |
21 | #MakeModelMessage .text_message {
22 | height: 73px;padding: 11px;
23 | }
24 |
25 |
26 | /** Buttons **/
27 | #MakeModelMessage .btns { position:absolute; bottom:-3px; width:100%; height:28px; }
28 | #MakeModelMessage .btn { position: absolute; border:0; width:42px; height:20px; background-repeat:no-repeat; background-color:transparent; }
29 |
30 | #MakeModelMessage .ok, #MakeModelMessage .make { right:50px; }
31 | #MakeModelMessage .cancel { right:4px; }
32 | #MakeModelMessage .delete { left:4px; }
--------------------------------------------------------------------------------
/src/UI/Components/Quest/Quest/Quest.html:
--------------------------------------------------------------------------------
1 |
10 |
27 |
28 |
11 |
26 |
12 |
18 |
13 |
14 |
15 |
16 |
17 |
19 |
24 |
25 |
2 |
37 |
--------------------------------------------------------------------------------
/src/UI/Components/NpcMenu/NpcMenu.css:
--------------------------------------------------------------------------------
1 | #NpcMenu {
2 | position:absolute;
3 | border-radius:5px;
4 | width:276px;
5 | height:116px;
6 | background-color:white;
7 | padding:2px;
8 | left:100px;
9 | top:285px;
10 | }
11 |
12 | #NpcMenu .title {
13 | white-space: nowrap;
14 | overflow: hidden;
15 | display: block;
16 | width: 260px;
17 | padding-left: 3px;
18 | padding-top: 3px;
19 | }
20 |
21 | #NpcMenu .container {
22 | border-radius:5px;
23 | border:1px solid #c1c6c2;
24 | width:269px;
25 | height:109px;
26 | padding-left:5px;
27 | padding-top:5px;
28 | }
29 |
30 | #NpcMenu .content {
31 | white-space:pre-wrap;
32 | background-color:#f9f9f9;
33 | width:260px;
34 | height:80px;
35 | overflow-x:hidden;
36 | overflow-y:auto;
37 | padding-left:3px;
38 | margin-top:5px;
39 | }
40 |
41 | #NpcMenu .content div {
42 | width:255px;
43 | height:17px;
44 | display:block;
45 | padding-top:3px;
46 | padding-left:5px;
47 | }
48 |
49 | #NpcMenu .content div.selected {
50 | background-color:#cde0ff;
51 | }
52 |
53 | #NpcMenu .btn {
54 | background-color:transparent;
55 | position: absolute;
56 | border: 0;
57 | width: 42px;
58 | height: 20px;
59 | bottom: 5px;
60 | }
61 |
62 | #NpcMenu .cancel {
63 | right:4px;
64 | }
65 |
66 | #NpcMenu .ok {
67 | right: 50px;
68 | }
--------------------------------------------------------------------------------
/src/UI/Components/MakeArrowSelection/MakeArrowSelection.css:
--------------------------------------------------------------------------------
1 | #MakeArrowSelection { z-index:100; position:absolute; width:200px; }
2 | #MakeArrowSelection .head { position:absolute; width:100%; height:22px; top:0px; left:0px;background-repeat:repeat-x; background-color:white; }
3 | #MakeArrowSelection .head .text { position:relative; top:2px; left:5px; white-space:nowrap; }
4 | #MakeArrowSelection .bottom { position:relative; height:120px; top:80px; left:0px; }
5 |
6 | #MakeArrowSelection .content { position:absolute; top:22px; left:0px; background-color:white; width:100%; }
7 | #MakeArrowSelection .list { background-color:#f7f7f7; height:130px; font-size:12px; overflow-y:auto; margin-left:10px; margin-right:10px; }
8 | #MakeArrowSelection .list .item { display:block; height:28px; margin:4px 4px 4px 4px; position:relative; }
9 | #MakeArrowSelection .list .item .icon { width:24px; height:24px; border:none; background-color:transparent; background-repeat:no-repeat; }
10 | #MakeArrowSelection .list .item .name { font-size:12px; position:absolute; top:7px; left:30px; width:90px; white-space:nowrap;}
11 |
12 | #MakeArrowSelection .btn { position:absolute; bottom:0px; border:0; width:42px; height:20px; bottom:4px; background-color:transparent; }
13 | #MakeArrowSelection .ok { right: 50px; }
14 | #MakeArrowSelection .cancel { right: 5px; }
--------------------------------------------------------------------------------
/src/UI/Components/Escape/Escape.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/src/UI/Components/Quest/Quest.js:
--------------------------------------------------------------------------------
1 | /**
2 | * UI/Components/Quest/Quest.js
3 | *
4 | * Quest Window
5 | *
6 | * This file is part of ROBrowser, (http://www.robrowser.com/).
7 | *
8 | */
9 | define(function (require)
10 | {
11 | 'use strict';
12 |
13 | var publicName = 'Quest';
14 |
15 | var Quest = require('./Quest/Quest');
16 | var QuestV1 = require('./QuestV1/QuestV1');
17 |
18 | var UIVersionManager = require('UI/UIVersionManager');
19 | var KEYS = require('Controls/KeyEventHandler');
20 |
21 | var versionInfo = {
22 | default: QuestV1,
23 | common: {
24 | 20180307: Quest
25 | },
26 | re: {
27 |
28 | },
29 | prere:{
30 |
31 | }
32 | };
33 |
34 | var Controller = UIVersionManager.getUIController(publicName, versionInfo);
35 | var _selectUIVersion = Controller.selectUIVersion;
36 |
37 | // Extend default UI selector
38 | Controller.selectUIVersion = function () {
39 | _selectUIVersion();
40 |
41 | var component = Controller.getUI();
42 |
43 | // Escape to close the UI
44 | component.onKeyDown = function onKeyDown(e) {
45 | if ((e.which === KEYS.ESCAPE || e.key === "Escape") && component.ui.is(':visible')) {
46 | if (typeof component.toggle === 'function') component.toggle();
47 | }
48 | }
49 | };
50 |
51 | return Controller;
52 | });
53 |
--------------------------------------------------------------------------------
/src/UI/Components/Emoticons/Emoticons.css:
--------------------------------------------------------------------------------
1 | #Emoticons { width: 250px; height:330px; position:absolute; }
2 |
3 | #Emoticons .titlebar { width:100%; height:17px; background-color:white; background-repeat:repeat-x; border-radius:3px 3px 0px 0px; }
4 | #Emoticons .titlebar .base { width:11px; height:11px; border:none; background-color:transparent; background-repeat:no-repeat; vertical-align:middle; }
5 | #Emoticons .titlebar .text { text-shadow:1px 1px white; vertical-align:-2px; white-space:nowrap;
6 | /* chrome bug */ display: inline-block; width: 32px; height:13px; }
7 |
8 | #Emoticons .titlebar .left { margin-left:3px; float:left; }
9 | #Emoticons .titlebar .right { float:right; margin-right:3px;}
10 | #Emoticons .titlebar .clear { clear:both; }
11 |
12 | #Emoticons .content { height:290px; background-color:white; padding-left:10px; }
13 | #Emoticons .content canvas { width:40px; height:40px; display:inline-block; border-radius:5px; border:1px solid transparent; margin:2px; }
14 | #Emoticons .content canvas:hover { border:1px solid #cfcfcf; }
15 |
16 | #Emoticons .navigation { text-align:center; background-color:white; border-radius:0px 0px 3px 3px; }
17 | #Emoticons .navigation button { border:none; background:none; color:#e6b59c; }
18 | #Emoticons .navigation button:hover { color:#ff9c9c;}
19 | #Emoticons .navigation button.disabled { visibility:hidden; }
--------------------------------------------------------------------------------
/src/UI/Components/ShortCut/ShortCut.css:
--------------------------------------------------------------------------------
1 | #ShortCut { position:absolute; overflow:hidden; width:280px; background-repeat:repeat-y;}
2 | #ShortCut .close { position:absolute; top:2px; right:2px; border:none; background-color:transparent; width:11px; height:11px; }
3 | #ShortCut .resize { position:absolute; bottom:1px; right:1px; border:none; background-color:transparent; width:13px; height:13px; }
4 |
5 | #ShortCut .row { position:relative; }
6 | #ShortCut .row .container { float:left; width:24px; height:23px; margin-top:5px; margin-left:5px; margin-bottom:6px; }
7 | #ShortCut .row .container:hover { background-color:#b5ffb5;}
8 | #ShortCut .row .index { float:left; position:relative; top:13px; left:5px; }
9 | #ShortCut .row .clear {}
10 |
11 | #ShortCut .icon { position:relative; }
12 | #ShortCut .icon .img { width:24px; height:24px; background-repeat:no-repeat; border:none; background-color:transparent;}
13 | #ShortCut .icon .name { display:none; z-index:1; position:absolute; top:0px; left:0px; background-color:rgba(0,0,0,0.6); text-shadow:1px 1px black; color:white; padding:5px; white-space:nowrap; }
14 | #ShortCut .icon:hover .name { display:block; }
15 | #ShortCut .icon.hide .name { display:none; }
16 | #ShortCut .icon .amount { font-size:10px; position:absolute; right:1px; top:20px; text-shadow:1px 1px 0px white; text-align:right; font-weight:bold; }
17 |
--------------------------------------------------------------------------------
/src/UI/Components/RefineWeaponSelection/RefineWeaponSelection.css:
--------------------------------------------------------------------------------
1 | #RefineWeaponSelection { z-index:100; position:absolute; width:200px; }
2 | #RefineWeaponSelection .head { position:absolute; width:100%; height:22px; top:0px; left:0px;background-repeat:repeat-x; background-color:white; }
3 | #RefineWeaponSelection .head .text { position:relative; top:2px; left:5px; white-space:nowrap; }
4 | #RefineWeaponSelection .bottom { position:relative; height:120px; top:80px; left:0px; }
5 |
6 | #RefineWeaponSelection .content { position:absolute; top:22px; left:0px; background-color:white; width:100%; }
7 | #RefineWeaponSelection .list { background-color:#f7f7f7; height:130px; font-size:12px; overflow-y:auto; margin-left:10px; margin-right:10px; }
8 | #RefineWeaponSelection .list .item { display:block; height:28px; margin:4px 4px 4px 4px; position:relative; }
9 | #RefineWeaponSelection .list .item .icon { width:24px; height:24px; border:none; background-color:transparent; background-repeat:no-repeat; }
10 | #RefineWeaponSelection .list .item .name { font-size:12px; position:absolute; top:7px; left:30px; width:90px; white-space:nowrap;}
11 |
12 | #RefineWeaponSelection .btn { position:absolute; bottom:0px; border:0; width:42px; height:20px; bottom:4px; background-color:transparent; }
13 | #RefineWeaponSelection .ok { right: 50px; }
14 | #RefineWeaponSelection .cancel { right: 5px; }
--------------------------------------------------------------------------------
/src/Renderer/Map/Sounds.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Renderer/Map/Sounds.js
3 | *
4 | * Play 3D sounds
5 | *
6 | * This file is part of ROBrowser, (http://www.robrowser.com/).
7 | *
8 | * @author Vincent Thibault
9 | */
10 | define( ['Utils/gl-matrix', 'Audio/SoundManager'],
11 | function( glMatrix, SoundManager )
12 | {
13 | 'use strict';
14 |
15 |
16 | /**
17 | * Sound renderer namespace
18 | */
19 | var vec2 = glMatrix.vec2;
20 | var _list = [];
21 |
22 |
23 | /**
24 | * Add 3D sound to the list
25 | */
26 | function add( sound )
27 | {
28 | _list.push( sound );
29 | }
30 |
31 |
32 | /**
33 | * Remove data from memory
34 | */
35 | function free()
36 | {
37 | _list.length = 0;
38 | }
39 |
40 |
41 | /**
42 | * Rendering sounds
43 | *
44 | * @param {vec2} position
45 | */
46 | function render( position, tick )
47 | {
48 | var sound;
49 | var i, count = _list.length;
50 |
51 | for (i = 0; i < count; ++i) {
52 | sound = _list[i];
53 | var dist = Math.floor(vec2.dist(sound.pos, position));
54 | if (sound.tick < tick && dist <= sound.range) {
55 | SoundManager.playPosition( sound.file, sound.pos);
56 | sound.tick = tick + sound.cycle * 1000;
57 | }
58 | }
59 | }
60 |
61 |
62 | /**
63 | * Export
64 | */
65 | return {
66 | add: add,
67 | free: free,
68 | render: render
69 | };
70 | });
71 |
--------------------------------------------------------------------------------
/src/UI/Components/Quest/QuestV1/QuestHelperV1.css:
--------------------------------------------------------------------------------
1 | #QuestInfoV1 { position: absolute; width: 350px; height: 375px; }
2 |
3 | #QuestInfoV1 .titlebar { width: 350px; height: 375px; }
4 |
5 | #QuestInfoV1 .titlebar .content { position: relative; width: 100%; height: 100%; }
6 |
7 | #QuestInfoV1 .titlebar .content .quest-info-close-btn { position:absolute; top:3px; right:2px; width:11px; height:11px; border:none; background:none; }
8 | #QuestInfoV1 .titlebar .content .title { position:absolute; top:60px; left:120px; }
9 | #QuestInfoV1 .titlebar .content .summary { position:absolute; top:135px; left:25px; }
10 | #QuestInfoV1 .titlebar .content .objective { position:absolute; top:283px; left:25px; max-width: 300px;}
11 | #QuestInfoV1 .titlebar .content .monster { position:absolute; top:341px; left:50px; }
12 | #QuestInfoV1 .titlebar .content .monster .monster-select { border:none; min-width: 110px; }
13 | #QuestInfoV1 .titlebar .content .killed { position:absolute; top:343px; left:215px; }
14 | #QuestInfoV1 .titlebar .content .limited { position:absolute; top:343px; left:290px; }
15 |
16 | .item-link {
17 | color: #0070C0;
18 | cursor: pointer;
19 | }
20 |
21 | .item-link:hover {
22 | color: #00A0FF;
23 | }
24 |
25 | .navi-link {
26 | color: #C00000;
27 | cursor: pointer;
28 | text-decoration: underline;
29 | }
30 |
31 | .navi-link:hover {
32 | color: #FF0000;
33 | }
34 |
--------------------------------------------------------------------------------
/src/UI/Components/Rodex/RodexIcon.js:
--------------------------------------------------------------------------------
1 | /**
2 | * UI/Components/Rodex/RodexIcon.js
3 | *
4 | * Rodex Icon
5 | *
6 | * @author Alisonrag
7 | *
8 | */
9 | define(function(require)
10 | {
11 | 'use strict';
12 |
13 |
14 | /**
15 | * Dependencies
16 | */
17 | var UIManager = require('UI/UIManager');
18 | var UIComponent = require('UI/UIComponent');
19 | var htmlText = require('text!./RodexIcon.html');
20 | var cssText = require('text!./RodexIcon.css');
21 | var Rodex = require('UI/Components/Rodex/Rodex');
22 |
23 | /**
24 | * Create Component
25 | */
26 | var RodexIcon = new UIComponent( 'RodexIcon', htmlText, cssText );
27 |
28 | /**
29 | * Apply preferences once append to body
30 | */
31 | RodexIcon.onAppend = function OnAppend()
32 | {
33 | let icon = this.ui.find('.rodex-icon');
34 | icon.on('click', onClickRodexIcon);
35 | icon.focus();
36 | };
37 |
38 | RodexIcon.toggle = function toggle()
39 | {
40 | this.ui.toggle();
41 | if (this.ui.is(':visible')) {
42 | this.focus();
43 | }
44 | };
45 |
46 | function onClickRodexIcon() {
47 | Rodex.openRodexBox();
48 | Rodex.append();
49 | Rodex.ui.show();
50 | Rodex.ui.focus();
51 | }
52 |
53 | /**
54 | * Create component and export it
55 | */
56 | return UIManager.addComponent(RodexIcon);
57 | });
58 |
59 |
--------------------------------------------------------------------------------
/src/UI/Components/SkillList/SkillList.js:
--------------------------------------------------------------------------------
1 | /**
2 | * UI/Components/SkillList/SkillList.js
3 | *
4 | * SkillWindow
5 | *
6 | * This file is part of ROBrowser, (http://www.robrowser.com/).
7 | *
8 | */
9 | define(function (require)
10 | {
11 | 'use strict';
12 |
13 | var publicName = 'SkillList';
14 |
15 | var SkillList = require('./SkillList/SkillList');
16 | var SkillListV0 = require('./SkillListV0/SkillListV0');
17 |
18 | var UIVersionManager = require('UI/UIVersionManager');
19 | var KEYS = require('Controls/KeyEventHandler');
20 |
21 | var versionInfo = {
22 | default: SkillListV0,
23 | common: {
24 | 20090601: SkillList
25 | },
26 | re: {
27 |
28 | },
29 | prere:{
30 |
31 | }
32 | };
33 |
34 | var Controller = UIVersionManager.getUIController(publicName, versionInfo);
35 | var _selectUIVersion = Controller.selectUIVersion;
36 |
37 | // Extend default UI selector
38 | Controller.selectUIVersion = function () {
39 | _selectUIVersion();
40 |
41 | var component = Controller.getUI();
42 |
43 | // Escape to close the UI
44 | component.onKeyDown = function onKeyDown(e) {
45 | if ((e.which === KEYS.ESCAPE || e.key === "Escape") && component.ui.is(':visible')) {
46 | if (typeof component.toggle === 'function') component.toggle();
47 | }
48 | }
49 | };
50 |
51 | return Controller;
52 | });
53 |
--------------------------------------------------------------------------------
/src/UI/Components/WinLogin/WinLoginV2/WinLoginV2Background.html:
--------------------------------------------------------------------------------
1 |
4 |
5 |
7 |
8 | Select Option
6 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/src/Engine/MapEngine/CashShop.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Engine/MapEngine/CashShop.js
3 | *
4 | * Manage Trade packets and UI
5 | *
6 | * This file is part of ROBrowser, (http://www.robrowser.com/).
7 | *
8 | * @author Vincent Thibault
9 | */
10 | define(function( require )
11 | {
12 | 'use strict';
13 |
14 | /**
15 | * Load dependencies
16 | */
17 | var Network = require('Network/NetworkManager');
18 | var PACKET = require('Network/PacketStructure');
19 | var CashShop = require('UI/Components/CashShop/CashShop');
20 |
21 | function onOpenCashShop(pkt){
22 | CashShop.readPoints(pkt.cashPoints, pkt.kafraPoints, pkt.tab);
23 | }
24 |
25 | function onOpenReqCashShopItemList(pkt){
26 | CashShop.readCashShopItems(pkt);
27 | }
28 |
29 | function onSuccessCashShopBuyList(pkt){
30 | CashShop.setSuccessCashShopUpdate(pkt);
31 | }
32 |
33 | /**
34 | * Initialize
35 | */
36 | return function MainEngine()
37 | {
38 | Network.hookPacket( PACKET.ZC.SE_CASHSHOP_OPEN, onOpenCashShop );
39 | Network.hookPacket( PACKET.ZC.SE_CASHSHOP_OPEN2, onOpenCashShop );
40 | Network.hookPacket( PACKET.ZC.SE_CASHSHOP_OPEN3, onOpenCashShop ); // old with no tab
41 | Network.hookPacket( PACKET.ZC.ACK_SCHEDULER_CASHITEM, onOpenReqCashShopItemList );
42 | Network.hookPacket( PACKET.ZC.SE_PC_BUY_CASHITEM_RESULT, onSuccessCashShopBuyList );
43 | };
44 | });
45 |
--------------------------------------------------------------------------------
/src/UI/Components/BasicInfo/BasicInfo.js:
--------------------------------------------------------------------------------
1 | /**
2 | * UI/Components/BasicInfo/BasicInfo.js
3 | *
4 | * Chararacter Basic information windows
5 | *
6 | * Note: For different versions, please use different Object names and main div IDs to avoid conflicts in settings and styles
7 | *
8 | * This file is part of ROBrowser, (http://www.robrowser.com/).
9 | *
10 | */
11 | define(function (require)
12 | {
13 | 'use strict';
14 |
15 | var publicName = 'BasicInfo';
16 |
17 | var BasicInfo = require('./BasicInfo/BasicInfo');
18 | var BasicInfoV0 = require('./BasicInfoV0/BasicInfoV0');
19 | var BasicInfoV3 = require('./BasicInfoV3/BasicInfoV3');
20 | var BasicInfoV4 = require('./BasicInfoV4/BasicInfoV4');
21 | var BasicInfoV5 = require('./BasicInfoV5/BasicInfoV5');
22 |
23 | var UIVersionManager = require('UI/UIVersionManager');
24 |
25 | var versionInfo = {
26 | default: BasicInfoV0,
27 | common: {
28 | 20200520: BasicInfoV5, // not sure the exact client date that started supporting 4th Jobs
29 | 20180124: BasicInfoV4,
30 | 20160101: BasicInfoV3,
31 | 20090601: BasicInfo,
32 | },
33 | re: {
34 |
35 | },
36 | prere:{
37 |
38 | },
39 | job: {
40 | Fourth_Class: BasicInfoV5,
41 | default: BasicInfoV4
42 | }
43 | };
44 |
45 | var BasicInfoController = UIVersionManager.getUIController(publicName, versionInfo);
46 |
47 | return BasicInfoController;
48 | });
49 |
--------------------------------------------------------------------------------
/src/Renderer/Entity/EntityAnimations.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Renderer/EntityAnimations.js
3 | *
4 | * Manage entity special animations
5 | *
6 | * This file is part of ROBrowser, (http://www.robrowser.com/).
7 | *
8 | * @author Vincent Thibault
9 | */
10 | define(['Renderer/Renderer'], function( Renderer )
11 | {
12 | 'use strict';
13 |
14 |
15 | /**
16 | * @Constructor
17 | * @param {object} Entity
18 | */
19 | function Animations(entity)
20 | {
21 | this.entity = entity;
22 | this.list = [];
23 | }
24 |
25 |
26 | /**
27 | * Add an animation to the list
28 | *
29 | * @param {function} callback
30 | */
31 | Animations.prototype.add = function add(callback)
32 | {
33 | this.list.push({
34 | tick: Renderer.tick,
35 | callback: callback
36 | });
37 | };
38 |
39 |
40 | /**
41 | * Process events
42 | */
43 | Animations.prototype.process = function process()
44 | {
45 | var i, count;
46 |
47 | for (i = 0, count = this.list.length; i < count; ++i) {
48 | if (this.list[i].callback(Renderer.tick - this.list[i].tick)) {
49 | this.list.splice(i, 1);
50 | i--;
51 | count--;
52 | }
53 | }
54 | };
55 |
56 |
57 | /**
58 | * Clean up events
59 | */
60 | Animations.prototype.free = function free()
61 | {
62 | this.list.length = 0;
63 | };
64 |
65 |
66 | return function init() {
67 | this.animations = new Animations(this);
68 | };
69 | });
70 |
--------------------------------------------------------------------------------
/src/UI/Components/CartItems/CartItems.html:
--------------------------------------------------------------------------------
1 |
2 |
13 |
14 |
33 |
--------------------------------------------------------------------------------
/src/UI/Components/WinStats/WinStats/WinStats.css:
--------------------------------------------------------------------------------
1 | #WinStats { position:absolute; width:280px; height:130px; background-color:transparent; background-repeat:no-repeat; font-size:11px; }
2 |
3 | #WinStats .titlebar { width:280px; height:17px; background-color:white; background-repeat:repeat-x; border-radius:3px 3px 0px 0px; }
4 | #WinStats .titlebar .base { width:11px; height:11px; border:none; background-color:transparent; background-repeat:no-repeat; vertical-align:middle;}
5 | #WinStats .titlebar .text { text-shadow:1px 1px white; vertical-align:-2px; white-space:nowrap;
6 | /* chrome bug */ display: inline-block; width: 32px; height:13px; }
7 |
8 | #WinStats .titlebar .left { margin-left:3px; float:left; }
9 | #WinStats .titlebar .right { float:right; margin-right:3px;}
10 | #WinStats .titlebar .clear { clear:both; }
11 |
12 | #WinStats .panel { height: 103px }
13 | #WinStats .group { position:absolute; top:23px; }
14 | #WinStats .group div { height:16px; display:block;}
15 | #WinStats .stats { left:53px; }
16 | #WinStats .bonus { left:70px; }
17 | #WinStats .requirements { left:96px; text-align:right; width:12px; }
18 | #WinStats .column1 { top:23px; right:87px; text-align:right; }
19 | #WinStats .column2 { top:23px; right:5px; text-align:right; }
20 | #WinStats .up { left:89px; top:18px; }
21 | #WinStats .up button { display:block; margin-top:5px; border:none; width:11px; height:11px; background-color:transparent; background-repeat:no-repeat; }
22 |
--------------------------------------------------------------------------------
/src/UI/Components/WinStats/WinStatsV2/WinStatsV2.css:
--------------------------------------------------------------------------------
1 | #WinStatsV2 { position:absolute; width:280px; height:130px; background-color:transparent; background-repeat:no-repeat; font-size:11px; }
2 |
3 | #WinStatsV2 .titlebar { width:280px; height:17px; background-color:white; background-repeat:repeat-x; border-radius:3px 3px 0px 0px; }
4 | #WinStatsV2 .titlebar .base { width:11px; height:11px; border:none; background-color:transparent; background-repeat:no-repeat; vertical-align:middle;}
5 | #WinStatsV2 .titlebar .text { text-shadow:1px 1px white; vertical-align:-2px; white-space:nowrap;
6 | /* chrome bug */ display: inline-block; width: 32px; height:13px; }
7 |
8 | #WinStatsV2 .titlebar .left { margin-left:3px; float:left; }
9 | #WinStatsV2 .titlebar .right { float:right; margin-right:3px;}
10 | #WinStatsV2 .titlebar .clear { clear:both; }
11 |
12 | #WinStatsV2 .panel { height: 103px }
13 | #WinStatsV2 .group { position:absolute; top:23px; }
14 | #WinStatsV2 .group div { height:16px; display:block;}
15 | #WinStatsV2 .stats { left:37px; }
16 | #WinStatsV2 .bonus { left:56px; }
17 | #WinStatsV2 .requirements { left:90px; text-align:right; width:12px; }
18 | #WinStatsV2 .column1 { top:23px; right:88px; text-align:right; }
19 | #WinStatsV2 .column2 { top:23px; right:5px; text-align:right; }
20 | #WinStatsV2 .up { left:78px; top:19px; }
21 | #WinStatsV2 .up button { display:block; margin-top:5px; border:none; width:11px; height:11px; background-color:transparent; background-repeat:no-repeat; }
22 |
--------------------------------------------------------------------------------
/applications/tools/converter/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | background-color:white;
3 | border: 5px dashed transparent;
4 | padding: 5%;
5 | }
6 |
7 | body.drag {
8 | border: 5px dashed grey;
9 | border-radius: 30px;
10 | }
11 |
12 | h2 {
13 | margin-bottom: 60px;
14 | }
15 |
16 | .container {
17 | text-align:center;
18 | font-family:Arial;
19 | font-size:14px;
20 | font-weight:bold;
21 | }
22 |
23 | select {
24 | width: 100%;
25 | height: 30px;
26 | font-size: 18px;
27 | max-width: 400px;
28 | }
29 |
30 | .from {
31 | margin-bottom: 30px;
32 | }
33 |
34 | .to {
35 | margin-bottom: 10px;
36 | }
37 |
38 | .group {
39 | color:#999;
40 | display: inline-block;
41 | margin:2%;
42 | text-align:center;
43 | width:200px;
44 | }
45 |
46 | .box {
47 | width: 100px;
48 | height: 100px;
49 | border-radius: 30px;
50 | border: 2px dashed #ccc;
51 | display: inline-block;
52 | margin-bottom:10px;
53 | background-image:url('arrow-up.png');
54 | background-repeat:no-repeat;
55 | background-position:center center;
56 | }
57 |
58 | .removing {
59 | opacity:0;
60 | }
61 |
62 | .group.removing .box {
63 | background-image:url('loading.gif');
64 | transform:rotate(360deg);
65 | -webkit-transform:rotate(360deg);
66 | }
67 |
68 | .group.removed {
69 | opacity:0;
70 | width:0px;
71 | height:0px;
72 | margin:0;
73 | }
74 |
75 | * {
76 | transition:all 0.5s ease-out;
77 | }
78 |
79 | button {
80 | margin-top: 20px;
81 | width: 200px;
82 | height: 40px;
83 | font-size:18px;
84 | }
--------------------------------------------------------------------------------
/src/UI/Components/Storage/Storage.html:
--------------------------------------------------------------------------------
1 |
15 |
16 |
31 |
32 | |
18 |
19 |
20 |
21 |
22 | |
23 |
|
26 | Num:/ Weight:/
27 |
28 | |
29 |
2 |
8 |
9 |
--------------------------------------------------------------------------------
/src/UI/Components/EntitySignboard/EntitySignboard.css:
--------------------------------------------------------------------------------
1 | .EntitySignboard {
2 | position: absolute;
3 | z-index: 45;
4 | width: 161px;
5 | background-repeat: no-repeat;
6 | padding: 3px;
7 | letter-spacing: 0px;
8 | height: 30px;
9 | cursor: inherit;
10 | }
11 |
12 | .EntitySignboard button {
13 | position: relative;
14 | height: 24px;
15 | width: 100%;
16 | text-align: left;
17 | padding: 0px;
18 | background-color: transparent;
19 | background-repeat: no-repeat;
20 | white-space: nowrap;
21 | border: none;
22 | left: 2px;
23 | top: 2px;
24 | }
25 |
26 | .EntitySignboard button:hover {
27 | cursor: inherit;
28 | }
29 |
30 | .EntitySignboard button.icon-only {
31 | pointer-events: none;
32 | }
33 |
34 | .EntitySignboard button .title {
35 | position: relative;
36 | left: 30px;
37 | width: 122px;
38 | color: white;
39 | overflow: hidden;
40 | color: white;
41 | text-overflow: ellipsis;
42 | overflow: hidden;
43 | white-space: nowrap;
44 | display: inline-block;
45 | max-width: 100%;
46 | vertical-align: middle;
47 | font-size: 0.9em;
48 | }
49 |
50 | .EntitySignboard .overlay {
51 | position: absolute;
52 | top: 0px;
53 | left: 26px;
54 | display: none;
55 | white-space: nowrap;
56 | z-index:900;
57 | height:13px;
58 | padding:5px;
59 | background-color:rgba(0,0,0,0.6);
60 | color:white;
61 | text-shadow:1px 1px black;
62 | }
63 |
64 | .EntitySignboard button:hover .overlay {
65 | display:block;
66 | }
--------------------------------------------------------------------------------
/src/UI/Components/MapName/MapName.css:
--------------------------------------------------------------------------------
1 | #MapName {
2 | position:absolute;
3 | top: 90px;
4 | height:190px;
5 | left: 50%;
6 | width:500px;
7 | margin-left: -250px;
8 | }
9 |
10 | #MapName .container .mapbg {
11 | height: 190px;
12 | width: 500px;
13 | position: relative;
14 | background-size: contain;
15 | }
16 |
17 | #MapName .mapsubtitle {
18 | height: 30px;
19 | width: 500px;
20 | position: relative;
21 | color: white;
22 | font-weight: bolder;
23 | text-align: center;
24 | top: 70px;
25 | font-size: 16px;
26 | }
27 |
28 | #MapName .maptitle {
29 | height: 80px;
30 | width: 500px;
31 | text-align: center;
32 | font-size: 36px;
33 | position: relative;
34 | top: 70px;
35 | color: white;
36 | font-weight: bolder;
37 | }
38 |
39 | /*Half size for small screens, eg: mobile in landscape*/
40 | @media (max-width:1000px){
41 | #MapName {
42 | height:95px;
43 | width:250px;
44 | margin-left: -125px;
45 | }
46 | #MapName .container .mapbg {
47 | height: 95px;
48 | width: 250px;
49 | position: relative;
50 | }
51 |
52 | #MapName .mapsubtitle {
53 | height: 15px;
54 | width: 250px;
55 | position: relative;
56 | color: white;
57 | font-weight: bolder;
58 | text-align: center;
59 | top: 35px;
60 | font-size: 8px;
61 | }
62 |
63 | #MapName .maptitle {
64 | height: 40px;
65 | width: 250px;
66 | text-align: center;
67 | font-size: 18px;
68 | position: relative;
69 | top: 35px;
70 | color: white;
71 | font-weight: bolder;
72 | }
73 | }
74 |
--------------------------------------------------------------------------------
/src/UI/Components/CharCreate/CharCreatev2/CharCreatev2.html:
--------------------------------------------------------------------------------
1 |
10 |
11 |
33 |
34 | | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | | 21 |22 | 23 | | 24 |
| 27 | 0/0 28 | 29 | 30 | | 31 |
2 |
36 |
--------------------------------------------------------------------------------
/src/UI/Components/PetInformations/PetInformations.html:
--------------------------------------------------------------------------------
1 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
35 |
2 |
11 |
--------------------------------------------------------------------------------
/src/UI/Components/WinLogin/WinLoginV2/WinLoginV2.css:
--------------------------------------------------------------------------------
1 | #WinLoginV2 { position:absolute; width:301px; height:132px; z-index:1; top: 60%; left: 50%; margin: 0 0 0 -140px; }
2 | #WinLoginV2 .win_login { width: 100%; height: 100%; }
3 | #WinLoginV2 .win_login input { position:absolute; left:17px; height:18px; width:127px; border:none; background-color:transparent; padding-left:2px; outline:none; text-align: center;}
4 | #WinLoginV2 .win_login input.user { top:39px; }
5 | #WinLoginV2 .win_login input.pass { top:61px; }
6 | #WinLoginV2 .win_login .save { position:absolute; top:85px; left:57px; display:block; width:38px; height:10px; border:none; background-color:transparent; background-repeat:no-repeat; }
7 | #WinLoginV2 .win_login .btn { position:absolute; border:0; background-color:transparent; }
8 | #WinLoginV2 .win_login .btn.connect { width:84px; height:84px; right:25px; bottom: 15px; }
9 | #WinLoginV2 .win_login .btn.signup { width:84px; height:21px; right:130px; bottom: 15px;}
10 | #WinLoginV2 .win_login .btn.exit { width:24px; height:23px; right:7px; bottom: 96px; }
11 |
12 | /* Override browser autofill styles */
13 | #WinLoginV2 .win_login input:-webkit-autofill,
14 | #WinLoginV2 .win_login input:-webkit-autofill:hover,
15 | #WinLoginV2 .win_login input:-webkit-autofill:focus,
16 | #WinLoginV2 .win_login input:-webkit-autofill:active,
17 | #WinLoginV2 .win_login input:-internal-autofill-selected,
18 | #WinLoginV2 .win_login input:-internal-autofill-previewed {
19 | -webkit-background-clip: text;
20 | transition: background-color 5000sease-in-out 0s;
21 | box-shadow: inset 0 0 20px 20px #ffffff00;
22 | }
23 |
24 |
25 |
--------------------------------------------------------------------------------
/src/Preferences/Map.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Preferences/Map.js
3 | *
4 | * Map user preferences
5 | *
6 | * This file is part of ROBrowser, (http://www.robrowser.com/).
7 | *
8 | * @author Vincent Thibault
9 | */
10 | define( ['Core/Preferences'], function( Preferences )
11 | {
12 | 'use strict';
13 |
14 |
15 | /**
16 | * Export
17 | */
18 | return Preferences.get( 'Map', {
19 |
20 | /**
21 | * Display the fog ?
22 | *
23 | * Toggle by using "/fog" in the chatbox
24 | */
25 | fog: true,
26 |
27 | /**
28 | * Display lightmap ?
29 | *
30 | * Toggle using "/lightmap" in the chatbox
31 | */
32 | lightmap: true,
33 |
34 | /**
35 | * Posterize lightmap ?
36 | *
37 | * Toggle using "/smoothlight" in the chatbox
38 | */
39 | smoothlight: false,
40 |
41 |
42 | /**
43 | * Display effects ?
44 | *
45 | * Toggle using "/effect" in the chatbox
46 | */
47 | effect: true,
48 |
49 |
50 | /**
51 | * Display minify effects ?
52 | *
53 | * Toggle using "/mineeffect" in the chatbox
54 | */
55 | mineffect: false,
56 |
57 |
58 | /**
59 | * Should we display "miss" when monster/player miss an attack ?
60 | *
61 | * Toggle using "/miss" in the chatbox
62 | */
63 | miss: true,
64 |
65 |
66 | /**
67 | * Display aura (2) or simplified aura (1) or disable entirely (0)
68 | *
69 | * Toggle using "/aura" or "/aura2" in the chatbox
70 | */
71 | aura: 1,
72 |
73 | /**
74 | * Display different font style ?
75 | *
76 | * Toggle using "/showname" changes font styles.
77 | */
78 | showname: true
79 |
80 | }, 1.1 );
81 | });
82 |
--------------------------------------------------------------------------------
/src/UI/Components/EntityRoom/EntityRoom.css:
--------------------------------------------------------------------------------
1 | .EntityRoom {
2 | box-sizing: border-box;
3 | position: absolute;
4 | z-index: 45;
5 | width: 140px;
6 | max-height: 26px;
7 | border-radius: 5px;
8 | background-color: white;
9 | padding: 2px;
10 | letter-spacing: 0px;
11 | }
12 |
13 | .EntityRoom button {
14 | width: 100%;
15 | text-align: left;
16 | padding: 0px;
17 | border-radius: 5px;
18 | border:1px solid #c1c6c2;
19 | background-color: transparent;
20 | background-repeat: no-repeat;
21 | background-position: left center;
22 | white-space: nowrap;
23 | display: flex;
24 | align-items: center;
25 | }
26 |
27 | .EntityRoom button::after {
28 | content: '';
29 | position: absolute;
30 | bottom: -12px;
31 | left: 50%;
32 | margin-left: -10px;
33 | z-index: -1;
34 | width: 0;
35 | height: 0;
36 | border-style: solid;
37 | border-width: 0 10.5px 26px 10.5px;
38 | border-color: transparent transparent #fff transparent;
39 | transform: rotate(220deg);
40 | }
41 |
42 | .EntityRoom .image {
43 | width: 24px;
44 | height: 24px;
45 | margin-right: 5px;
46 | margin-top: -1px;
47 | margin-bottom: -3px;
48 | }
49 |
50 | .EntityRoom .title {
51 | overflow: hidden;
52 | text-overflow: ellipsis
53 | }
54 |
55 | .EntityRoom .overlay {
56 | position: absolute;
57 | top: 0;
58 | left: 26px;
59 | display: none;
60 | z-index: 900;
61 | padding: 5px;
62 | background-color: rgba(0,0,0,0.6);
63 | color: white;
64 | text-shadow: 1px 1px black;
65 | border: 1px solid #5A5A5A;
66 | white-space: nowrap;
67 | }
68 |
69 | .EntityRoom button:hover .overlay {
70 | display: block;
71 | border-radius: 3px;
72 | }
--------------------------------------------------------------------------------
/src/UI/Components/SkillListMH/SkillListMH.html:
--------------------------------------------------------------------------------
1 |
12 |
31 | Name
13 | Level
14 |
15 |
16 | Hunger
17 | Intimacy
18 |
19 | Accessory
20 | Equipped
21 | Auto Feeding
22 |
23 |
30 |
2 |
14 |
15 |
36 |
--------------------------------------------------------------------------------
/src/UI/Components/Inventory/InventoryV0/InventoryV0.html:
--------------------------------------------------------------------------------
1 |
16 |
33 |
35 |
17 |
18 |
19 |
21 |
22 |
23 |
24 |
32 |
2 |
13 |
14 |
38 |
--------------------------------------------------------------------------------
/src/UI/Components/PlayerViewEquip/PlayerViewEquipV0/PlayerViewEquipV0.html:
--------------------------------------------------------------------------------
1 |
15 |
16 |
36 |
37 | | 18 | 19 | 20 | 21 | | 22 |
23 |
24 |
25 |
26 |
27 | |
28 |
|
31 | Num:/
32 |
33 | |
34 |
2 |
13 |
14 |
45 |
--------------------------------------------------------------------------------
/src/UI/Components/WinStats/WinStats.js:
--------------------------------------------------------------------------------
1 | /**
2 | * UI/Components/WinStats/WinStats.js
3 | *
4 | * Chararacter Basic information windows
5 | *
6 | * Note: For different versions, please use different Object names and main div IDs to avoid conflicts in settings and styles
7 | *
8 | * This file is part of ROBrowser, (http://www.robrowser.com/).
9 | *
10 | */
11 | define(function (require)
12 | {
13 | 'use strict';
14 |
15 | var publicName = 'WinStats';
16 |
17 | var WinStats = require('./WinStats/WinStats');
18 | var WinStatsV1 = require('./WinStatsV1/WinStatsV1');
19 | var WinStatsV2 = require('./WinStatsV2/WinStatsV2');
20 | var WinStatsV3 = require('./WinStatsV3/WinStatsV3');
21 |
22 | var UIVersionManager = require('UI/UIVersionManager');
23 | var KEYS = require('Controls/KeyEventHandler');
24 |
25 | var versionInfo = {
26 | default: WinStats,
27 | common: {
28 | 20200520: WinStatsV3,
29 | 20140521: WinStatsV2,
30 | 20090617: WinStatsV1,
31 | },
32 | re: {
33 |
34 | },
35 | prere:{
36 |
37 | }
38 | };
39 |
40 | var WinStatsController = UIVersionManager.getUIController(publicName, versionInfo);
41 | var _selectUIVersion = WinStatsController.selectUIVersion;
42 |
43 | // Extend default UI selector
44 | WinStatsController.selectUIVersion = function () {
45 | _selectUIVersion();
46 |
47 | var component = WinStatsController.getUI();
48 |
49 | // Escape to close the UI
50 | component.onKeyDown = function onKeyDown(e) {
51 | if ((e.which === KEYS.ESCAPE || e.key === "Escape") && component.ui.is(':visible')) {
52 | if (typeof component.toggle === 'function') component.toggle();
53 | }
54 | }
55 | };
56 |
57 | return WinStatsController;
58 | });
59 |
--------------------------------------------------------------------------------
/src/UI/Components/CardIllustration/CardIllustration.js:
--------------------------------------------------------------------------------
1 | /**
2 | * UI/Components/CardIllustration/CardIllustration.js
3 | *
4 | * Card image
5 | *
6 | * This file is part of ROBrowser, (http://www.robrowser.com/).
7 | *
8 | * @author Vincent Thibault
9 | */
10 | define(function(require)
11 | {
12 | 'use strict';
13 |
14 |
15 | /**
16 | * Dependencies
17 | */
18 | var DB = require('DB/DBManager');
19 | var Client = require('Core/Client');
20 | var UIManager = require('UI/UIManager');
21 | var UIComponent = require('UI/UIComponent');
22 | var htmlText = require('text!./CardIllustration.html');
23 | var cssText = require('text!./CardIllustration.css');
24 |
25 |
26 | /**
27 | * Create Component
28 | */
29 | var CardIllustration = new UIComponent( 'CardIllustration', htmlText, cssText );
30 |
31 |
32 | /**
33 | * Initialize events
34 | */
35 | CardIllustration.init = function init()
36 | {
37 | this.ui.find('.close').click(this.remove.bind(this));
38 | this.draggable();
39 | };
40 |
41 |
42 | /**
43 | * Show image
44 | *
45 | * @param {object} item
46 | */
47 | CardIllustration.setCard = function setCard( item )
48 | {
49 | this.ui.find('.titlebar .text').text( item.identifiedDisplayName );
50 | this.ui.find('.content').css('backgroundImage', 'none' );
51 |
52 | Client.loadFile( DB.INTERFACE_PATH + 'cardbmp/' + item.illustResourcesName + '.bmp', function(data){
53 | this.ui.find('.content').css('backgroundImage', 'url('+data+')' );
54 | }.bind(this));
55 | };
56 |
57 |
58 | /**
59 | * Create component and export it
60 | */
61 | return UIManager.addComponent(CardIllustration);
62 | });
63 |
--------------------------------------------------------------------------------
/src/Engine/SessionStorage.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Engine/SessionStorage.js
3 | *
4 | * Session Storage
5 | * Manage session variables
6 | *
7 | * @author Vincent Thibault
8 | */
9 |
10 | define(function()
11 | {
12 | "use strict";
13 |
14 | return {
15 |
16 | isTouchDevice: false,
17 | isRenewal: false,
18 | TouchTargeting: false,
19 | AutoTargeting: false,
20 |
21 | FreezeUI: false,
22 |
23 | AuthCode: 0,
24 | AID: 0,
25 | GID: 0,
26 | UserLevel: 0,
27 | Sex: 0,
28 | LangType: 0,
29 | ServerName: null,
30 | ratesInfo: null,
31 |
32 | Character: null,
33 | Entity: null,
34 |
35 | AdminList: [],
36 |
37 | underAutoCounter: false,
38 |
39 | moveAction: null,
40 |
41 | zeny: 0,
42 | weight: 0,
43 | max_weight: 0,
44 |
45 | petId: 0,
46 | pet: {},
47 |
48 | hasParty: false,
49 | isPartyLeader: false,
50 |
51 | hasGuild: false,
52 | guildRight: 0,
53 | isGuildMaster: false,
54 |
55 | Playing: false,
56 | hasCart: false,
57 | CartNum: 0,
58 |
59 | homCustomAI: false,
60 | merCustomAI: false,
61 |
62 | autoFollow: false,
63 | autoFollowTarget: null,
64 |
65 | ping: {
66 | pingTime: 0,
67 | pongTime: 0,
68 | returned: false,
69 | value: 0,
70 | },
71 |
72 | serverTick: 0,
73 |
74 | mapState: {
75 | property : 0,
76 | type : 0,
77 | flag : 0,
78 | isPVPZone : false,
79 | isAgitZone : false,
80 | isPVP : false,
81 | isGVG : false,
82 | isSiege : false,
83 | isNoLockOn : false,
84 | showPVPCounter : false,
85 | showBFCounter : false,
86 | isBattleField : false,
87 | },
88 | };
89 | });
90 |
--------------------------------------------------------------------------------
/src/UI/Components/PartyFriends/PartyHelper.css:
--------------------------------------------------------------------------------
1 | #PartyHelper { position:absolute; width:130px; }
2 |
3 | #PartyHelper .titlebar { width:100%; height:17px; background-color:white; background-repeat:repeat-x; border-radius:3px 3px 0px 0px; }
4 | #PartyHelper .titlebar .base { width:11px; height:11px; border:none; background-color:transparent; background-repeat:no-repeat; vertical-align:middle; }
5 | #PartyHelper .titlebar .text { text-shadow:1px 1px white; vertical-align:-2px; white-space:nowrap;
6 | /* chrome bug */ display: inline-block; width: 32px; height:13px; }
7 |
8 | #PartyHelper .titlebar .left { margin-left:3px; float:left; }
9 | #PartyHelper .titlebar .right { float:right; margin-right:3px;}
10 | #PartyHelper .titlebar .clear { clear:both; }
11 |
12 | #PartyHelper .content { background-color:white; padding-bottom:5px; }
13 | #PartyHelper .disabled, #PartyHelper .disabled button { color: #888;}
14 | #PartyHelper .on, #PartyHelper .off { border:none; background-repeat:no-repeat; background-color:transparent; background-position:0px 3px; padding-left:15px; }
15 | #PartyHelper .content p { padding:0; margin:0; padding-top:10px; }
16 | #PartyHelper .content div { margin-left:10px; }
17 | #PartyHelper .content button { margin-left:10px; padding-left:15px; }
18 | #PartyHelper .name { border:none; background-color:#e7e7e7; width:95px; height:20px; margin-left:10px; margin-top:5px; padding-left:5px; }
19 |
20 | #PartyHelper .footer { border-radius: 0px 0px 3px 3px; width:100%; height:27px; background-repeat:repeat-x; background-color:transparent; position:relative; }
21 | #PartyHelper .btn { position:absolute; bottom:3px; border:0; width:42px; height:20px; background-repeat:no-repeat; background-color:transparent; }
22 | #PartyHelper .ok { right:46px; }
23 | #PartyHelper .cancel { right:2px; }
--------------------------------------------------------------------------------
/src/DB/Effects/WeatherEffect.js:
--------------------------------------------------------------------------------
1 | /**
2 | * DB/Effects/WeatherEffect.js
3 | *
4 | * Weather DB
5 | *
6 | * This file is part of ROBrowser, Ragnarok Online in the Web Browser (http://www.robrowser.com/).
7 | *
8 | * @author Vincent Thibault
9 | */
10 |
11 | define(function()
12 | {
13 | 'use strict';
14 |
15 | var Weather = {};
16 |
17 |
18 | // Sky and clouds features
19 | Weather.sky = {};
20 |
21 |
22 | // Blue sky and white clouds
23 | Weather.sky['airplane.rsw'] = { skyColor:[0.4, 0.6, 0.8, 1.0], cloudColor:[1.0, 1.0, 1.0] };
24 | Weather.sky['airplane_01.rsw'] = { skyColor:[0.4, 0.6, 0.8, 1.0], cloudColor:[1.0, 1.0, 1.0] };
25 | Weather.sky['gonryun.rsw'] = { skyColor:[0.4, 0.6, 0.8, 1.0], cloudColor:[1.0, 1.0, 1.0] };
26 | Weather.sky['gon_dun02.rsw'] = { skyColor:[0.4, 0.6, 0.8, 1.0], cloudColor:[1.0, 1.0, 1.0] };
27 | Weather.sky['himinn.rsw'] = { skyColor:[0.4, 0.6, 0.8, 1.0], cloudColor:[1.0, 1.0, 1.0] };
28 | Weather.sky['ra_temsky.rsw'] = { skyColor:[0.4, 0.6, 0.8, 1.0], cloudColor:[1.0, 1.0, 1.0] };
29 | Weather.sky['rwc01.rsw'] = { skyColor:[0.4, 0.6, 0.8, 1.0], cloudColor:[1.0, 1.0, 1.0] };
30 | Weather.sky['sch_gld.rsw'] = { skyColor:[0.4, 0.6, 0.8, 1.0], cloudColor:[1.0, 1.0, 1.0] };
31 | Weather.sky['valkyrie.rsw'] = { skyColor:[0.4, 0.6, 0.8, 1.0], cloudColor:[1.0, 1.0, 1.0] };
32 | Weather.sky['yuno.rsw'] = { skyColor:[0.4, 0.6, 0.8, 1.0], cloudColor:[1.0, 1.0, 1.0] };
33 |
34 | // Extras
35 | Weather.sky['5@tower.rsw'] = { skyColor:[0.2, 0.0, 0.2, 1.0], cloudColor:[1.0, 0.7, 0.7] };
36 | Weather.sky['thana_boss.rsw'] = { skyColor:[0.88, 0.83, 0.76, 1.0], cloudColor:[0.37, 0.0, 0.0] };
37 |
38 |
39 | // TODO: add others effect (snow, fireworks, etc.)
40 |
41 |
42 | /**
43 | * Export
44 | */
45 | return Weather;
46 | });
--------------------------------------------------------------------------------
/src/DB/Jobs/MountTable.js:
--------------------------------------------------------------------------------
1 | /**
2 | * DB/Jobs/MountTable.js
3 | *
4 | * Look up table
15 |
16 |
43 |
44 | | 18 | |
19 |
20 |
21 |
22 |
23 | |
24 | 25 | |
| 28 | | 29 | | |
| 32 | | 33 | | |
| 36 | | 37 | | |
| 40 | | 41 | |
2 |
3 |
--------------------------------------------------------------------------------
/Dockerfile:
--------------------------------------------------------------------------------
1 | FROM node:20.10.0 AS dev
2 |
3 | LABEL org.opencontainers.image.description="Creates a environment to host the NodeJS and NPM environment."
4 |
5 | USER root
6 |
7 | RUN apt update -y -q && apt install build-essential -y -q && \
8 | mkdir -p /app && \
9 | npm install wsproxy -g
10 |
11 | WORKDIR /app
12 |
13 | EXPOSE 8000
14 |
15 | ENTRYPOINT ["/bin/bash", "-l", "-c", "sleep", "360h"]
16 |
17 | FROM php:8.3-apache AS dist-server
18 |
19 | LABEL org.opencontainers.image.description="Creates a environment to serve the dist files using Apache"
20 |
21 | WORKDIR /var/www/html
22 |
23 | USER root
24 |
25 | RUN apt-get update -y -qq && \
26 | a2enmod rewrite && \
27 | a2enmod headers
28 |
29 | # For some IDEs this line is treated as wrongly configured, but this is a bug !
30 | # This heredoc format is supported by Docker.
31 | RUN cat <
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
29 |
30 | 5
23 | 5
24 | 5
25 | 5
26 | 5
27 | 5
28 |
31 |
32 |
33 |
34 |
2 |
3 |
4 |
9 |
31 |
--------------------------------------------------------------------------------
/src/UI/Components/Error/Error.js:
--------------------------------------------------------------------------------
1 | /**
2 | * UI/Components/Error/Error.js
3 | *
4 | * Error screen
5 | * Don't use components class, if there is an error on this module will never be used...
6 | *
7 | * This file is part of ROBrowser, (http://www.robrowser.com/).
8 | *
9 | * @author Vincent Thibault
10 | */
11 | define(function( require )
12 | {
13 | 'use strict';
14 |
15 |
16 | /**
17 | * Dependencies
18 | */
19 | var _htmlText = require('text!./Error.html');
20 | var _cssText = require('text!./Error.css');
21 | var jQuery = require('Vendors/jquery');
22 |
23 |
24 | /**
25 | * Error Namespace
26 | */
27 | var Error = {};
28 |
29 |
30 | /**
31 | * Initialize Metaling
32 | */
33 | Error.init = function init()
34 | {
35 | this.ui = jQuery(_htmlText);
36 |
37 | // Add view to html
38 | var style = jQuery('style:first');
39 | if (!style.length) {
40 | style = jQuery('').appendTo('head');
41 | }
42 | style.append('\n' + _cssText);
43 | jQuery('body').html(this.ui);
44 |
45 | this.ui.css('backgroundImage', 'url('+ require.toUrl('./angeling.png') +')');
46 | };
47 |
48 |
49 | /**
50 | * Add trace info to UI
51 | *
52 | * @param {Error} error
53 | */
54 | Error.addTrace = function addTrace( error )
55 | {
56 | console.error(error);
57 | var url = requirejs.toUrl(''); // global
58 | error = error.stack || error;
59 |
60 | url = url.replace(/\/([^\/]+)$/g,'/');
61 | error = error.replace( /\n/g, '| 6 | |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
30 |
27 |
28 |
29 |
'); 62 | error = error.replace( new RegExp(url,'g'), ''); 63 | error = error.replace( /\?[^\:]+/g,''); 64 | 65 | if (!this.ui) { 66 | this.init(); 67 | } 68 | 69 | this.ui.find('.trace').append( 70 | error + '
' 71 | ); 72 | }; 73 | 74 | 75 | /** 76 | * Stored component and return it 77 | */ 78 | return Error; 79 | }); 80 | -------------------------------------------------------------------------------- /applications/tools/build/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
Compilation Tool
11 |Select the module you want to compile.
12 | 13 |
14 |
39 |
40 |
15 | 
16 |
18 |
16 | Online
17 |
19 | 
20 |
22 |
20 | Thread
21 |
23 | 
24 |
26 |
24 | GRF Viewer
25 |
27 | 
28 |
30 |
28 | STR Viewer
29 |
31 | 
32 |
34 |
32 | Model Viewer
33 |
35 | 
36 |
38 |
36 | Map Viewer
37 |
41 |
42 |
44 |
45 |
49 |
50 |
51 |
--------------------------------------------------------------------------------
/src/App/StrViewer.js:
--------------------------------------------------------------------------------
1 | /**
2 | * App/StrViewer.js
3 | *
4 | * Show Str file effect
5 | *
6 | * This file is part of ROBrowser, (http://www.robrowser.com/).
7 | *
8 | * @author Vincent Thibault
9 | */
10 |
11 | // Errors Handler (hack)
12 | require.onError = function (err) {
13 | 'use strict';
14 |
15 | if (require.defined('UI/Components/Error/Error')) {
16 | require('UI/Components/Error/Error').addTrace(err);
17 | return;
18 | }
19 |
20 | require(['UI/Components/Error/Error'], function( Errors ){
21 | Errors.addTrace(err);
22 | });
23 | };
24 |
25 | require({
26 | baseUrl: '../../src/',
27 | paths: {
28 | text: 'Vendors/text.require',
29 | jquery: 'Vendors/jquery-1.9.1'
30 | }
31 | },
32 | ['Core/Configs', 'Core/Thread', 'Core/Context', 'Core/Client', 'UI/Components/StrViewer/StrViewer'],
33 | function( Configs, Thread, Context, Client, StrViewer ) {
34 | 'use strict';
35 |
36 | function onAPIMessage( event ) {
37 | if (typeof event.data !== 'object') {
38 | return;
39 | }
40 |
41 | switch (event.data.type) {
42 | case 'init':
43 | Thread.delegate( event.source, event.origin );
44 | Thread.init();
45 | StrViewer.append();
46 | break;
47 |
48 | case 'load':
49 | StrViewer.loadEffect(event.data.data);
50 | event.stopPropagation();
51 | break;
52 |
53 | case 'stop':
54 | StrViewer.stop();
55 | event.stopPropagation();
56 | break;
57 | }
58 | }
59 |
60 | // Resources sharing
61 | if (Configs.get('API')) {
62 | window.addEventListener('message', onAPIMessage, false);
63 | return;
64 | }
65 |
66 | // Wait for thread to be ready and run the modelviewer
67 | Thread.hook('THREAD_READY', function(){
68 | Client.onFilesLoaded = function(){
69 | StrViewer.append();
70 | };
71 | Client.init([]);
72 | });
73 | Thread.init();
74 |
75 | });
76 |
--------------------------------------------------------------------------------
/src/UI/Components/Quest/QuestV1/QuestV1.html:
--------------------------------------------------------------------------------
1 | Loading scripts...
43 |
2 |
39 |
--------------------------------------------------------------------------------
/src/App/ModelViewer.js:
--------------------------------------------------------------------------------
1 | /**
2 | * App/ModelViewer.js
3 | *
4 | * Show Gravity models (rsm files)
5 | *
6 | * This file is part of ROBrowser, (http://www.robrowser.com/).
7 | *
8 | * @author Vincent Thibault
9 | */
10 |
11 | // Errors Handler (hack)
12 | require.onError = function (err) {
13 | 'use strict';
14 |
15 | if (require.defined('UI/Components/Error/Error')) {
16 | require('UI/Components/Error/Error').addTrace(err);
17 | return;
18 | }
19 |
20 | require(['UI/Components/Error/Error'], function( Errors ){
21 | Errors.addTrace(err);
22 | });
23 | };
24 |
25 | require({
26 | baseUrl: '../../src/',
27 | paths: {
28 | text: 'Vendors/text.require',
29 | jquery: 'Vendors/jquery-1.9.1'
30 | }
31 | },
32 | ['Core/Configs', 'Core/Thread', 'Core/Context', 'Core/Client', 'UI/Components/ModelViewer/ModelViewer'],
33 | function( Configs, Thread, Context, Client, ModelViewer ) {
34 | 'use strict';
35 |
36 | function onAPIMessage( event ) {
37 | if (typeof event.data !== 'object') {
38 | return;
39 | }
40 |
41 | switch (event.data.type) {
42 | case 'init':
43 | Thread.delegate( event.source, event.origin );
44 | Thread.init();
45 | ModelViewer.append();
46 | break;
47 |
48 | case 'load':
49 | ModelViewer.loadModel(event.data.data);
50 | event.stopPropagation();
51 | break;
52 |
53 | case 'stop':
54 | ModelViewer.stop();
55 | event.stopPropagation();
56 | break;
57 | }
58 | }
59 |
60 | // Resources sharing
61 | if (Configs.get('API')) {
62 | window.addEventListener('message', onAPIMessage, false);
63 | return;
64 | }
65 |
66 | // Wait for thread to be ready and run the modelviewer
67 | Thread.hook('THREAD_READY', function(){
68 | Client.onFilesLoaded = function(){
69 | ModelViewer.append();
70 | };
71 | Client.init([]);
72 | });
73 | Thread.init();
74 |
75 | });
76 |
--------------------------------------------------------------------------------
/src/UI/Components/Sense/Sense.css:
--------------------------------------------------------------------------------
1 | #win_sense { position:absolute; width:400px; height:200px; z-index:999; }
2 |
3 | #win_sense .header {position: absolute; top: 0px; left: 0px; height: 17px; width: 100%;}
4 | #win_sense .header .titbar_left {height: 100%; width: 12px; float: left;}
5 | #win_sense .header .titbar_mid {height: 100%; width: 376px; float: left; background-repeat: repeat-x;}
6 | #win_sense .header .titbar_right {height: 100%; width: 12px; float: left;}
7 | #win_sense .header .title {position: absolute; top: 2px; left: 12px}
8 |
9 | #win_sense .content {position: absolute; top: 17px; left: 0px; height: 155px; width: 100%; background-color: white;}
10 |
11 | #win_sense .sprite {position: absolute; top: 0px; left: 0px; height: 155px; width: 120px;}
12 |
13 | #win_sense .stats {position: absolute; top: 5px; left: 120px; width: 280px;}
14 | #win_sense .stats tr td {padding: 0px; height: 14px;}
15 |
16 | #win_sense .elements {position: absolute; bottom: 5px; left: 120px; border: 0px; border-spacing: 9px 2px;}
17 | #win_sense .elements tr td { border: 1px solid blue; text-align: center; width: 75px; padding: 1px; }
18 |
19 | #win_sense .element_good { color: darkgreen; font-weight: bold;}
20 | #win_sense .element_bad { color: darkred; }
21 |
22 | #win_sense .footer {position: absolute; bottom: 0px; left: 0px; height: 29px; width: 100%;}
23 | #win_sense .footer .bg_left {height: 100%; width: 21px; float: left;}
24 | #win_sense .footer .bg_mid {height: 100%; width: 357px; float: left; background-repeat: repeat-x;}
25 | #win_sense .footer .bg_right {height: 100%; width: 21px; float: left;}
26 |
27 | #win_sense .footer .btns { position:absolute; bottom:2px; right:3px; }
28 | #win_sense .footer .btn { border:0; width:42px; height:20px; bottom:4px; margin-left:3px; background-repeat:no-repeat; background-color:transparent; }
29 |
30 | .win_sense_overlay { position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:99; }
31 |
--------------------------------------------------------------------------------
/src/UI/Components/CharSelect/CharSelect/CharSelect.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/src/UI/Components/Rodex/ReadRodex.html:
--------------------------------------------------------------------------------
1 |
15 | 0 / 27
16 |
17 |
18 |
19 |
20 |
21 | 1 / 9
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
2 |
--------------------------------------------------------------------------------
/applications/browser-examples/api-mapviewer-frame.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
3 |
8 |
32 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
22 |
19 |
20 |
21 |
23 |
24 |
25 |
26 |
27 |
31 | Map Viewer
53 |Initializing roBrowser...
54 |
55 |
56 |
--------------------------------------------------------------------------------
/applications/browser-examples/api-strviewer-frame.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Str Viewer
53 |Initializing roBrowser...
54 |
55 |
56 |
--------------------------------------------------------------------------------
/applications/browser-examples/api-grfviewer-frame.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Game File Viewer
53 |Initializing roBrowser...
54 |
55 |
56 |
--------------------------------------------------------------------------------
/src/UI/Components/MakeItemSelection/MakeItemSelection.css:
--------------------------------------------------------------------------------
1 | #MakeItemSelection { z-index:100; position:absolute; width:200px; }
2 | #MakeItemSelection .head { position:absolute; width:100%; height:22px; top:0px; left:0px;background-repeat:repeat-x; background-color:white; }
3 | #MakeItemSelection .head .text { position:relative; top:2px; left:5px; white-space:nowrap; }
4 | #MakeItemSelection .bottom { position:relative; height:120px; top:80px; left:0px; }
5 |
6 | #MakeItemSelection .content { position:absolute; top:22px; left:0px; background-color:white; width:100%; }
7 | #MakeItemSelection .list { background-color:#f7f7f7; height:130px; font-size:12px; overflow-y:auto; margin-left:10px; margin-right:10px; }
8 | #MakeItemSelection .list .item { display:block; height:28px; margin:4px 4px 4px 4px; position:relative; }
9 | #MakeItemSelection .list .item .icon { width:24px; height:24px; border:none; background-color:transparent; background-repeat:no-repeat; }
10 | #MakeItemSelection .list .item .name { font-size:12px; position:absolute; top:7px; left:30px; width:90px; white-space:nowrap;}
11 |
12 | #MakeItemSelection .materials { position:absolute; bottom:0px; left:10px; background-color:white; width:96px; height:28px; display:none;}
13 | #MakeItemSelection .materials .item { display:block; width:24px; height:24px; margin:4px 4px 4px 4px; position:relative; float:left; }
14 | #MakeItemSelection .materials .item .icon { width:24px; height:24px; border:none; background-color:transparent; background-repeat:no-repeat; }
15 |
16 | #MakeItemSelection .materials .item .name { font-size:12px; position:absolute; top:7px; left:30px; width:90px; white-space:nowrap;}
17 |
18 | #MakeItemSelection .btn { position:absolute; bottom:0px; border:0; width:42px; height:20px; bottom:4px; background-color:transparent; }
19 | #MakeItemSelection .ok { right: 50px; }
20 | #MakeItemSelection .cancel { right: 5px; }
21 |
22 | #MakeItemSelection .select { background-color: rgb(205, 224, 255); }
23 |
--------------------------------------------------------------------------------
/applications/browser-examples/api-effectviewer-frame.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Effect Viewer
53 |Initializing roBrowser...
54 |
55 |
56 |
--------------------------------------------------------------------------------
/applications/browser-examples/api-modelviewer-frame.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Model Viewer
53 |Initializing roBrowser...
54 |
55 |
56 |
--------------------------------------------------------------------------------
/src/UI/Components/ItemReform/ItemReform.html:
--------------------------------------------------------------------------------
1 |
2 |
38 |
--------------------------------------------------------------------------------
/src/UI/Components/EntityRoom/EntityRoom.js:
--------------------------------------------------------------------------------
1 | /**
2 | * UI/Components/EntityRoom/EntityRoom.js
3 | *
4 | * Entity room (chat room, shop room, ...)
5 | *
6 | * This file is part of ROBrowser, (http://www.robrowser.com/).
7 | *
8 | * @author Vincent Thibault
9 | */
10 | define(function(require)
11 | {
12 | 'use strict';
13 |
14 |
15 | /**
16 | * Dependencies
17 | */
18 | var UIManager = require('UI/UIManager');
19 | var UIComponent = require('UI/UIComponent');
20 | var htmlText = require('text!./EntityRoom.html');
21 | var cssText = require('text!./EntityRoom.css');
22 |
23 |
24 | /**
25 | * Createcomponent
26 | */
27 | var EntityRoom = new UIComponent( 'EntityRoom', htmlText, cssText );
28 |
29 |
30 | /**
31 | * @var {boolean} do not focus this UI
32 | */
33 | EntityRoom.needFocus = false;
34 |
35 |
36 | /**
37 | * Once in HTML, focus the input
38 | */
39 | EntityRoom.onAppend = function onAppend()
40 | {
41 | this.ui.find('button').dblclick(function(){
42 | if (this.onEnter) {
43 | this.onEnter();
44 | }
45 | }.bind(this));
46 |
47 | // Avoid player to move to the cell
48 | this.ui.mousedown(function(){
49 | return false;
50 | });
51 |
52 | this.ui.css('zIndex', 45);
53 | };
54 |
55 |
56 | /**
57 | * Remove data from UI
58 | */
59 | EntityRoom.onRemove = function onRemove()
60 | {
61 | this.ui.find('button').unbind();
62 | };
63 |
64 |
65 | /**
66 | * Define title and icons
67 | *
68 | * @param {string} title
69 | * @param {string} url - icon url
70 | */
71 | EntityRoom.setTitle = function setTitle( title, url )
72 | {
73 | this.ui.find('button img').attr('src', url);
74 | this.ui.find('.title, .overlay').text(title);
75 | };
76 |
77 |
78 | /**
79 | * function to define
80 | */
81 | EntityRoom.onEnter = function onEnter(){};
82 |
83 |
84 | /**
85 | * Stored component and return it
86 | */
87 | return UIManager.addComponent(EntityRoom);
88 | });
89 |
--------------------------------------------------------------------------------
/applications/browser-examples/api-grfviewer-popup.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
3 |
13 |
14 |
37 |
15 |
28 |
36 |
16 |
24 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
25 |
26 |
27 |