[GRAPHICS]Blend Polygon together

Discussion in 'How Can I...?' started by sysads, Dec 1, 2015.

  1. sysads

    sysads Serious Boxer

    Joined:
    Oct 8, 2015
    Messages:
    885
    Likes Received:
    353
    Hi

    I am in final stages of one of my first BBox games and need help most especially from those that have used polygons as their game background.

    I have this polygon template I want to buy but I want to know how I can merge or blend the ends together so that it appears to be a continuous background.

    As seen one end is lighter, one is darker so when I use it in the game, you could easily see the separation when moving between scenes :(

    upload_2015-12-1_18-10-36.png
     
  2. Machine Rises

    Machine Rises Serious Boxer

    Joined:
    Sep 25, 2015
    Messages:
    591
    Likes Received:
    834
    Maybe just create your own in vector software and then you can make sure the ends match. Looks like it would be simple to make.
     
  3. sysads

    sysads Serious Boxer

    Joined:
    Oct 8, 2015
    Messages:
    885
    Likes Received:
    353
    Really :eek: you mean I can create this myself? Please how because that would make life sweeter for me :D
     
  4. Christoph

    Christoph Miniboss Boxer

    Joined:
    Oct 4, 2015
    Messages:
    2,807
    Likes Received:
    2,309
    You could invert/mirror it and it would go from light to dark to light etc. But probably best to recreate it with the colors you like.

    The mirror part could be done in Buildbox itself. Just put a negative horizontal -1 scale to it.
     
    Bean Bag and netkomm like this.
  5. veira

    veira Boxer

    Joined:
    Oct 23, 2015
    Messages:
    33
    Likes Received:
    12

    Attached Files:

    sysads likes this.
  6. Machine Rises

    Machine Rises Serious Boxer

    Joined:
    Sep 25, 2015
    Messages:
    591
    Likes Received:
    834
    I'm just a fake graphic artist but by looking at it I would just draw some triangles with varied angles and then shade them accordingly. Download inkscape for free then study this blog. He teaches how to use it and apply it: http://www.2dgameartguru.com/
     
    sysads likes this.
  7. sysads

    sysads Serious Boxer

    Joined:
    Oct 8, 2015
    Messages:
    885
    Likes Received:
    353
    @VeiraGames That is what I need :D - How did you do it or where did you buy it?

    @Machine Rises thanks so much for the additional info :D
     
  8. veira

    veira Boxer

    Joined:
    Oct 23, 2015
    Messages:
    33
    Likes Received:
    12
    @sysads I just used the image you uploaded and worked on it. Photoshop is a simple but powerful tool when you learn its features
     
  9. playsgames6666

    playsgames6666 Miniboss Boxer

    Joined:
    Nov 13, 2015
    Messages:
    1,168
    Likes Received:
    745
    Heres a little program i use. And its free.
    Its not the best looking software but it does the trick. http://www.conceptfarm.ca/2013/portfolio/image-triangulator/
    just create an image, then use the program to create the low poly look.

    It saves as a pdf but you can open in photoshop and save as png.
     
    sysads likes this.
  10. sysads

    sysads Serious Boxer

    Joined:
    Oct 8, 2015
    Messages:
    885
    Likes Received:
    353
    @playsgames6666 WOW thanks for that app, that would do the trick :D AWESOME

    BTW, can one create Polygon buttons with it also?
     
  11. playsgames6666

    playsgames6666 Miniboss Boxer

    Joined:
    Nov 13, 2015
    Messages:
    1,168
    Likes Received:
    745
    Not sure.
    Have not tried.
    I will have a go anyway, now you got me curious.
     
  12. Phill Mason

    Phill Mason Serious Boxer

    Joined:
    Sep 25, 2015
    Messages:
    880
    Likes Received:
    721
    Hey @sysads, usual procedure for creating looping background is to half it, flip it and stick it back together. Pretty much what @VeiraGames did for you, I'm sure. We've certainly got a talented bunch of dev's amongst our forums :)
     
  13. trudnai

    trudnai Miniboss Boxer

    Joined:
    Sep 25, 2015
    Messages:
    1,235
    Likes Received:
    701
    Open image with GIMP or other good pixel editor, make canvas twice as wide, leave heights the same, copy and mirror horizontally the image to fill up the other side...
     
  14. sysads

    sysads Serious Boxer

    Joined:
    Oct 8, 2015
    Messages:
    885
    Likes Received:
    353
    Actually guys cutting the image, duplicating one half, flipping it and joining the two did the trick :D. Thanks so much

    The only outstanding question which I am yet to get full answer to is what will my bg size (width & height) be if I have a game width of 1024 (landscape).
     

Share This Page