yellows111
/
icondumper2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
icondumper2/index.htm

829 lines
35 KiB
HTML
Raw Permalink Normal View History

DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"></meta>
<meta name="viewport" content="initial-scale=1.5"></meta>
<meta name="description" content="A HTML client for icondumper2"></meta>
minor non-final changes Reminder of TODOs: Animation parsing, parsing animation data into visible data. -> * Render animations in HTML client. * Write animations to glTF2 exporter. Considered ideas: * Multi-format file input box (auto-detect format based off first bytes)
2023-12-25 03:20:58 -05:00
<title>icondumper2 HTML reference client</title>
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
<script src="icon.js"></script>
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
<!-- Removing or commenting below will disable MAX reading... -->
0.8.0 (actually) forgot to -a
2023-12-18 09:03:51 -05:00
<script src="lzari.js"></script>
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
<!-- If you need pako to be optional, remove/comment the line below. This will disable support for CBS reading, however. -->
cosmetic update to HTML refclient * changed inline-grid to table-cell, I like it better, and older browsers like it better since its not technically flex-width - removed inflator-installed id from inflator script, as it was unused * changed pako version to es5 version, since it works with the absolute minimum version browsers that we technically target, and performance isn't the most important thing when you only need to decompress the data once per export file. Author's comments: Wondering how LZARI works. Not much I can add to that part of the conversation. Once it's done, it's done. Until then, progress may be stale...
2023-12-08 18:00:36 -05:00
<script src="https://cdn.jsdelivr.net/npm/pako/dist/pako_inflate.es5.min.js" integrity="sha512-tHdgbM+jAAm3zeGYP67IjUouqHYEMuT/Wg/xvTrfEE7zsSX2GJj0G26pyobvn8Hb2LVWGp+UwsLM2HvXwCY+og==" crossorigin="anonymous"></script>
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
<style>
html {color: #ccc; background: black; font-family: sans-serif}
#title1, #title2 {
color: yellow;
text-align: right;
line-height: 0.50em;
}
#version {position: fixed;bottom:4px;right:4px}
#advanced {display: none}
#iconcanvas {position: absolute; left: 8px}
#titlebox {width: 99%;position: absolute;}
input[type="file"] {line-height: 2em;}
#version {text-shadow: 1px 1px 2px black;}
Do near-final touches, should of done this last commit but oh well. Actually made C6JS C6JS and not node-specific. Didn't know there was a difference.
2023-11-28 06:52:34 -05:00
a {color: #ccc;}
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
.inputbox {
cosmetic update to HTML refclient * changed inline-grid to table-cell, I like it better, and older browsers like it better since its not technically flex-width - removed inflator-installed id from inflator script, as it was unused * changed pako version to es5 version, since it works with the absolute minimum version browsers that we technically target, and performance isn't the most important thing when you only need to decompress the data once per export file. Author's comments: Wondering how LZARI works. Not much I can add to that part of the conversation. Once it's done, it's done. Until then, progress may be stale...
2023-12-08 18:00:36 -05:00
display: table-cell;
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
margin-right: 0.25em;
border: 1px gray solid;
padding: 0.175em 0.25em 0 0.25em;
margin-bottom: 4px;
cosmetic update to HTML refclient * changed inline-grid to table-cell, I like it better, and older browsers like it better since its not technically flex-width - removed inflator-installed id from inflator script, as it was unused * changed pako version to es5 version, since it works with the absolute minimum version browsers that we technically target, and performance isn't the most important thing when you only need to decompress the data once per export file. Author's comments: Wondering how LZARI works. Not much I can add to that part of the conversation. Once it's done, it's done. Until then, progress may be stale...
2023-12-08 18:00:36 -05:00
border-right: 0;
}
.last-input {
border-right: 1px gray solid;
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
}
0.8.0 (actually) forgot to -a
2023-12-18 09:03:51 -05:00
.inputbox > input {
width: 100%;
}
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
</style>
<meta data-comment="WebGL Shader: Icon">
<script type="text/plain" id="shader-icon-v">
attribute vec3 a_position;
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
attribute vec3 a_nextPosition;
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
attribute vec3 a_normal;
attribute vec2 a_textureCoords;
attribute vec4 a_color;
uniform float u_rotation;
uniform float u_scale;
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
uniform float u_interp;
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
uniform highp vec3 u_ambientLight;
//uniform highp vec3 u_lightColorA;
//uniform highp vec3 u_lightColorB;
//uniform highp vec3 u_lightColorC;
varying lowp vec4 v_color;
varying lowp vec2 v_textureCoords;
void main() {
float angle = radians(360.0) * u_rotation;
vec2 pos = vec2(cos(angle), sin(angle));
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
vec3 lv_interp = mix(a_position, a_nextPosition, u_interp);
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
// x, y, z, scale (w)
gl_Position = vec4(
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
(lv_interp.x * pos.x) + (lv_interp.z * pos.y), //transform the x position
(-lv_interp.y) - 2.75, // invert the y position and move down -2.75, which will center the model
(lv_interp.x * -pos.y) + (lv_interp.z * pos.x), //transform the z position
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
u_scale
);
// flip it, scale it
v_textureCoords = a_textureCoords;
v_color = a_color;
}
</script>
<script type="text/plain" id="shader-icon-f">
varying lowp vec4 v_color;
uniform highp vec3 u_ambientLight;
void main() {
highp vec3 ambientColor = (u_ambientLight * vec3(v_color));
gl_FragColor = vec4(ambientColor, v_color.a);
}
</script>
<script type="text/plain" id="shader-icon-f2">
varying lowp vec2 v_textureCoords;
varying lowp vec4 v_color;
uniform sampler2D u_sampler;
uniform highp vec3 u_ambientLight;
void main() {
mediump vec4 texture_c = texture2D(u_sampler, v_textureCoords);
highp vec3 ambientColorT = (u_ambientLight * vec3(texture_c));
highp vec3 ambientColorV = (u_ambientLight * vec3(v_color));
//This has issues with oversaturation (JXCR), but it means blended icons work.
//This also makes scaling a bit strange (JXCR, WLK). Why does it change depending on the scale?
if(v_color == vec4(1.0,1.0,1.0,1.0)) {
gl_FragColor = vec4((ambientColorT * ambientColorV), texture_c.a);
} else {
//WLK *SHOULD* follow this path, but doesn't. What can I do to fix this?
//Removing this path makes the models very dark, doing this fixes it, with oversaturation on false positives.
gl_FragColor = vec4((ambientColorT * ambientColorV) * 2.0, texture_c.a);
}
}
</script>
<meta data-comment="WebGL Shader: Background">
<script type="text/plain" id="shader-bg-v">
attribute vec2 a_position;
attribute vec4 a_color;
varying lowp vec4 vColor;
void main() {
// x, y, z, scale (w)
gl_Position = vec4(a_position, 0.99, 1.0);
vColor = a_color;
}
</script>
<script type="text/plain" id="shader-bg-f">
precision lowp float;
varying lowp vec4 vColor;
void main() {
gl_FragColor = vColor;
}
</script>
</head>
<body>
0.7.0: The Icebreaker update + Now including support for CodeBreaker Save (CBS) format. * CBS Parser function requires a function parameter that inflates data (zlib-style) given to it. - Removed enabling/disabling strict mode from the reference client. * Made timestamp objects consistant with every file format. + Added Pako to as a semi-optional dependancy to the HTML reference client. * Disabling Pako will also disable CBS support in the HTML reference client. Internals: + Now includes the RC4 cipherkey for deciphering CBS files. + Implemented an RC4 cipher function for deciphering CBS files. Author comments: One of the big five. Only one remains, and it's not going to be easy. The road to an LZARI implementation spans a long distance, and the road there is bumpy. - yellows
2023-12-07 09:14:07 -05:00
<span><b>Options:</b></span>
<label for="showExtractedInputOption">Show icon.sys and raw icon file readers.</label>
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
<input id="showExtractedInputOption" type="checkbox"></input>
<hr>
<div id="titlebox">
<h1 id="title1">&#xFF2E;&#xFF4F;&#x3000;&#xFF26;&#xFF49;&#xFF4C;&#xFF45;</h1>
<h1 id="title2">&#xFF2C;&#xFF4F;&#xFF41;&#xFF44;&#xFF45;&#xFF44;</h1>
</div>
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
<span>Background/icon preview (Keyboard controls: rotate: &larr;/&rarr;, scale: &uarr;/&darr;, step: &minus;/=, play: &lt;/&gt;, change icon: 1:N/2:C/3:D):</span><br>
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
<canvas id="bgcanvas" width="480" height="480"></canvas>
<canvas id="iconcanvas" width="480" height="480"></canvas>
<hr>
<p>Normal: <kbd id="iconn">(no&nbsp;file)<wbr></kbd> Copying: <kbd id="iconc">(no&nbsp;file)<wbr></kbd> Deleting: <kbd id="icond">(no&nbsp;file)</kbd></p>
<div id="advanced">
<hr>
0.7.0: The Icebreaker update + Now including support for CodeBreaker Save (CBS) format. * CBS Parser function requires a function parameter that inflates data (zlib-style) given to it. - Removed enabling/disabling strict mode from the reference client. * Made timestamp objects consistant with every file format. + Added Pako to as a semi-optional dependancy to the HTML reference client. * Disabling Pako will also disable CBS support in the HTML reference client. Internals: + Now includes the RC4 cipherkey for deciphering CBS files. + Implemented an RC4 cipher function for deciphering CBS files. Author comments: One of the big five. Only one remains, and it's not going to be easy. The road to an LZARI implementation spans a long distance, and the road there is bumpy. - yellows
2023-12-07 09:14:07 -05:00
<div class="inputbox">
0.8.0 (actually) forgot to -a
2023-12-18 09:03:51 -05:00
<label for="input">icon.sys:</label>
0.7.0: The Icebreaker update + Now including support for CodeBreaker Save (CBS) format. * CBS Parser function requires a function parameter that inflates data (zlib-style) given to it. - Removed enabling/disabling strict mode from the reference client. * Made timestamp objects consistant with every file format. + Added Pako to as a semi-optional dependancy to the HTML reference client. * Disabling Pako will also disable CBS support in the HTML reference client. Internals: + Now includes the RC4 cipherkey for deciphering CBS files. + Implemented an RC4 cipher function for deciphering CBS files. Author comments: One of the big five. Only one remains, and it's not going to be easy. The road to an LZARI implementation spans a long distance, and the road there is bumpy. - yellows
2023-12-07 09:14:07 -05:00
<input type="file" id="input" name="input" accept=".sys" />
</div>
cosmetic update to HTML refclient * changed inline-grid to table-cell, I like it better, and older browsers like it better since its not technically flex-width - removed inflator-installed id from inflator script, as it was unused * changed pako version to es5 version, since it works with the absolute minimum version browsers that we technically target, and performance isn't the most important thing when you only need to decompress the data once per export file. Author's comments: Wondering how LZARI works. Not much I can add to that part of the conversation. Once it's done, it's done. Until then, progress may be stale...
2023-12-08 18:00:36 -05:00
<div class="inputbox last-input">
0.8.0 (actually) forgot to -a
2023-12-18 09:03:51 -05:00
<label for="icon">raw icon file:</label>
0.7.0: The Icebreaker update + Now including support for CodeBreaker Save (CBS) format. * CBS Parser function requires a function parameter that inflates data (zlib-style) given to it. - Removed enabling/disabling strict mode from the reference client. * Made timestamp objects consistant with every file format. + Added Pako to as a semi-optional dependancy to the HTML reference client. * Disabling Pako will also disable CBS support in the HTML reference client. Internals: + Now includes the RC4 cipherkey for deciphering CBS files. + Implemented an RC4 cipher function for deciphering CBS files. Author comments: One of the big five. Only one remains, and it's not going to be easy. The road to an LZARI implementation spans a long distance, and the road there is bumpy. - yellows
2023-12-07 09:14:07 -05:00
<input type="file" id="icon" name="icon" accept=".icn, .ico" />
</div>
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
</div>
<hr>
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
<div class="inputbox">
0.8.0 (actually) forgot to -a
2023-12-18 09:03:51 -05:00
<label for="psuinput">EMS Memory Adapter export file (.psu):</label>
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
<input type="file" id="psuinput" name="psuinput" accept=".psu" />
</div>
<div class="inputbox">
0.8.0 (actually) forgot to -a
2023-12-18 09:03:51 -05:00
<label for="psvinput">PS3 export file (.psv):</label>
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
<input type="file" id="psvinput" name="psvinput" accept=".psv" />
</div>
<div class="inputbox">
Bumped RLE raw-copy threshold by 0x100 the icons that Gauntlet: Dark Legacy uses for it's save games are rarely even worth being compressed, considering that it only saves around 2900 bytes from just leaving it uncompressed. However, the fact that it's still compressed while still parsing properly ONLY with this change makes me think many others have had this constant wrong for a while. Could it be lower? needs research. * changed a space for a no-break space in a file input description to make it flow better when text is split. I was considering making this 0.8.0+u1, but eeh, nah.
2023-12-18 18:00:14 -05:00
<label for="spsinput">SharkPort/X-Port export file (.sps,&nbsp;.xps):</label>
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
<input type="file" id="spsinput" name="spsinput" accept=".sps, .xps" />
</div>
0.8.0 (actually) forgot to -a
2023-12-18 09:03:51 -05:00
<div class="inputbox">
<label for="cbsinput">CodeBreaker Save export file (.cbs):</label>
0.7.0: The Icebreaker update + Now including support for CodeBreaker Save (CBS) format. * CBS Parser function requires a function parameter that inflates data (zlib-style) given to it. - Removed enabling/disabling strict mode from the reference client. * Made timestamp objects consistant with every file format. + Added Pako to as a semi-optional dependancy to the HTML reference client. * Disabling Pako will also disable CBS support in the HTML reference client. Internals: + Now includes the RC4 cipherkey for deciphering CBS files. + Implemented an RC4 cipher function for deciphering CBS files. Author comments: One of the big five. Only one remains, and it's not going to be easy. The road to an LZARI implementation spans a long distance, and the road there is bumpy. - yellows
2023-12-07 09:14:07 -05:00
<input type="file" id="cbsinput" name="cbsinput" accept=".cbs" />
</div>
0.8.0 (actually) forgot to -a
2023-12-18 09:03:51 -05:00
<div class="inputbox last-input">
<label for="maxinput">Max Drive/PowerSave export file (.max):</label>
<input type="file" id="maxinput" name="maxinput" accept=".max, .pws" />
</div>
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
<p>
<span>Date&nbsp;created: </span><span id="dateCreated">--:--:--&nbsp;--/--/----</span><span> UTC+09:00</span>
<wbr><span>&ndash;</span>
<span>Date&nbsp;modified: </span><span id="dateModified">--:--:--&nbsp;--/--/----</span><span> UTC+09:00</span>
</p>
<p>
fix SPS/XPS crash, example icon fix sps/xps parser crash: apparently those 4 bytes were for a third part of metadata for those files. HTML client now shows this information if available. example icon: id2_example_001 (12 vertices, 4 triangles) I've saved and included this icon in the .PSU and .SPS formats. .PSV is a bit more complicated for a valid export. Example icon shows vertex colours with no animation nor includes a texture (texture type 3). was considering adding new formats, but its not one of the big five (translation: not MAX/PWS or CBS), and I can barely find any examples to test with. Oh well. adding them to gitignore already. If the demand comes up, I've made the related hexpat's for them anyway. .xpo and .spo (assuming they're like .xpo files) files are out of scope for this project, if anyone asks. Reason being is that they usually exclude icon data, and even icon.sys. This makes it rather useless to me.
2023-12-03 12:32:26 -05:00
<span>File comments: </span><span id="fileCommentGame">(no title)</span><span> - </span><span id="fileCommentName">(no description)</span><span> - </span><span id="fileCommentDesc">(no other text)</span>
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
</p>
<script>
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
// I usually don't do in-body <script>'s, but I didn't want to do an awaited onload() again
const GlobalState = {"__proto__": null, rotations: 2, scale: 0, interpfactor: 0, dataLength: 0,
uniforms: {"__proto__": null, rotation: null, scale: null},
iconState: {"__proto__": null, source: null, currentIcon: null, currentSubmodel: 0, cachedIconSys: null},
fileReader: (new FileReader)
};
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
// I don't care HOW disgusting doing this is, I'm sick of pressing escape to clear these.
let allInputs = document.querySelectorAll('input[type="file"]');
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
Array.from(allInputs).forEach(
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
function(nodeObject) {
nodeObject.onclick = function() {
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
Array.from(allInputs).forEach(function(elementObject) {elementObject.value = null;});
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
}
}
);
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
function p0in(input) { // "prefix 0 if needed"
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
if(typeof input !== "string") {input = input.toString()};
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
return ((input.length>=2) ? input : `0${input}`);
};
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
function timeToString(t64leOutput) {
return `${p0in(t64leOutput.hours)}:${p0in(t64leOutput.minutes)}:${p0in(t64leOutput.seconds)} ${p0in(t64leOutput.day)}/${p0in(t64leOutput.month)}/${t64leOutput.year}`
}
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
// rotation stuff
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
var rotationDensity = 60;
var interpolationRate = 0.34;
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
document.body.onkeydown = function(ev) {
Ama' here. Decided to add frame step support. It's a bit nasty, however. Don't really know what else to do- with this code other than attempt to support animations. aeiou, I'm not really sure... again.
2023-11-13 07:54:35 -05:00
if(glBgContext === null || GlobalState.iconState.currentIcon === null) {return;}
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
if(typeof GlobalState.uniforms.rotation !== "undefined") {
switch(ev.code) {
case "ArrowLeft": {
GlobalState.rotations--;
if(GlobalState.rotations < -rotationDensity) {GlobalState.rotations = -1;}
break;
}
case "ArrowRight": {
GlobalState.rotations++;
if(GlobalState.rotations > rotationDensity) {GlobalState.rotations = 1;}
break;
}
case "ArrowUp": {
GlobalState.scale -= 0.1;
if(GlobalState.scale <= 2) {GlobalState.scale = 2.0;}
break;
}
case "ArrowDown": {
GlobalState.scale += 0.1;
if(GlobalState.scale >= 6.0) {GlobalState.scale = 6.0;}
break;
}
Ama' here. Decided to add frame step support. It's a bit nasty, however. Don't really know what else to do- with this code other than attempt to support animations. aeiou, I'm not really sure... again.
2023-11-13 07:54:35 -05:00
case "Minus": {
GlobalState.iconState.currentSubmodel--;
if(GlobalState.iconState.currentSubmodel < 0) {
GlobalState.iconState.currentSubmodel = GlobalState.iconState.currentIcon.numberOfShapes - 1;
}
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
GlobalState.interpfactor = 1.0;
Ama' here. Decided to add frame step support. It's a bit nasty, however. Don't really know what else to do- with this code other than attempt to support animations. aeiou, I'm not really sure... again.
2023-11-13 07:54:35 -05:00
renderIcon(GlobalState.iconState.currentIcon, GlobalState.iconState.cachedIconSys, false);
break;
}
case "Equal": {
GlobalState.iconState.currentSubmodel++;
if(GlobalState.iconState.currentSubmodel > (GlobalState.iconState.currentIcon.numberOfShapes - 1)) {
GlobalState.iconState.currentSubmodel = 0;
}
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
GlobalState.interpfactor = 0.0;
Ama' here. Decided to add frame step support. It's a bit nasty, however. Don't really know what else to do- with this code other than attempt to support animations. aeiou, I'm not really sure... again.
2023-11-13 07:54:35 -05:00
renderIcon(GlobalState.iconState.currentIcon, GlobalState.iconState.cachedIconSys, false);
break;
}
case "Digit1": {
GlobalState.iconState.currentSubmodel = 0;
GlobalState.iconState.currentIcon = GlobalState.iconState.source.n;
renderIcon(GlobalState.iconState.currentIcon, GlobalState.iconState.cachedIconSys, false);
break;
}
case "Digit2": {
GlobalState.iconState.currentSubmodel = 0;
GlobalState.iconState.currentIcon = GlobalState.iconState.source.c;
renderIcon(GlobalState.iconState.currentIcon, GlobalState.iconState.cachedIconSys, false);
break;
}
case "Digit3": {
GlobalState.iconState.currentSubmodel = 0;
GlobalState.iconState.currentIcon = GlobalState.iconState.source.d;
renderIcon(GlobalState.iconState.currentIcon, GlobalState.iconState.cachedIconSys, false);
break;
}
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
case "Comma": {
GlobalState.interpfactor -= interpolationRate;
// if we're at the lowest interp, move onto previous shape
if(GlobalState.interpfactor <= 0.0) {
GlobalState.iconState.currentSubmodel--;
if(GlobalState.iconState.currentSubmodel < 0) {
GlobalState.iconState.currentSubmodel = GlobalState.iconState.currentIcon.numberOfShapes - 1;
}
GlobalState.interpfactor = 1.0;
renderIcon(GlobalState.iconState.currentIcon, GlobalState.iconState.cachedIconSys, false);
break;
}
break;;
}
case "Period": {
GlobalState.interpfactor += interpolationRate;
// if we're at the highest interp, move onto next shape
if(GlobalState.interpfactor >= 1.0) {
GlobalState.iconState.currentSubmodel++;
if(GlobalState.iconState.currentSubmodel > (GlobalState.iconState.currentIcon.numberOfShapes - 1)) {
GlobalState.iconState.currentSubmodel = 0;
}
GlobalState.interpfactor = 0.0;
renderIcon(GlobalState.iconState.currentIcon, GlobalState.iconState.cachedIconSys, false);
break;
}
break;
}
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
default: {
return;
}
};
glFgContext.uniform1f(GlobalState.uniforms.scale, GlobalState.scale);
glFgContext.uniform1f(GlobalState.uniforms.rotation, (GlobalState.rotations/rotationDensity));
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
glFgContext.uniform1f(GlobalState.uniforms.interpolation, GlobalState.interpfactor);
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
glFgContext.drawArrays(glFgContext.TRIANGLES, 0, GlobalState.dataLength);
} else {return;}
}
function updateDisplay(input) {
document.getElementById("title1").textContent = input.title[0];
document.getElementById("title2").textContent = input.title[1];
document.getElementById("iconn").textContent = input.filenames.n;
document.getElementById("iconc").textContent = input.filenames.c;
document.getElementById("icond").textContent = input.filenames.d;
let colours = input.background;
if(glBgContext !== null) {
colors = [
colours.colors[0].r/255,
colours.colors[0].g/255,
colours.colors[0].b/255,
(colours.alpha*2)/255,
colours.colors[1].r/255,
colours.colors[1].g/255,
colours.colors[1].b/255,
(colours.alpha*2)/255,
colours.colors[2].r/255,
colours.colors[2].g/255,
colours.colors[2].b/255,
(colours.alpha*2)/255,
colours.colors[3].r/255,
colours.colors[3].g/255,
colours.colors[3].b/255,
(colours.alpha*2)/255
];
drawBackground(colors);
}
}
function resetDisplay() {
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
// reset displayed elements
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
document.getElementById("title1").textContent = "\uff0d";
document.getElementById("title2").textContent = "\uff0d";
document.getElementById("iconn").textContent = "?";
document.getElementById("iconc").textContent = "?";
document.getElementById("icond").textContent = "?";
document.getElementById("dateCreated").textContent = "--:--:-- --/--/----";
document.getElementById("dateModified").textContent = "--:--:-- --/--/----";
document.getElementById("fileCommentGame").textContent = "(no title)";
document.getElementById("fileCommentName").textContent = "(no description)";
fix SPS/XPS crash, example icon fix sps/xps parser crash: apparently those 4 bytes were for a third part of metadata for those files. HTML client now shows this information if available. example icon: id2_example_001 (12 vertices, 4 triangles) I've saved and included this icon in the .PSU and .SPS formats. .PSV is a bit more complicated for a valid export. Example icon shows vertex colours with no animation nor includes a texture (texture type 3). was considering adding new formats, but its not one of the big five (translation: not MAX/PWS or CBS), and I can barely find any examples to test with. Oh well. adding them to gitignore already. If the demand comes up, I've made the related hexpat's for them anyway. .xpo and .spo (assuming they're like .xpo files) files are out of scope for this project, if anyone asks. Reason being is that they usually exclude icon data, and even icon.sys. This makes it rather useless to me.
2023-12-03 12:32:26 -05:00
document.getElementById("fileCommentDesc").textContent = "(no other text)";
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
// reset globalstate parameters
Ama' here. Decided to add frame step support. It's a bit nasty, however. Don't really know what else to do- with this code other than attempt to support animations. aeiou, I'm not really sure... again.
2023-11-13 07:54:35 -05:00
GlobalState.iconState.cachedIconSys = null;
GlobalState.iconState.currentIcon = null;
GlobalState.iconState.source = null;
GlobalState.uniforms.rotation = null;
GlobalState.uniforms.scale = null;
GlobalState.dataLength = 0;
GlobalState.rotations = 2;
GlobalState.iconState.currentSubmodel = 0;
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
// clear buffers
0.8.0 (actually) forgot to -a
2023-12-18 09:03:51 -05:00
if(glFgContext !== null) {
glFgContext.clear(glFgContext.COLOR_BUFFER_BIT | glFgContext.DEPTH_BUFFER_BIT);
}
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
}
Ama' here. Decided to add frame step support. It's a bit nasty, however. Don't really know what else to do- with this code other than attempt to support animations. aeiou, I'm not really sure... again.
2023-11-13 07:54:35 -05:00
function renderIcon(iconData, fileMetadata = null, clearData = true) {
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
if(fileMetadata === null) {
fileMetadata = {
"lighting": {
"points": [{x:0,y:0,z:0},{x:0,y:0,z:0},{x:0,y:0,z:0}],
"colors": [
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
{r:1,g:1,b:1,a:1}, // ambient
{r:1,g:0,b:0,a:1}, // point0
{r:0,g:1,b:0,a:1}, // point1
{r:0,g:0,b:1,a:1} // point2
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
]
}
};
Ama' here. Decided to add frame step support. It's a bit nasty, however. Don't really know what else to do- with this code other than attempt to support animations. aeiou, I'm not really sure... again.
2023-11-13 07:54:35 -05:00
};
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
if(glFgContext === null) {return -1;} else {
const texture = glFgContext.createTexture();
glFgContext.bindTexture(glFgContext.TEXTURE_2D, texture);
if (iconData.textureFormat !== "N") {
let rgb5a1_converted;
if (iconData.textureFormat === "C") {
let uncompressed = uncompressTexture(iconData.texture.data);
rgb5a1_converted = convertBGR5A1toRGB5A1(uncompressed);
} else {
rgb5a1_converted = convertBGR5A1toRGB5A1(iconData.texture);
}
glFgContext.texImage2D(glFgContext.TEXTURE_2D, 0, glFgContext.RGBA, 128, 128, 0, glFgContext.RGBA, glFgContext.UNSIGNED_SHORT_5_5_5_1, rgb5a1_converted);
glFgContext.generateMipmap(glFgContext.TEXTURE_2D);
}
//.section PROGRAM.icon
if(iconData.textureFormat !== "N") {
var iconVertexShader = createShader(glFgContext, glFgContext.VERTEX_SHADER, document.getElementById("shader-icon-v").text);
var iconFragmentShader = createShader(glFgContext, glFgContext.FRAGMENT_SHADER, document.getElementById("shader-icon-f2").text);
} else {
var iconVertexShader = createShader(glFgContext, glFgContext.VERTEX_SHADER, document.getElementById("shader-icon-v").text);
var iconFragmentShader = createShader(glFgContext, glFgContext.FRAGMENT_SHADER, document.getElementById("shader-icon-f").text);
}
let iconProgram = createProgram(glFgContext, iconVertexShader, iconFragmentShader);
glFgContext.useProgram(iconProgram);
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
var attributes = {
color: glFgContext.getAttribLocation(iconProgram, "a_color"),
position: glFgContext.getAttribLocation(iconProgram, "a_position"),
nextPosition: glFgContext.getAttribLocation(iconProgram, "a_nextPosition")
};
var uniforms = {
ambientLighting: glFgContext.getUniformLocation(iconProgram, "u_ambientLight"),
scale: glFgContext.getUniformLocation(iconProgram, "u_scale"),
interpolation: glFgContext.getUniformLocation(iconProgram, "u_interp"),
rotation: glFgContext.getUniformLocation(iconProgram, "u_rotation")
}
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
if(iconData.textureFormat !== "N") {
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
attributes["textureCoords"] = glFgContext.getAttribLocation(iconProgram, "a_textureCoords");
uniforms["sampler"] = glFgContext.getUniformLocation(iconProgram, "u_sampler");
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
}
//.section SETUP
let verticesArray = new Array();
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
let nextVerticesArray = new Array();
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
let colourArray = new Array();
let uvArray = new Array();
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
let nextShape = GlobalState.iconState.currentSubmodel + 1;
if(nextShape > (iconData.numberOfShapes - 1)) {
nextShape = 0;
}
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
iconData.vertices.forEach(function(vertexObject){
Ama' here. Decided to add frame step support. It's a bit nasty, however. Don't really know what else to do- with this code other than attempt to support animations. aeiou, I'm not really sure... again.
2023-11-13 07:54:35 -05:00
verticesArray.push(vertexObject.shapes[GlobalState.iconState.currentSubmodel].x);
verticesArray.push(vertexObject.shapes[GlobalState.iconState.currentSubmodel].y);
verticesArray.push(vertexObject.shapes[GlobalState.iconState.currentSubmodel].z);
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
nextVerticesArray.push(vertexObject.shapes[nextShape].x);
nextVerticesArray.push(vertexObject.shapes[nextShape].y);
nextVerticesArray.push(vertexObject.shapes[nextShape].z);
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
colourArray.push(vertexObject.color.r/255);
colourArray.push(vertexObject.color.g/255);
colourArray.push(vertexObject.color.b/255);
colourArray.push((vertexObject.color.a > 1) ? (vertexObject.color.a/255): 1);
uvArray.push(vertexObject.uv.u);
uvArray.push(vertexObject.uv.v);
});
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
// TODO: Might need normals too for lighting...
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
//.section VERTICES
const positionBuffer = glFgContext.createBuffer();
glFgContext.bindBuffer(glFgContext.ARRAY_BUFFER, positionBuffer);
glFgContext.enableVertexAttribArray(attributes.position);
glFgContext.bufferData(glFgContext.ARRAY_BUFFER, new Float32Array(verticesArray), glFgContext.STATIC_DRAW);
glFgContext.vertexAttribPointer(attributes.position, 3, glFgContext.FLOAT, false, 0, 0);
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
//.section VERTICES_2
const nextPositionBuffer = glFgContext.createBuffer();
glFgContext.bindBuffer(glFgContext.ARRAY_BUFFER, nextPositionBuffer);
glFgContext.enableVertexAttribArray(attributes.nextPosition);
glFgContext.bufferData(glFgContext.ARRAY_BUFFER, new Float32Array(nextVerticesArray), glFgContext.STATIC_DRAW);
glFgContext.vertexAttribPointer(attributes.nextPosition, 3, glFgContext.FLOAT, false, 0, 0);
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
//.section COLOURS
const colorBuffer = glFgContext.createBuffer();
glFgContext.bindBuffer(glFgContext.ARRAY_BUFFER, colorBuffer);
glFgContext.enableVertexAttribArray(attributes.color);
glFgContext.bufferData(glFgContext.ARRAY_BUFFER, new Float32Array(colourArray), glFgContext.STATIC_DRAW);
glFgContext.vertexAttribPointer(attributes.color, 4, glFgContext.FLOAT, false, 0, 0);
if(iconData.textureFormat !== "N") {
//.section UV
const uvBuffer = glFgContext.createBuffer();
glFgContext.bindBuffer(glFgContext.ARRAY_BUFFER, uvBuffer);
glFgContext.enableVertexAttribArray(attributes.textureCoords);
glFgContext.bufferData(glFgContext.ARRAY_BUFFER, new Float32Array(uvArray), glFgContext.STATIC_DRAW);
glFgContext.vertexAttribPointer(attributes.textureCoords, 2, glFgContext.FLOAT, false, 0, 0);
//.section TEXTURE
glFgContext.activeTexture(glFgContext.TEXTURE0);
glFgContext.bindTexture(glFgContext.TEXTURE_2D, texture);
glFgContext.uniform1i(uniforms.sampler, 0);
}
//.section ROTATE
// sets the angle uniform to 2/rotationDensity, this puts the icon at an angle.
// globalize uniform rotation
GlobalState.uniforms.rotation = uniforms.rotation;
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
if (clearData) {GlobalState.rotations = 2;}
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
glFgContext.uniform1f(GlobalState.uniforms.rotation, GlobalState.rotations/rotationDensity);
//.section LIGHTING
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
let colours = fileMetadata.lighting.colors[0]; // get ambient lighting colours
// glFgContext.uniform3f(uniforms.ambientLighting, colours.r, colours.g, colours.b);
// TODO: figure out why rendering goes all sorts of bad when we use the actual values.
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
glFgContext.uniform3f(uniforms.ambientLighting, 0.75, 0.75, 0.75);
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
//.section SCALING
GlobalState.uniforms.scale = uniforms.scale;
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
if (clearData) {GlobalState.scale = 3.5;}
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
glFgContext.uniform1f(GlobalState.uniforms.scale, GlobalState.scale);
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
//.section INTERPOLATION
GlobalState.uniforms.interpolation = uniforms.interpolation;
if (clearData) {GlobalState.interpfactor = 0.0;}
glFgContext.uniform1f(GlobalState.uniforms.interpolation, GlobalState.interpfactor);
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
//.section WRITE
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
// globalize count of triangles, as well
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
GlobalState.dataLength = (verticesArray.length/3);
glFgContext.drawArrays(glFgContext.TRIANGLES, 0, GlobalState.dataLength);
}
}
filebox = document.getElementById("input");
filebox.onchange = function(e) {
resetDisplay();
if(filebox.files.length === 0) {
return;
}
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
GlobalState.fileReader.readAsArrayBuffer(filebox.files[0]);
GlobalState.fileReader.onloadend = function() {
GlobalState.fileReader.onloadend = void(0);
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
try {
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
let output = readPS2D(GlobalState.fileReader.result);
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
console.info("icon.sys", output);
updateDisplay(output);
} catch(e) {
if(glBgContext!==null){glBgContext.clear(glBgContext.COLOR_BUFFER_BIT);}
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
console.error(e);
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
alert(e);
}
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
}
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
}
iconbox = document.getElementById("icon");
iconbox.onchange = function(e) {
if(iconbox.files.length === 0) {
return;
}
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
GlobalState.fileReader.readAsArrayBuffer(iconbox.files[0]);
GlobalState.fileReader.onloadend = function() {
GlobalState.fileReader.onloadend = void(0);
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
try {
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
let output = readIconFile(GlobalState.fileReader.result);
Ama' here. Decided to add frame step support. It's a bit nasty, however. Don't really know what else to do- with this code other than attempt to support animations. aeiou, I'm not really sure... again.
2023-11-13 07:54:35 -05:00
GlobalState.iconState.cachedIconSys = null;
GlobalState.iconState.source = null;
GlobalState.iconState.currentSubmodel = 0;
GlobalState.iconState.currentIcon = output;
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
renderIcon(output);
console.info("model data (ic*)",output);
} catch(e) {
if(glFgContext!==null){glFgContext.clear(glFgContext.COLOR_BUFFER_BIT | glFgContext.DEPTH_BUFFER_BIT);}
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
console.error(e);
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
alert(e);
}
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
}
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
}
psubox = document.getElementById("psuinput");
psubox.onchange = function(e) {
resetDisplay();
if(psubox.files.length === 0) {
return;
}
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
GlobalState.fileReader.readAsArrayBuffer(psubox.files[0]);
GlobalState.fileReader.onloadend = function() {
GlobalState.fileReader.onloadend = void(0);
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
try {
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
let vFilesystem = readEmsPsuFile(GlobalState.fileReader.result);
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
let output = readPS2D(vFilesystem[vFilesystem.rootDirectory]["icon.sys"].data);
updateDisplay(output);
let output2 = new Object();
Object.keys(output.filenames).forEach(function(file) {
output2[file] = readIconFile(vFilesystem[vFilesystem.rootDirectory][output.filenames[file]].data);
});
Ama' here. Decided to add frame step support. It's a bit nasty, however. Don't really know what else to do- with this code other than attempt to support animations. aeiou, I'm not really sure... again.
2023-11-13 07:54:35 -05:00
GlobalState.iconState.cachedIconSys = output;
GlobalState.iconState.currentSubmodel = 0;
GlobalState.iconState.source = output2;
GlobalState.iconState.currentIcon = output2.n;
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
renderIcon(output2.n, output);
let cTime = vFilesystem.timestamps.created;
let mTime = vFilesystem.timestamps.modified;
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
// TODO: use Time() to align JST times to user-local timezone
document.getElementById("dateCreated").textContent = timeToString(cTime);
document.getElementById("dateModified").textContent = timeToString(mTime);
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
console.info("model files (psu)", output2);
console.info("icon.sys (psu)", output);
} catch(e) {
if(glBgContext!==null){glBgContext.clear(glBgContext.COLOR_BUFFER_BIT);}
if(glFgContext!==null){glFgContext.clear(glFgContext.COLOR_BUFFER_BIT | glFgContext.DEPTH_BUFFER_BIT);}
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
console.error(e);
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
alert(e);
}
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
}
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
}
psvbox = document.getElementById("psvinput");
psvbox.onchange = function(e) {
resetDisplay();
if(psvbox.files.length === 0) {
return;
}
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
GlobalState.fileReader.readAsArrayBuffer(psvbox.files[0]);
GlobalState.fileReader.onloadend = function() {
GlobalState.fileReader.onloadend = void(0);
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
try {
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
let inputData = readPsvFile(GlobalState.fileReader.result);
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
let output = readPS2D(inputData["icon.sys"]);
updateDisplay(output);
const icons = {
n: readIconFile(inputData.icons.n),
c: readIconFile(inputData.icons.c),
d: readIconFile(inputData.icons.d),
}
Ama' here. Decided to add frame step support. It's a bit nasty, however. Don't really know what else to do- with this code other than attempt to support animations. aeiou, I'm not really sure... again.
2023-11-13 07:54:35 -05:00
GlobalState.iconState.cachedIconSys = output;
GlobalState.iconState.currentSubmodel = 0;
GlobalState.iconState.source = icons;
GlobalState.iconState.currentIcon = icons.n;
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
renderIcon(icons.n, output);
let cTime = inputData.timestamps.created;
let mTime = inputData.timestamps.modified;
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
// TODO: use Time() to align JST times to user-local timezone
document.getElementById("dateCreated").textContent = timeToString(cTime);
document.getElementById("dateModified").textContent = timeToString(mTime);
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
console.info("model files (psv)", icons);
console.info("icon.sys (psv)", output);
} catch(e) {
if(glBgContext!==null){glBgContext.clear(glBgContext.COLOR_BUFFER_BIT);}
if(glFgContext!==null){glFgContext.clear(glFgContext.COLOR_BUFFER_BIT | glFgContext.DEPTH_BUFFER_BIT);}
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
console.error(e);
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
alert(e);
}
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
}
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
}
spsbox = document.getElementById("spsinput");
spsbox.onchange = function(e) {
resetDisplay();
if(spsbox.files.length === 0) {
return;
}
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
GlobalState.fileReader.readAsArrayBuffer(spsbox.files[0]);
GlobalState.fileReader.onloadend = function() {
GlobalState.fileReader.onloadend = void(0);
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
try {
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
let vFilesystem = readSharkXPortSxpsFile(GlobalState.fileReader.result);
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
let output = readPS2D(vFilesystem[vFilesystem.rootDirectory]["icon.sys"].data);
updateDisplay(output);
let output2 = new Object();
Object.keys(output.filenames).forEach(function(file) {
output2[file] = readIconFile(vFilesystem[vFilesystem.rootDirectory][output.filenames[file]].data);
});
Ama' here. Decided to add frame step support. It's a bit nasty, however. Don't really know what else to do- with this code other than attempt to support animations. aeiou, I'm not really sure... again.
2023-11-13 07:54:35 -05:00
GlobalState.iconState.cachedIconSys = output;
GlobalState.iconState.currentSubmodel = 0;
GlobalState.iconState.source = output2;
GlobalState.iconState.currentIcon = output2.n;
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
renderIcon(output2.n, output);
let cTime = vFilesystem.timestamps.created;
let mTime = vFilesystem.timestamps.modified;
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
// TODO: use Time() to align JST times to user-local timezone
document.getElementById("dateCreated").textContent = timeToString(cTime);
document.getElementById("dateModified").textContent = timeToString(mTime);
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
document.getElementById("fileCommentGame").textContent = vFilesystem.comments.game;
document.getElementById("fileCommentName").textContent = vFilesystem.comments.name;
fix SPS/XPS crash, example icon fix sps/xps parser crash: apparently those 4 bytes were for a third part of metadata for those files. HTML client now shows this information if available. example icon: id2_example_001 (12 vertices, 4 triangles) I've saved and included this icon in the .PSU and .SPS formats. .PSV is a bit more complicated for a valid export. Example icon shows vertex colours with no animation nor includes a texture (texture type 3). was considering adding new formats, but its not one of the big five (translation: not MAX/PWS or CBS), and I can barely find any examples to test with. Oh well. adding them to gitignore already. If the demand comes up, I've made the related hexpat's for them anyway. .xpo and .spo (assuming they're like .xpo files) files are out of scope for this project, if anyone asks. Reason being is that they usually exclude icon data, and even icon.sys. This makes it rather useless to me.
2023-12-03 12:32:26 -05:00
if(vFilesystem.comments.hasOwnProperty("desc")) {
document.getElementById("fileCommentDesc").textContent = vFilesystem.comments.desc;
}
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
console.info("model files (*ps)", output2);
console.info("icon.sys (*ps)", output);
} catch(e) {
if(glBgContext!==null){glBgContext.clear(glBgContext.COLOR_BUFFER_BIT);}
if(glFgContext!==null){glFgContext.clear(glFgContext.COLOR_BUFFER_BIT | glFgContext.DEPTH_BUFFER_BIT);}
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
console.error(e);
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
alert(e);
}
A compatibility update. No, this isn't a late 'Fool's joke, I was just having fun and now I can target pure ES6/ES2015 if I wanted to. …except Chakra ('Edge <= 44), that thing never implemented `TextDecoder`/`TextEncoder` for some reason. We'll never know why... I'm researching what makes over-bright happen... give me time!
2023-12-05 13:40:46 -05:00
};
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
}
0.7.0: The Icebreaker update + Now including support for CodeBreaker Save (CBS) format. * CBS Parser function requires a function parameter that inflates data (zlib-style) given to it. - Removed enabling/disabling strict mode from the reference client. * Made timestamp objects consistant with every file format. + Added Pako to as a semi-optional dependancy to the HTML reference client. * Disabling Pako will also disable CBS support in the HTML reference client. Internals: + Now includes the RC4 cipherkey for deciphering CBS files. + Implemented an RC4 cipher function for deciphering CBS files. Author comments: One of the big five. Only one remains, and it's not going to be easy. The road to an LZARI implementation spans a long distance, and the road there is bumpy. - yellows
2023-12-07 09:14:07 -05:00
cbsbox = document.getElementById("cbsinput");
cbsbox.onchange = function(e) {
resetDisplay();
if(cbsbox.files.length === 0) {
return;
}
function inflator(data) {
return (pako.inflate(data)).buffer;
}
GlobalState.fileReader.readAsArrayBuffer(cbsbox.files[0]);
GlobalState.fileReader.onloadend = function() {
GlobalState.fileReader.onloadend = void(0);
try {
let vFilesystem = readCodeBreakerCbsFile(GlobalState.fileReader.result, inflator);
let output = readPS2D(vFilesystem[vFilesystem.rootDirectory]["icon.sys"].data);
updateDisplay(output);
let output2 = new Object();
Object.keys(output.filenames).forEach(function(file) {
output2[file] = readIconFile(vFilesystem[vFilesystem.rootDirectory][output.filenames[file]].data);
});
GlobalState.iconState.cachedIconSys = output;
GlobalState.iconState.currentSubmodel = 0;
GlobalState.iconState.source = output2;
GlobalState.iconState.currentIcon = output2.n;
renderIcon(output2.n, output);
let cTime = vFilesystem.timestamps.created;
let mTime = vFilesystem.timestamps.modified;
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
// TODO: use Time() to align JST times to user-local timezone
0.7.0: The Icebreaker update + Now including support for CodeBreaker Save (CBS) format. * CBS Parser function requires a function parameter that inflates data (zlib-style) given to it. - Removed enabling/disabling strict mode from the reference client. * Made timestamp objects consistant with every file format. + Added Pako to as a semi-optional dependancy to the HTML reference client. * Disabling Pako will also disable CBS support in the HTML reference client. Internals: + Now includes the RC4 cipherkey for deciphering CBS files. + Implemented an RC4 cipher function for deciphering CBS files. Author comments: One of the big five. Only one remains, and it's not going to be easy. The road to an LZARI implementation spans a long distance, and the road there is bumpy. - yellows
2023-12-07 09:14:07 -05:00
if(cTime.year === 0) {
// if root directory time is null, read icon.sys instead
cTime = vFilesystem[vFilesystem.rootDirectory]["icon.sys"].timestamps.created;
mTime = vFilesystem[vFilesystem.rootDirectory]["icon.sys"].timestamps.modified;
}
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
document.getElementById("dateCreated").textContent = timeToString(cTime);
document.getElementById("dateModified").textContent = timeToString(mTime);
0.7.0: The Icebreaker update + Now including support for CodeBreaker Save (CBS) format. * CBS Parser function requires a function parameter that inflates data (zlib-style) given to it. - Removed enabling/disabling strict mode from the reference client. * Made timestamp objects consistant with every file format. + Added Pako to as a semi-optional dependancy to the HTML reference client. * Disabling Pako will also disable CBS support in the HTML reference client. Internals: + Now includes the RC4 cipherkey for deciphering CBS files. + Implemented an RC4 cipher function for deciphering CBS files. Author comments: One of the big five. Only one remains, and it's not going to be easy. The road to an LZARI implementation spans a long distance, and the road there is bumpy. - yellows
2023-12-07 09:14:07 -05:00
console.info("model files (cbs)", output2);
console.info("icon.sys (cbs)", output);
} catch(e) {
if(glBgContext!==null){glBgContext.clear(glBgContext.COLOR_BUFFER_BIT);}
if(glFgContext!==null){glFgContext.clear(glFgContext.COLOR_BUFFER_BIT | glFgContext.DEPTH_BUFFER_BIT);}
console.error(e);
alert(e);
}
}
}
0.8.0 (actually) forgot to -a
2023-12-18 09:03:51 -05:00
pwsbox = document.getElementById("maxinput");
pwsbox.onchange = function(e) {
resetDisplay();
if(pwsbox.files.length === 0) {
return;
}
function decompressor(data) {
return (decodeLzari(data)).buffer;
}
GlobalState.fileReader.readAsArrayBuffer(pwsbox.files[0]);
GlobalState.fileReader.onloadend = function() {
GlobalState.fileReader.onloadend = void(0);
try {
let vFilesystem = readMaxPwsFile(GlobalState.fileReader.result, decompressor);
let output = readPS2D(vFilesystem[vFilesystem.rootDirectory]["icon.sys"].data);
updateDisplay(output);
let output2 = new Object();
Object.keys(output.filenames).forEach(function(file) {
output2[file] = readIconFile(vFilesystem[vFilesystem.rootDirectory][output.filenames[file]].data);
});
GlobalState.iconState.cachedIconSys = output;
GlobalState.iconState.currentSubmodel = 0;
GlobalState.iconState.source = output2;
GlobalState.iconState.currentIcon = output2.n;
renderIcon(output2.n, output);
console.info("model files (cbs)", output2);
console.info("icon.sys (cbs)", output);
} catch(e) {
if(glBgContext!==null){glBgContext.clear(glBgContext.COLOR_BUFFER_BIT);}
if(glFgContext!==null){glFgContext.clear(glFgContext.COLOR_BUFFER_BIT | glFgContext.DEPTH_BUFFER_BIT);}
console.error(e);
alert(e);
}
}
}
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
function createShader(gl, type, source) {
let shader = gl.createShader(type);
gl.shaderSource(shader, source);
gl.compileShader(shader);
let success = gl.getShaderParameter(shader, gl.COMPILE_STATUS);
if (success) {
return shader;
}
console.debug(gl.getShaderInfoLog(shader), (new String().padStart(60, "-")), source);
gl.deleteShader(shader);
}
function createProgram(gl, vertexShader, fragmentShader) {
let program = gl.createProgram();
gl.attachShader(program, vertexShader);
gl.attachShader(program, fragmentShader);
gl.linkProgram(program);
let success = gl.getProgramParameter(program, gl.LINK_STATUS);
if (success) {
return program;
}
console.debug(gl.getProgramInfoLog(program));
gl.deleteProgram(program);
}
const bgCanvas = document.getElementById("bgcanvas");
const glBgContext = bgCanvas.getContext("webgl");
const fgCanvas = document.getElementById("iconcanvas");
const glFgContext = fgCanvas.getContext("webgl");
function drawBackground(colorInput) {
//.section PROGRAM.background
let backgroundVertexShader = createShader(glBgContext, glBgContext.VERTEX_SHADER, document.getElementById("shader-bg-v").text);
let backgroundFragmentShader = createShader(glBgContext, glBgContext.FRAGMENT_SHADER, document.getElementById("shader-bg-f").text);
let backgroundProgram = createProgram(glBgContext, backgroundVertexShader, backgroundFragmentShader);
glBgContext.useProgram(backgroundProgram);
let attributes = {
position: glBgContext.getAttribLocation(backgroundProgram, "a_position"),
color: glBgContext.getAttribLocation(backgroundProgram, "a_color")
};
//.section POSITION
const positions = [-1,1, 1,1, -1,-1, 1,-1];
const positionBuffer = glBgContext.createBuffer();
glBgContext.bindBuffer(glBgContext.ARRAY_BUFFER, positionBuffer);
glBgContext.enableVertexAttribArray(attributes.position);
glBgContext.bufferData(glBgContext.ARRAY_BUFFER, new Float32Array(positions), glBgContext.STATIC_DRAW);
glBgContext.vertexAttribPointer(attributes.position, 2, glBgContext.FLOAT, false, 0, 0);
//.section COLOR
const colors = (Array.isArray(colorInput)) ? colorInput : [1,0,0,1, 0,1,0,1, 0,0,1,1, 1,1,1,1];
const colorBuffer = glBgContext.createBuffer();
glBgContext.bindBuffer(glBgContext.ARRAY_BUFFER, colorBuffer);
glBgContext.enableVertexAttribArray(attributes.color);
glBgContext.bufferData(glBgContext.ARRAY_BUFFER, new Float32Array(colors), glBgContext.STATIC_DRAW);
glBgContext.vertexAttribPointer(attributes.color, 4, glBgContext.FLOAT, false, 0, 0);
//.section WRITE
glBgContext.drawArrays(glBgContext.TRIANGLE_STRIP, 0, 4);
}
if(glBgContext !== null) {
//.section CONFIGURATION
glFgContext.enable(glFgContext.DEPTH_TEST);
glFgContext.enable(glFgContext.CULL_FACE);
glFgContext.cullFace(glFgContext.BACK);
//.section CLEAR
glBgContext.clearColor(0.1,0.1,0.4,1);
glBgContext.clear(glBgContext.COLOR_BUFFER_BIT | glBgContext.DEPTH_BUFFER_BIT);
glFgContext.clear(glFgContext.COLOR_BUFFER_BIT | glFgContext.DEPTH_BUFFER_BIT);
drawBackground();
} else {
bgCanvas.style.display = "none";
fgCanvas.style.display = "none";
}
document.getElementById("showExtractedInputOption").onchange = function(e) {
document.getElementById("advanced").style.display = ((e.target.checked) ? "block" : "none");
}
0.7.0: The Icebreaker update + Now including support for CodeBreaker Save (CBS) format. * CBS Parser function requires a function parameter that inflates data (zlib-style) given to it. - Removed enabling/disabling strict mode from the reference client. * Made timestamp objects consistant with every file format. + Added Pako to as a semi-optional dependancy to the HTML reference client. * Disabling Pako will also disable CBS support in the HTML reference client. Internals: + Now includes the RC4 cipherkey for deciphering CBS files. + Implemented an RC4 cipher function for deciphering CBS files. Author comments: One of the big five. Only one remains, and it's not going to be easy. The road to an LZARI implementation spans a long distance, and the road there is bumpy. - yellows
2023-12-07 09:14:07 -05:00
if (typeof pako === "undefined") {
document.getElementById("cbsinput").disabled = true;
}
minor non-final changes Reminder of TODOs: Animation parsing, parsing animation data into visible data. -> * Render animations in HTML client. * Write animations to glTF2 exporter. Considered ideas: * Multi-format file input box (auto-detect format based off first bytes)
2023-12-25 03:20:58 -05:00
if (typeof decodeLzari === "undefined") {
document.getElementById("maxinput").disabled = true;
}
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
// TODO: More than one model shape rendering, other 2 icons (technically done? NMW though), Animation parsing, animation tweening (technically too)
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
</script>
Do near-final touches, should of done this last commit but oh well. Actually made C6JS C6JS and not node-specific. Didn't know there was a difference.
2023-11-28 06:52:34 -05:00
<span id="version">icondumper2 <a href="./documentation" id="iconjsVersion">(unknown icon.js version)</a> [C: <span id="clientVersion">Loading...</span>] &mdash; &copy; <span id="currentYear">2023</span> yellows111</span>
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
<script>
Do near-final touches, should of done this last commit but oh well. Actually made C6JS C6JS and not node-specific. Didn't know there was a difference.
2023-11-28 06:52:34 -05:00
document.getElementById("iconjsVersion").textContent = exports.version;
Soft client interpolation update, minor security update. Interpolation between two frames of animation is now implemented, and can be controlled with the PERIOD and COMMA keys. Automatic playing of interpolated frames is not yet complete. Security: All objects which can output arbitrary text has their prototype set to null. Some other objects have also been set to null prototypes, which are t64le and the yellowDataReader constructor output. Still yet to parse actual animation data... Probably need to know how to make requestAnimationFrame loops practical... Authors Comment: This filled my evening from doing nothing.
2024-02-29 08:43:08 -05:00
document.getElementById("clientVersion").textContent = "0.8.1";
DOS->Unix conversion thought it'd save some space.
2023-11-08 05:07:57 -05:00
document.getElementById("currentYear").textContent = (new Date()).getFullYear().toString();
</script>
</body>
Do near-final touches, should of done this last commit but oh well. Actually made C6JS C6JS and not node-specific. Didn't know there was a difference.
2023-11-28 06:52:34 -05:00
</html>