Is posible to draw background image and the 3d world drawn on top ?

[aiaf]

Need to draw an image on screen as background and the 3d world be visible on top of that. Any way to do this ?

 

Found some topic in forums but didnt help, with this  the background image appear only in places where emitters are drawn..

https://www.leadwerks.com/community/topic/10041-is-it-possible-to-draw-an-image-as-background-and-render-over-it/

 

[macklebee]

so basically a skybox. so create a skybox cubemap texture as your background and render the 3d world as normal.

[gamecreator]

Pretty sure that second example is what helped me create my scrolling background for a platformer before.  It should have nothing to do with emitters (his code doesn't include them).  If you can confirm that you've tried it and doesn't work, I can find and share my code but it's based off of his.

[aiaf]

Spent half day trying to make own skybox texture.Tried couple of tools read the forums, created 6x1 tiled textures.But so far no luck creating something that looks ok.So kind of give up and trying to put background image.

 

Code is below:

  foreground->Enable();
  world->Update();
  world->Render();
  foreground->Disable();

context->Enable();
context->SetBlendMode(Blend::Alpha);
context->DrawImage(background1, 0, 0);
context->DrawImage(foreground->GetColorTexture(), 0, 0);
context->SetBlendMode(Blend::Solid);

It doesnt work as i expect , image is transparent and can only see it when camera is above the emitters in my game.

[macklebee]

Try this with the understanding that it doesn't play well with sprites or particles:

--insert before main loop
mybuffer = Buffer:Create(window:GetWidth(),window:GetHeight(),1,1) --custom buffer
image = Texture:Load("Materials/Developer/bluegrid.tex") --load the background image

--in the main loop
currentbuffer = Buffer:GetCurrent() --add this
mybuffer:Enable()					--add this

--Render the world
world:Render() 						--this should already be there
	
currentbuffer:Enable()				--add this

context:SetColor(1,1,1,1) 			--add this if using std fpsplayer cuz Josh doesn't clean up his context SetColors!
context:DrawImage(image,0,0,window:GetWidth(),window:GetHeight()) --add this
context:DrawImage(mybuffer:GetColorTexture(0),0,0,window:GetWidth(),window:GetHeight()) --add this

--draw text and images etc after if required

 

[aiaf]

Ok tried, doesn't play well.Have same issue as before.Probably the emitters as you say.

Any other idea ?

 

[macklebee]

A skybox is what you want since it inherently works with sprites and emitters because LE is controlling the order these items get rendered. You should post an example picture that you are trying to accomplish as I am sure someone can help convert it properly to something useable. 

[aiaf]

This is latest atempt i attached all files ,  i used https://pragmar.com/qbit/ to generate the 6 images from original.

Then imagemagick to montage them:

montage -geometry 512 -tile 6x1 s_web_background.left.png s_web_background.right.png s_web_background.up.png s_web_background.down.png s_web_background.front.png s_web_background.back.png output.png

Maybe image need to be of certain type or i didnt montage it the right way. Any help is most welcome thanks

[gamecreator]

This may help: https://www.leadwerks.com/community/blogs/entry/1980-creating-realistic-skyboxes-with-vue/

 

[macklebee]

I would suggest that if you use qbit then your initial picture probably needs to be seamless to begin with or you will end up with the hard transitions that these images show. If the individual images have these hard transition lines then of course the cubemap will have them too.

[aiaf]

Yes your right but still dont know how to do this for my image

Ill try to add a black border on all sides of each picture ...

Gimp has one filter Make seamless but doesnt look like what i need.

[macklebee]

Have you tried other skybox generators out there? Or ChrisV has put out skybox packs in the workshop: https://steamcommunity.com/workshop/browse/?appid=251810&searchtext=&childpublishedfileid=0&browsesort=trend&section=readytouseitems&requiredtags[]=Texture

http://wwwtyro.github.io/space-3d/#animationSpeed=0&fov=143.1660557755857&nebulae=true&pointStars=true&resolution=1024&seed=3unwfq950v60&stars=true&sun=false

https://www.nutty.ca/webgl/skygen/

[aiaf]

Got it working with space3d website, horray.

Thank you very much for help and patience.

I'll come back with a devblog if i manage to make a skybox from scratch with gimp.

[aiaf]

Got it working with space3d website, horray.

Thank you very much for help and patience.

I'll come back with a devblog if i manage to create a skybox from scratch with gimp.