Raym.app - Online Rayman map viewers

[Droolie]

Hi everyone,

Today, raym.app has received a big update!



▶︎ Raymap: 3D Rayman map viewer/editor (by Droolie and Robin)
Ancient trailer: https://www.youtube.com/watch?v=9O873u24Zj4

Raymap itself has been drastically improved with a lot of added games (most importantly, PS1 and N64/DS/3DS games) and new & improved tools. You can fly around in levels and get an in-depth look at objects and all of their animations, scripts and variables. You can now also view the localization (text tables, including unused text) of the games, entry actions (key combinations, cheat codes), cinematics (on PS1), and more. Collision and graph visualization has also been improved.
There are also some very nifty new camera tools, which allow to view the levels in various orthographic/isometric/perspective views and also take high-quality transparent screenshots (I think this'll come in handy for the wiki )

▶︎ Ray1Map: 2D Rayman map viewer/editor (by RayCarrot, Droolie, Ryemanni, PluMGMK and Adsolution)
Over the last few months RayCarrot and I have been putting a lot of effort into making the web version of Ray1Map a reality, and now it is finally here! Of course, it comes with an expansive toolset that is on par or even better than Raymap's. Here's RayCarrot's overview video:



▶︎ RaymapGame: Rayman 2 recreation in Raymap (by Adsolution and Shrooblord)
Trailer: https://www.youtube.com/watch?v=36kQ6KriplU
We also added a web version of RaymapGame, Adsolution's very nice recreation of Rayman 2's gameplay mechanics running on top of Raymap.
The code was recreated based on the scripts extracted from Raymap. It's a proof of concept, but I am still amazed at how well they recreated all of this. It's very accurate, and it's a ton of fun to explore places you could never go to in the original Rayman 2.

▶︎ ubi-canvas: Offline-only UBIart map viewer/editor (by Droolie)
There is no web version of ubi-canvas yet. The project is currently in early stages, but I wanted to showcase it in the video and on the website as it already supports viewing and editing for Rayman Legends, and viewing for Rayman Adventures and Rayman Mini.

All of these tools and more can be found at:
https://raym.app/

Have fun exploring the Glade of Dreams online!

Droolie

[Retrofuge]

Talk about a new late Christmas present to end off the year! Thanks for the awesome update for these brillant map viewers/editors.

[Nve]

Thanks! This is an enormous amount of impressive work. It will come in handy.

[Hunchman801]

Amazing work, guys! I can't wait to see all those new tools put to good use, especially when it comes to improving RayWiki.

[PluMGMK]

Fantastic stuff! I've used Raymap and Ray1Map before but I'll definitely have to check out the new improved online versions! Also, I'd completely forgotten that Ubi-Canvas was a thing, thanks for reminding me!

[1234]

Thanks for all the work you've put into this! As someone who uses this every now and then, I definitely appreciate it.
Incidentally, is there a way in Ray1Map to view the different skins of certain objects? E.g. in Hoodlums' Revenge a Teensie can appear in four different colors, yet in Ray1Map they always appear green, and I don't see an option to alternate between them. Not too important, but no harm in asking...

[Droolie]

Thanks for all the work you've put into this! As someone who uses this every now and then, I definitely appreciate it.
Incidentally, is there a way in Ray1Map to view the different skins of certain objects? E.g. in Hoodlums' Revenge a Teensie can appear in four different colors, yet in Ray1Map they always appear green, and I don't see an option to alternate between them. Not too important, but no harm in asking...

Thanks!
For the different skins in Hoodlums' Revenge, we couldn't find how that worked. They don't use different image data, just different palettes, with transitions between the palettes (e.g. when you get a powerup, Rayman gradually starts glowing). We assume the different palettes are hardcoded somewhere in each specific object's code... In Ray1map we showed them with the default palettes.

[1234]

Ah ok, that's interesting! A bit unfortunate maybe, but it doesn't matter too much. Thx.

[RayCarrot]

Ah ok, that's interesting! A bit unfortunate maybe, but it doesn't matter too much. Thx.

The web version has now been updated to include those alternate palette animations You'll see them in the animSet drop-down as different versions of the same set, with a number after the name.

[Hunchman801]

Nice work, I can see in the commit that you had to manually find the location for all those alternative palettes... keep reverse-engineering all the hard-coded stuff and you will soon have rewritten the entire game.

Anyway, all that matters is that I can now look at pink Globox:

Pink Globox.png (26.27 KiB) Viewed 8224 times

[PluMGMK]

Could Pink Globox be the missing level on our new ranklist?

[Hunchman801]

It can only be the highest rank, I'm afraid.

[Steo]

Pink Globox? Haha this is so random.

[Hunchman801]

I think this is from when he drinks the plum juice and starts blinking.

[RaymanRedemption]

Hi!

I post this message to say how great work you've done, this is really amazing!
I'm using raym.app to design some levels from Rayman 1, and remix them into ReDesigner.

I think it's not necessary to explain why your website is very helpful to do so!
Thanks again for your work.

[1234]

The web version has now been updated to include those alternate palette animations You'll see them in the animSet drop-down as different versions of the same set, with a number after the name.

Thank you! Nice work. Some of the skins I didn't even know/notice before.

Incidentally, when you take a screenshot of certain objects in Raymap, they may appear without proper coloring (e.g. the butterfly below appears pale instead of blue). As far as I remember, it only/mainly occurs when the material is set to something like "Gouraud_Light". Do you know why that happens and how to solve it?

Butterfly.png (29.46 KiB) Viewed 8017 times

[Droolie]

Incidentally, when you take a screenshot of certain objects in Raymap, they may appear without proper coloring (e.g. the butterfly below appears pale instead of blue). As far as I remember, it only/mainly occurs when the material is set to something like "Gouraud_Light". Do you know why that happens and how to solve it?

That's a ghostly butterfly

Interesting though, I hadn't thought that that could happen, but it makes sense. This is due to how I've implemented transparent screenshots. Unity doesn't support this out of the box -- I'm using a solution I found online that takes 2 screenshots with black and white background colors each and calculates the transparency based on the difference between the resulting pixels. This works pretty well normally, but of course it wouldn't work with materials with additive blend mode (light materials), where the object wouldn't even display on some backgrounds... :p

Sadly I don't think this can be fixed, at least not without a ton of work. For additive blend mode ideally the transparency would be calculated purely based on brightness, but then most other objects wouldn't look right.

[PluMGMK]

By the way, are the internal function names for R2 N64 correct in Raymap? I was comparing Axel's code between PC and N64, and I saw that "COND_IsValidObject" on PC seemed to correspond to "COND_CollideWithWater" (or something like that) on N64...

[Droolie]

By the way, are the internal function names for R2 N64 correct in Raymap? I was comparing Axel's code between PC and N64, and I saw that "COND_IsValidObject" on PC seemed to correspond to "COND_CollideWithWater" (or something like that) on N64...

I think the only two versions you can really trust 100% for the function names are Rayman 2 PC and Rayman 3 PC.

For N64 I copied the PC list and made changes to make the code correspond to that version more, but in case of differences between the two, the N64 version is almost always wrong.

[PluMGMK]

Fair enough! I'll keep that in mind. I wonder how they ended up being so different between the versions…