WAD.js - Online WAD tool

[jmickle]

WAD.js, an online WAD tool I've been working on. Currently able to load up and preview many lump types, directly in your browser!

It's still early on, so there's no editing functionality yet, but that's coming up soon hopefully. Currently the tool can load up WAD files, and preview many different lump types, including graphics, flats, maps (rendered close to vanilla automap), and even MIDI files!

Future work includes some lump editing features (like importing graphics), and UX overhaul, to make it much easier to use.

The initial purpose of the tool wad to just write a wad manipulation library for Javascript (how did this not exist??) but eventually the user-end tool also became a priority, just because it's fun to work on!

Please let me know what you think, and if you have any feature suggestions/bug reports!

http://jmickle66666666.github.io/wad-js/
Source available here

You can post bugs or feature ideas in this thread or over here would be excellent: https://github.com/jmickle66666666/wad-js/issues

[Kappes Buur]

It doesn't display maps in pwad formats Doom in Hexen or UDMF, only vanilla DOOM.

[nagibrich]

so, this is an online wad editor

[jmickle]

It doesn't display maps in pwad formats Doom in Hexen or UDMF, only vanilla DOOM.

It's on the list! Along with pk3 support too, hopefully

[boris]

In mid 2015 I started to work on an online map editor, just for the fun of it. Of course I never really got far The canvas is just too slow for it, and there don't seem to be any good triangulation libraries for JS (to use with webgl), so eventually I gave up. You can see what I got here: http://88.198.197.45/boris/doom/deotg/ (you always have to select a IWAD and PWAD). To pan the view you have to hold the middle mouse button, zooming works with the scroll wheel. Moving the mouse into a sector will highlight it and show some into in the top left. That's about the only thing that is possible


(click for larger version)

It is written in TypeScript, so the JS files in there are not too useful. If there's interest I can put it up on GitHub.

[jmickle]

Oh excellent, I remember seeing mention of this, I would love to get a look at the source if possible. I was looking into triangulating sectors myself based off the method used in GZDB, and rendering maps with three.js. It's theoretically possible but may in practice turn out to be Too Ridiculous.

[boris]

I put the code up here: https://github.com/biwa/deotg

It's structure is heavily inspired by DB2. I actually have a version where I tried to implement rendering with three.js, but it doesn't display anything at all and I don't really know what state it's in The version I put up has lots of the necessary boilerplate code for triangulation (creating polygons with holes from sectors; all in Sector.js), but the actualy triangulation is missing. It uses some lib called poly2tri.js, but I'm not really sure if it ever worked or not (the final triangulation function call is commented out). That was 1.5 years ago, so maybe there's some better functioning JS lib for triangulation available by now.