Is there any way to remove the nebulae and background from the ship viewer so that you have the ship flying over a transparency? Anyone know?

Trying to get it done in here:
http://web.ccpgamescdn.com/shipviewer/ccp.shipviewer-0.989.min.js

The javascript isn't even formatted!
It will take years to figure that out!

Quit NOW! unless CCP will sahre the uncompressed version.

Having had a quick look, I've got a feeling that setting settings.showCubeMap to 0 or false might achieve this, partially at least.

No trolling, you. I've made pretty good progress reading it line by line. The problem is here (minmatar ex.):

"res:/texture/cubemap/minmatar/m01_cube.cube","res:/texture/cubemap/minmatar/m01_cube_blur.cube"

So if I could get the .cube files to load transparent I would think it would work. The problem seems to be that the m01_cube.cube file is the canvas that everything is painted on...

Ah... I see. Yup that removed the CubeMap and the ship still rendered. Just need to figure out the background now. Thanks!

Also to add to that, if you want your own custom background, edit the files between line 126 and 136 once the file is decompressed.

EDIT: i think this will work :S

If you're interested in sharing your work, i will give you a sum of isk for your troubles

It'll be a combination of the alpha settings and the clear color.
Per default, WebGL has no opaque background and would actually do what you want; A list of settings allows the developer to achieve an opaque (black) background during the render process.

Have a look here: http://games.greggman.com/game/webgl-and-alpha/ and do the inverse (i.e., try NOT to get a solid background). Because of the defaults, I believe the magic will happen around the lines of gl.clearColor() and clear().

edit: Some further StackOverflow info: http://stackoverflow.com/questions/12273858/how-to-make-webgl-canvas-transparent

Without having jumped into this myself, have you tried linking to a transparent png image by replacing the BG reference or better yet, CSS?

have you viewed the html output in firebug and looked at the DOM to see if there's anything there?

...

camera.Update(f), scene.Update(f), device.SetStandardStates(device.RM_OPAQUE), device.gl.clearColor(0, 0, 0, 0), device.gl.clearDepth(1), device.gl.viewport(0, 0, device.gl.viewportWidth, device.gl.viewportHeight), device.gl.clear(device.gl.COLOR_BUFFER_BIT | device.gl.DEPTH_BUFFER_BIT), ship && ship.boosterGain < boosterGain && (ship.boosterGain += boosterGain / 80);
if (quality == 3) {
var g = camera.GetView(), h = mat4.inverse(g, mat4.create()), i = mat4.multiplyVec4(h, [1, 1, 2, 0], quat4.create());
vec3.set(i, scene.sunDirection)
}
device.SetProjection(camera.GetProjection()), device.SetView(camera.GetView()), scene.Render(), ref.postprocessEnabled && postprocess.Render()
}
return !0
}

camera.Update(f), scene.Update(f), device.SetStandardStates(device.RM_TRANSPARENT);

var backAlpha = 0.4;
device.gl.clearColor(0, 0, 0, backAlpha);
device.gl.clearDepth(1);
device.gl.viewport(0, 0, device.gl.viewportWidth, device.gl.viewportHeight);
device.gl.clear(device.gl.COLOR_BUFFER_BIT | device.gl.DEPTH_BUFFER_BIT);
ship && ship.boosterGain < boosterGain && (ship.boosterGain += boosterGain / 80);
if (quality == 3) {
var g = camera.GetView(), h = mat4.inverse(g, mat4.create()), i = mat4.multiplyVec4(h, [1, 1, 2, 0], quat4.create());
vec3.set(i, scene.sunDirection)
}
device.SetProjection(camera.GetProjection()), device.SetView(camera.GetView());
scene.Render();
//ref.postprocessEnabled && postprocess.Render()

Ok, finally found some time for hacking and got it. (Pics or it didn't happen *)

Disclaimer: I made a hack and this is just for research use; Proper cleanup would be required and I'd prefer a dedicated solution to be done (i.e., write a dedicated ship viewer instead of waiting for the unmodified source - like I did with upro & a map viewer ;)

Anyway, simply removing the nebulae did not entirely work, the corresponding skybox would still be rendered - and without a texture, it came out black.
In the CCPShipViewer.Render() method some tweaks were needed. This method is right at the top, so not much to search.


a little bit reordered and modified:



In essence:
* the postprocess was removed - looking at the corresponding code it is what I believe to be the sky box.
* the StandardState is set to RM_TRANSPARENT instead of RM_OPAQUE -- mainly to enable BLEND.

The backAlpha is a number 0.0 .. 1.0 specifying the alpha value with 0.0 being fully transparent. The screenshot shows the 0.4 value.

What you will then notice (also visible in the screenshot) is the next problem: Alpha values of textures, as seen with the blinking lights, which appear to be blocky. I didn't want to look into that now, because this topic took me very long to handle in upro ;) Extra time could be spent into looking for that cause, but I'd rather refer to my disclaimer above.

*) I didn't investigate why the whole scene display was moved down, probably a layout issue from my offline version

Maybe we could replace the lights with uncompressed animated transparent gifs? I am going to try to catch up to you and then will look into it... the lights are just pngs w/ render effects I think.

Got it. Man we are in business! This is going to make a huge difference to the look of community sites. The lights thing is an easy fix I think (You should see the blocks on the cynabal's nose!)... working on it now.

The javascript isn't even formatted!
It will take years to figure that out!

Quit NOW! unless CCP will sahre the uncompressed version.

Great work, guys. I'm now beginning work on integrating this into my embeddable shipviewer.

I can has Rifter?

So has anyone come up with a solution for using a ship viewer with a white background?