New tool: in-browser 3D model / camo viewer

[zomg]

Just posted the first version of my camo/model viewer:

http://ps2hq.com/model-viewer

It uses the game's own 3D models and textures, and renders them in the browser using WebGL.

Performs best in Chrome. Works in Firefox, and in Opera as well if you enable WebGL (it's disabled by default in Opera)

Some features I plan on adding: Add any missing camos, and if it isn't a huge amount of work, add vehicle attachments (eg. armor, bumpers and whatnot)


Let me know what you think!

[PeterDen]

Its not accurate... Look at the girafe design, its missing some yellow!!!

[Neutral Calypso]

Did somebody say giraffe???

*exorcises the wielder of the unholy giraffe!*

[Rolfski]

Awesome mate! SOE, please give this guy some Station Cash for a job you should have done in the first place.

[Roy Awesome]

Holy crap you made this fast.

You asked me how to get the 3d models like the other night. Good work

[Lonehunter]

Awesome!

[Happytrail]

really nice.
but giraffe is black and white in the viewer (for me atleast) and digital dosent load. everything else seems to work.

[Sturmhardt]

Nice work, but whenever I try to change the camo the whole model just turns black...

.sent via phone.

[Jaged]

Is there any way to do infantry?

[zomg]

Thanks all!

Originally Posted by Sturmhardt

Nice work, but whenever I try to change the camo the whole model just turns black...

.sent via phone.

Which browser are you using? Does this happen for all vehicles using any of the camos?

Originally Posted by Jaged

Is there any way to do infantry?

I should be able to add infantry to this. Just need to extract the models and textures.

Originally Posted by Happytrail

really nice.
but giraffe is black and white in the viewer (for me atleast) and digital dosent load. everything else seems to work.

Yeah I'm not sure how to calculate the color hue for the camos. If anyone can help me figure out how that's calculated off the textures, that would be great.

This is how they work as far as I know, example with prowler:

The main texture for the Prowler looks like this:
http://ps2hq.com/static/textures/Veh..._Chassis_C.jpg

Then, we have a texture which is split into multiple channels for different data:
http://ps2hq.com/static/textures/Veh..._Chassis_N.jpg
- Alpha channel: Used for bump mapping (as far as I know)
- Blue channel: Used as the mask for camos
- Red channel: ???
- Green channel: ???

This would be the primary candidate for the one containing the hues I think, however I haven't got a clue how to extract the info.

You may notice it's a jpeg and I just said alpha channel. This is converted from a DDS which has an alpha, and the alpha channel for this file is in a separate jpeg here:
http://ps2hq.com/static/textures/Veh..._Chassis_B.jpg

So that one is the bump map.

This is the specular map, it's applied directly as far as I know:
http://ps2hq.com/static/textures/Veh..._Chassis_S.jpg

Then we have this weird one, which I initially thought was the camo mask, but it isn't. No clue what it does.
http://ps2hq.com/static/textures/Veh...Chassis_DS.jpg

Best guess: DS = Depth Stencil

The color hue might also be calculated from the base texture's colors in some fashion. No idea how though.

Lastly, here's a model you can open in 3D Studio Max if you want to test the assumptions:
http://planetside2hq.com:8080/model-...assis_LOD0.obj

And this is the giraffe camo file: http://ps2hq.com/static/camos/Giraffe_TC.jpg

Heretik helped a lot in figuring these out so props to him

[Sonny]

This is awesome zomg, thanks a lot!

[Sturmhardt]

I am getting the black models with chrome... But it's my PC at work, so I don't know what other shit the it guys installed here that prevents me from seeing it correctly

.sent via phone.

[zomg]

Originally Posted by Sturmhardt

I am getting the black models with chrome... But it's my PC at work, so I don't know what other shit the it guys installed here that prevents me from seeing it correctly

.sent via phone.

Ok, could be it's some issue with the setup there or the network or whatever.

It might be useful if you can check the Chrome Developer Tools for any errors... Click the menu icon on the tab bar, then Tools, then Developer Tools, then go to the Console tab and copy any errors from there.

Just to make sure it isn't an issue with my code

[Sturmhardt]

Originally Posted by zomg

Ok, could be it's some issue with the setup there or the network or whatever.

It might be useful if you can check the Chrome Developer Tools for any errors... Click the menu icon on the tab bar, then Tools, then Developer Tools, then go to the Console tab and copy any errors from there.

Just to make sure it isn't an issue with my code

I will do that on monday if I don't forget it :>
It's working on my home PC with Chrome though, that's enough for me.

[GrmlZ]

Good job!

Originally Posted by Roy Awesome

Holy crap you made this fast.

You asked me how to get the 3d models like the other night. Good work

How do you get the 3d models?