2017-03-14 20:32:40 +01:00
|
|
|
<!DOCTYPE html>
|
2022-03-24 22:38:53 +01:00
|
|
|
<html translate="no">
|
2017-03-14 20:32:40 +01:00
|
|
|
<head>
|
2018-04-28 15:57:54 +02:00
|
|
|
<title>Rom Patcher JS</title>
|
2017-03-14 20:32:40 +01:00
|
|
|
<meta http-equiv="content-Type" content="text/html; charset=UTF-8"/>
|
2019-04-17 21:43:53 +02:00
|
|
|
<meta name="description" content="An online web-based ROM patcher. Supported formats: IPS, BPS, UPS, APS, RUP, PPF and xdelta."/>
|
|
|
|
|
<meta name="keywords" content="ips,ups,aps,bps,rup,ninja,ppf,xdelta,patcher,online,html5,web,rom,patch,hack,translation"/>
|
2017-03-14 20:32:40 +01:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
|
2018-04-28 15:57:54 +02:00
|
|
|
<link rel="manifest" href="./manifest.json"/>
|
2022-03-24 22:38:53 +01:00
|
|
|
<link rel="shortcut icon" href="./style/app_icon_16.png" type="image/png" sizes="16x16"/>
|
|
|
|
|
<link rel="shortcut icon" href="./style/app_icon_192.png" type="image/png" sizes="192x192"/>
|
2019-05-31 21:00:39 +02:00
|
|
|
<!-- iOS icons -->
|
2022-03-24 22:38:53 +01:00
|
|
|
<link rel="apple-touch-icon" sizes="57x57" href="./style/app_icon_114.png" />
|
|
|
|
|
<link rel="apple-touch-icon" sizes="114x114" href="./style/app_icon_114.png" />
|
|
|
|
|
<link rel="apple-touch-icon" sizes="72x72" href="./style/app_icon_144.png" />
|
|
|
|
|
<link rel="apple-touch-icon" sizes="144x144" href="./style/app_icon_144.png" />
|
|
|
|
|
<link rel="apple-touch-icon" href="./style/app_icon_192.png" />
|
|
|
|
|
|
|
|
|
|
<!-- cache -->
|
|
|
|
|
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
|
|
|
|
|
<meta http-equiv="Pragma" content="no-cache" />
|
|
|
|
|
<meta http-equiv="Expires" content="0" />
|
2020-05-02 12:10:46 +02:00
|
|
|
|
2020-11-06 21:18:54 +01:00
|
|
|
<!-- social network metatags -->
|
|
|
|
|
<meta name="twitter:site" content="@marc_robledo">
|
|
|
|
|
<meta name="twitter:creator" content="@marc_robledo">
|
|
|
|
|
<meta name="twitter:domain" content="marcrobledo.com">
|
|
|
|
|
<meta property="og:title" content="Rom Patcher JS">
|
|
|
|
|
<meta name="twitter:title" content="Rom Patcher JS">
|
|
|
|
|
<meta name="twitter:description" content="An online web-based ROM patcher. Supported formats: IPS, BPS, UPS, APS, RUP, PPF and xdelta.">
|
|
|
|
|
<meta property="og:image" content="https://www.marcrobledo.com/RomPatcher.js/style/thumbnail.jpg">
|
|
|
|
|
<meta name="twitter:image" content="https://www.marcrobledo.com/RomPatcher.js/style/thumbnail.jpg">
|
|
|
|
|
<meta name="twitter:card" content="photo">
|
|
|
|
|
|
2020-05-02 12:10:46 +02:00
|
|
|
<link type="text/css" rel="stylesheet" href="./style/RomPatcher.css" media="all"/>
|
|
|
|
|
<script type="text/javascript" src="./js/locale.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/RomPatcher.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/MarcFile.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/crc.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/formats/zip.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/formats/ips.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/formats/ups.js"></script>
|
2023-03-31 19:08:27 +02:00
|
|
|
<script type="text/javascript" src="./js/formats/aps_n64.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/formats/aps_gba.js"></script>
|
2020-05-02 12:10:46 +02:00
|
|
|
<script type="text/javascript" src="./js/formats/bps.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/formats/rup.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/formats/ppf.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/formats/pmsr.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/formats/vcdiff.js"></script>
|
2021-09-20 08:47:26 +02:00
|
|
|
|
2020-05-02 12:10:46 +02:00
|
|
|
<script type="text/javascript" src="./js/zip.js/zip.js"></script>
|
2021-09-20 08:47:26 +02:00
|
|
|
<!-- <script type="text/javascript" src="js/libunrar/rpc.js"></script> -->
|
2019-05-31 21:00:39 +02:00
|
|
|
|
2019-04-17 21:43:53 +02:00
|
|
|
<script type="text/javascript"><!--
|
2021-09-20 08:47:26 +02:00
|
|
|
// CUSTOM PATCHER EXAMPLE
|
|
|
|
|
// uncomment this to build your own custom exclusive patcher for your hacks/translations
|
|
|
|
|
// user will only need to provide the ROM file, as patches will be fetched from your server!
|
|
|
|
|
// a crc (or various crcs) can be provided for source files, allowing old formats like IPS to have validation!
|
|
|
|
|
/*var CUSTOM_PATCHER=[
|
|
|
|
|
{ //example: uncompressed file
|
|
|
|
|
file:'./_example/SML2DXv181.ips',
|
|
|
|
|
name:'Super Mario Land 2 DX v1.8.1 (USA/Europe)',
|
|
|
|
|
crc:0xd5ec24e4
|
|
|
|
|
},{ //example: uncompressed file
|
|
|
|
|
file:'./_example/SML2DXv181_jap.ips',
|
|
|
|
|
name:'Super Mario Land 2 DX v1.8.1 (Japan)',
|
|
|
|
|
crc:0xa715daf5
|
|
|
|
|
},{ //example: compressed file
|
|
|
|
|
file:'./_example/SML2DXv181.zip',
|
|
|
|
|
name:'Super Mario Land 2 DX v1.8.1 (World)',
|
|
|
|
|
crc:[0xd5ec24e4,0xa715daf5]
|
|
|
|
|
},{ //example: compressed file containing several patches, separate patches provided (recommended)
|
|
|
|
|
file:'./_example/SML2DXv181.zip',
|
|
|
|
|
patches:[{
|
|
|
|
|
file:'SML2DXv181.ips',
|
|
|
|
|
name:'Super Mario Land 2 DX v1.8.1 (USA/Europe)',
|
|
|
|
|
crc:0xd5ec24e4
|
|
|
|
|
},{
|
|
|
|
|
file:'SML2DXv181_jap.ips',
|
|
|
|
|
name:'Super Mario Land 2 DX v1.8.1 (Japan)',
|
|
|
|
|
crc:0xa715daf5
|
|
|
|
|
}]
|
2020-05-02 12:10:46 +02:00
|
|
|
}
|
2021-09-20 08:47:26 +02:00
|
|
|
];*/
|
|
|
|
|
--></script>
|
2017-03-14 20:32:40 +01:00
|
|
|
</head>
|
2018-05-11 12:58:11 +02:00
|
|
|
<body><div id="column">
|
2017-03-14 20:32:40 +01:00
|
|
|
|
2017-07-22 19:57:15 +02:00
|
|
|
|
2017-03-14 20:32:40 +01:00
|
|
|
<!-- HEADER -->
|
2022-03-24 22:38:53 +01:00
|
|
|
<header><img src="./style/logo.png" /><h1>Rom Patcher JS</h1></header>
|
2017-03-14 20:32:40 +01:00
|
|
|
|
2017-07-22 19:57:15 +02:00
|
|
|
<!-- APP -->
|
2018-04-28 15:57:54 +02:00
|
|
|
<div id="wrapper">
|
2022-03-24 22:38:53 +01:00
|
|
|
<div id="switch-container"><span id="switch-create-button" class="button-outer"><span data-localize="creator_mode">Creator mode</span> <span id="switch-create" class="switch disabled"></span></span></div>
|
2018-04-28 15:57:54 +02:00
|
|
|
|
|
|
|
|
<div id="tab0" class="tab">
|
2022-03-24 22:38:53 +01:00
|
|
|
<div class="row m-b">
|
|
|
|
|
<div class="leftcol text-right"><label for="input-file-rom" data-localize="rom_file">ROM file:</label></div>
|
2018-04-28 15:57:54 +02:00
|
|
|
<div class="rightcol">
|
2019-04-17 21:43:53 +02:00
|
|
|
<input type="file" id="input-file-rom" class="enabled" />
|
2017-11-12 16:29:14 +01:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2022-03-24 22:38:53 +01:00
|
|
|
<div class="row m-b" id="rom-info">
|
|
|
|
|
<div class="leftcol text-right">CRC32:</div><div class="rightcol"><span id="crc32"></span></div>
|
|
|
|
|
<div class="leftcol text-right">MD5:</div><div class="rightcol"><span id="md5"></span></div>
|
|
|
|
|
<div class="leftcol text-right">SHA-1:</div><div class="rightcol"><span id="sha1"></span></div>
|
2018-04-28 15:57:54 +02:00
|
|
|
</div>
|
2022-03-24 22:38:53 +01:00
|
|
|
<div class="row m-b hide" id="row-removeheader">
|
|
|
|
|
<div class="leftcol text-right"></div>
|
2018-04-28 15:57:54 +02:00
|
|
|
<div class="rightcol">
|
2019-05-31 21:00:39 +02:00
|
|
|
<input type="checkbox" id="checkbox-removeheader" /> <label for="checkbox-removeheader" data-localize="remove_header">Remove header before patching</label>
|
2017-03-14 20:32:40 +01:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2022-03-24 22:38:53 +01:00
|
|
|
<div class="row m-b hide" id="row-addheader">
|
|
|
|
|
<div class="leftcol text-right"></div>
|
2018-04-28 15:57:54 +02:00
|
|
|
<div class="rightcol">
|
2020-11-06 21:00:06 +01:00
|
|
|
<input type="checkbox" id="checkbox-addheader" /> <label for="checkbox-addheader" data-localize="add_header">Add temporary header</label> <small>(<label id="headersize" for="checkbox-addheader"></label>)</small>
|
2018-04-23 20:41:21 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2017-03-14 20:32:40 +01:00
|
|
|
|
2022-03-24 22:38:53 +01:00
|
|
|
<div class="row m-b" id="row-file-patch">
|
|
|
|
|
<div class="leftcol text-right"><label for="input-file-patch" data-localize="patch_file">Patch file:</label></div>
|
2018-04-28 15:57:54 +02:00
|
|
|
<div class="rightcol">
|
2022-04-24 13:47:19 +03:00
|
|
|
<input type="file" id="input-file-patch" accept=".ips,.ups,.bps,.aps,.rup,.ppf,.mod,.xdelta,.vcdiff,.zip"/>
|
2017-03-14 20:32:40 +01:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="buttons">
|
2019-04-17 21:43:53 +02:00
|
|
|
<span id="message-apply" class="message"></span>
|
2020-11-07 19:06:16 +01:00
|
|
|
<button id="button-apply" data-localize="apply_patch" class="disabled" disabled>Apply patch</button>
|
2017-03-14 20:32:40 +01:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2018-04-28 15:57:54 +02:00
|
|
|
<div id="tab1" class="tab">
|
2022-03-24 22:38:53 +01:00
|
|
|
<div class="row m-b">
|
|
|
|
|
<div class="leftcol text-right"><label for="input-file-rom1" data-localize="original_rom" >Original ROM:</label></div>
|
2018-04-28 15:57:54 +02:00
|
|
|
<div class="rightcol">
|
2017-07-22 11:58:52 +02:00
|
|
|
<input type="file" id="input-file-rom1" />
|
2017-03-14 20:32:40 +01:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2022-03-24 22:38:53 +01:00
|
|
|
<div class="row m-b">
|
|
|
|
|
<div class="leftcol text-right"><label for="input-file-rom2" data-localize="modified_rom">Modified ROM:</label></div>
|
2018-04-28 15:57:54 +02:00
|
|
|
<div class="rightcol">
|
2017-07-22 11:58:52 +02:00
|
|
|
<input type="file" id="input-file-rom2" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2022-03-24 22:38:53 +01:00
|
|
|
<div class="row m-b">
|
|
|
|
|
<div class="leftcol text-right" data-localize="patch_type">Patch type:</div>
|
2018-04-28 15:57:54 +02:00
|
|
|
<div class="rightcol">
|
2019-04-17 21:43:53 +02:00
|
|
|
<select id="select-patch-type">
|
2018-04-28 15:57:54 +02:00
|
|
|
<option value="ips">IPS</option>
|
2019-04-17 21:43:53 +02:00
|
|
|
<option value="bps">BPS</option>
|
|
|
|
|
<option value="ppf">PPF</option>
|
2018-04-28 15:57:54 +02:00
|
|
|
<option value="ups">UPS</option>
|
|
|
|
|
<option value="aps">APS</option>
|
2019-04-17 21:43:53 +02:00
|
|
|
<option value="rup">RUP</option>
|
2018-04-28 15:57:54 +02:00
|
|
|
</select>
|
2017-03-14 20:32:40 +01:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="buttons">
|
2019-04-17 21:43:53 +02:00
|
|
|
<span id="message-create" class="message"></span>
|
2020-11-07 19:06:16 +01:00
|
|
|
<button id="button-create" class="disabled" disabled data-localize="create_patch">Create patch</button>
|
2017-03-14 20:32:40 +01:00
|
|
|
</div>
|
2017-07-22 19:57:15 +02:00
|
|
|
</div>
|
2017-03-14 20:32:40 +01:00
|
|
|
</div>
|
|
|
|
|
|
2019-04-17 21:43:53 +02:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2019-05-31 21:00:39 +02:00
|
|
|
|
2018-04-28 15:57:54 +02:00
|
|
|
<!-- FOOTER -->
|
|
|
|
|
<footer>
|
2020-11-06 21:00:06 +01:00
|
|
|
<div>
|
2022-03-24 22:38:53 +01:00
|
|
|
<button id="button-settings" class="button-outer"><img src="style/icon_settings.svg" class="icon settings" /> <span data-localize="settings">Settings</span></button>
|
2020-11-06 21:00:06 +01:00
|
|
|
</div>
|
|
|
|
|
|
2023-04-18 17:58:58 +02:00
|
|
|
Rom Patcher JS <small>v2.8.1</small> by <a href="/">Marc Robledo</a>
|
2018-09-18 16:41:00 +02:00
|
|
|
<br />
|
2022-03-24 22:38:53 +01:00
|
|
|
<img src="style/icon_github.svg" class="icon github" /> <a href="https://github.com/marcrobledo/RomPatcher.js/" target="_blank">See on GitHub</a>
|
|
|
|
|
<img src="style/icon_heart.svg" class="icon heart" /> <a href="https://www.paypal.me/marcrobledo/5" target="_blank" rel="nofollow">Donate</a>
|
2018-04-28 15:57:54 +02:00
|
|
|
</footer>
|
2017-03-14 20:32:40 +01:00
|
|
|
|
2022-03-24 22:38:53 +01:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- SETTINGS DIALOG -->
|
|
|
|
|
<div id="dialog-backdrop">
|
|
|
|
|
<div id="zip-dialog" class="dialog">
|
|
|
|
|
<div id="zip-dialog-message" class="text-center"></div>
|
|
|
|
|
<ul id="zip-dialog-file-list"></ul>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="settings-dialog" class="dialog">
|
|
|
|
|
<div class="text-right m-b"><img id="settings-close-dialog" src="style/icon_close.svg" /></div>
|
|
|
|
|
|
|
|
|
|
<div class="row m-b">
|
2023-06-30 20:20:27 +02:00
|
|
|
<div class="leftcol"><label for="select-language">Language</label></div>
|
2022-03-24 22:38:53 +01:00
|
|
|
<div class="rightcol text-right">
|
|
|
|
|
<select id="select-language" class="enabled w100">
|
|
|
|
|
<option value="en">English</option>
|
|
|
|
|
<option value="fr">Français</option>
|
|
|
|
|
<option value="de">Deutsch</option>
|
2022-11-10 19:09:53 +01:00
|
|
|
<option value="it">Italiano</option>
|
2022-03-24 22:38:53 +01:00
|
|
|
<option value="es">Español</option>
|
|
|
|
|
<option value="nl">Nederlands</option>
|
|
|
|
|
<option value="sv">Svenska</option>
|
|
|
|
|
<option value="ca">Català</option>
|
2022-04-17 19:08:38 +02:00
|
|
|
<option value="ca-va">Valencià</option>
|
2022-03-24 22:38:53 +01:00
|
|
|
<option value="pt-br">Português Brasileiro</option>
|
|
|
|
|
<option value="ru">Russian</option>
|
|
|
|
|
<option value="ja">日本語</option>
|
|
|
|
|
<option value="zh-cn">中文（简体）</option>
|
2023-04-17 03:09:57 +08:00
|
|
|
<option value="zh-tw">中文（正體）</option>
|
2022-03-24 22:38:53 +01:00
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="row m-b">
|
|
|
|
|
<div class="leftcol-lg"><label data-localize="alternate_output_name">Use patch name for output</label></div>
|
|
|
|
|
<div class="rightcol-lg text-right"><span id="switch-output-name" class="switch disabled"></span></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="row m-b">
|
2022-11-10 19:09:53 +01:00
|
|
|
<div class="leftcol-lg"><label data-localize="fix_checksum">Fix ROM checksum</label></div>
|
|
|
|
|
<div class="rightcol-lg text-right"><span id="switch-fix-checksum" class="switch disabled"></span></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
2022-03-24 22:38:53 +01:00
|
|
|
<div class="leftcol-lg"><label data-localize="light_theme">Light theme</label></div>
|
|
|
|
|
<div class="rightcol-lg text-right"><span id="switch-theme" class="switch disabled"></span></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body></html>
|
