Page 1 of 1

WAD.js - Online WAD tool

PostPosted: Wed Jan 11, 2017 3:17 pm
by jmickle
Image

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

Re: WAD.js - Online WAD tool

PostPosted: Wed Jan 11, 2017 7:15 pm
by Kappes Buur
It doesn't display maps in pwad formats Doom in Hexen or UDMF, only vanilla DOOM. :(

Re: WAD.js - Online WAD tool

PostPosted: Wed Jan 11, 2017 7:38 pm
by nagibrich
so, this is an online wad editor

Re: WAD.js - Online WAD tool

PostPosted: Wed Jan 11, 2017 9:03 pm
by jmickle
Kappes Buur wrote: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

Re: WAD.js - Online WAD tool

PostPosted: Fri Jan 13, 2017 4:08 pm
by 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 :P 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 :oops:

Image
(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.

Re: WAD.js - Online WAD tool

PostPosted: Sat Jan 14, 2017 9:05 am
by 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.

Re: WAD.js - Online WAD tool

PostPosted: Sat Jan 14, 2017 11:41 am
by 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.