New 3D Model Viewer

[BlinkBoy]

So as some people are aware I wrote a local 3D model viewer called WhiteoutFlakes. I now have made the whole viewer recompile into WebAssembly and set up a UI to be used the same way as the hive's current viewer. The source code can be found Here

Key features:

• Modern design.
• Full Warcraft 3 Classic support: all materials, particle emitters system, ribbon emitters, lights, cameras, etc.
• Pixel accurate precision; the shaders are based in reverse engineering of Warcraft 3 Reforged actual shaders.
• Full support for Reforged models, from version 800 to 1200.
• Support for PopcornFX emulation.
• Written in C++20, compiled into WebAssembly.

Right now this is the most I can do, it's up to Ralle to decide if he wants to use it.

 

[Wyrelade]

Insanely nice work! Good to have more tools in the arsenal.

 

[BlinkBoy]

MacOS and Safari are fully supported now.

So far Chrome, Edge, FireFox and Safari have been tested. This covers all main 3 browser engines. Only mobile is left.

 

[Ralle]

Amazing! Can't wait to work with you.

 

[BlinkBoy]

Well the viewer is now officially out. So let's use this thread for bug reports.

 

[OVOgenez]

Failed to execute 'createTexture' on 'GPUDevice': Use of the 'bc1-rgba-unorm-srgb' texture format requires the 'texture-compression-bc' feature to be enabled on [Device].

Chrome 149.0.7827.114 (mobile)

Idk if mobile is supported now, but I have this.

 

[BlinkBoy]

View attachment 595436
Failed to execute 'createTexture' on 'GPUDevice': Use of the 'bc1-rgba-unorm-srgb' texture format requires the 'texture-compression-bc' feature to be enabled on [Device].

Chrome 149.0.7827.114 (mobile)

Idk if mobile is supported now, but I have this.

Hmn, do you know which phone and GPU do you have? It feels like a Mali phone or iPhone.

Currently only Qualcomm Adreno has been tested.

 

[OVOgenez]

Hmn, do you know which phone and GPU do you have? It feels like a Mali phone or iPhone.

Currently only Qualcomm Adreno has been tested.

Xiaomi redmi note 10s
Mali-G76 MP4

View in 3D

www.hiveworkshop.com

incorrect rendering layers with Transparent mode:

Outer ring must be like this:

wtf it merged comments...

 

[BlinkBoy]

Xiaomi redmi note 10s
Mali-G76 MP4

View in 3D

www.hiveworkshop.com

incorrect rendering layers with Transparent mode:
View attachment 595453

Outer ring must be like this:
View attachment 595454

wtf it merged comments...

Could you explain to me how this effect has been made? That way I can find the issue.

 

[OVOgenez]

Could you explain to me how this effect has been made? That way I can find the issue.

Its simply changing layer's Alpha.
As far as I know, Transparent mode formula is:

f(C,L) = L.A > 0.75 ? C*(1 - L.A) + L*L.A : C

C - Background
L - Layer
A - Alpha

 

[BlinkBoy]

Its simply changing layer's Alpha.
As far as I know, Transparent mode formula is:

f(C,L) = L.A > 0.75 ? C*(1 - L.A) + L*L.A : C

C - Background
L - Layer
A - Alpha

ok I fixed that (and the inherited billboarding being broken). I updated the package, so likely when Rallöe updates the site again, he'll update the package.

Next update fixes:

• Transparency to Blend upgrade, preserves alpha cut thresshold.
• Billboarding is now properly inherited.

• Rotations are applied to billboarding properly.
• Priority Plane, particles and geosets are all ordered correctly. Objects are also ordered by distance from camera.

(fixed spheres rotating and particles rendering in front)

in Classic all textures and color inputs are now treated in gamma space instead of converting to linear (fixes coloring):

- Improved Cornflakes pkb emulation.

Reforged Hero glow now renders properly:

 

[OVOgenez]

Also, UV animation is handled incorrectly.
The issue is probably related to order in which Translation, Rotation, and Scaling are applied (it seems the game itself implements this incorrectly, so it may be necessary to reproduce the same "incorrect" behavior).

some examples:
View in 3D (clouds)
View in 3D (waves)