2
\$\begingroup\$

Im not sure if i use the right terms, but im not able to find something to start with.

Im trying to develop a little HTML5 game. I have a ground with a texture and now I want to make a surrounding texture. The texture is an image wich should be bend around the ground.

At the moment im using easelJS for display my images/textures. So im looking for some sort of Tutorial/Script/Advice. Im not even sure if I can bend a image in javascript. So the worst case I can think of is split the image in 100 pieces and then put it back together and rotate each piece.

for example like this:

edge Texture

\$\endgroup\$
6
  • \$\begingroup\$ Are you asking about how to make a grass layer to follow your ground? Cos it's hard to see the idea on your picture. \$\endgroup\$
    – Kromster
    Commented Sep 27, 2012 at 18:51
  • \$\begingroup\$ yes the question is how i can bend the image to fit the ground \$\endgroup\$
    – fehrlich
    Commented Oct 17, 2012 at 8:44
  • 2
    \$\begingroup\$ Take a look at this question, it looks similar to yours: gamedev.stackexchange.com/questions/15302/… \$\endgroup\$
    – Kromster
    Commented Oct 18, 2012 at 7:46
  • 1
    \$\begingroup\$ @KromStern I don't think so - that question presumes a tile-based rendering. This question appears to be talking about curving images (i.e. spline based terrain). Perhaps the OP could clarify. I think it's a tricky problem, but pertinent to game-development certainly. \$\endgroup\$
    – MrCranky
    Commented Apr 27, 2014 at 9:28
  • \$\begingroup\$ yes im looking for a way to curve the image on a spline \$\endgroup\$
    – fehrlich
    Commented Apr 27, 2014 at 12:16

0

Browse other questions tagged .