R0J0hound's Forum Posts

• • R0J0hound
  • 
  • • Joined 15 Jun, 2009
    • 
    • 90 topics • 7,332 posts
  • 3

  • 28 Jul, 2022
  • Quote

  So here are some ideas. For an example I had a few solid green balls that are in front of and behind some blue clouds. The goal is for the clouds to be uniformly blended together. I went for the simple case of one object type, so you'd either have to use a family or do something more complex for multiple types.

  The first basically clones the first layer onto a second. Then all the objects are given 100% opacity and the solid objects have destination out.

  uc88dfaefc24cdfe22a727f55fad.dl.dropboxusercontent.com/cd/0/get/CiEICpa0C8vc90S7M-2S6yoXTvifyzpnF-dZz9RvqMQULFJJ0QbNtPZrfTjpFfU_EXE8w5SLN-8rPseQYJMD2Szc_OhnqPHYTjM-1rz8XChH2dDlHBbC81lG5lSNk6N0LMZyzZTLQAtFuUiNst3RUkFq/file

  The second C2 example uses the third party paster plugin. All the objects are drawn to the paster, but the solid are erased.

  ucbd8bbd7db1ef887b6d62a5a9be.dl.dropboxusercontent.com/cd/0/get/CiGlaosHRu9JMgkMPyq4HzObM899OShrZoWIQweQNeHE5uxjfSdMa_KWJxGC5DqLfkp-IqwINwLL1-sAXVa1hDg2VmzNZOaDiX6sx7hE_TRBMawb9IjFqX615A7RZy7ZVhy6BKpRvTmnT8Swo_YqHWj5/file

  The C3 version using the drawing canvas. Basically the same as the paster one.

  uc554916ae3ec4bf5c01cdfffb06.dl.dropboxusercontent.com/cd/0/get/CiEn0TfYHp1bnRapfy6IluOZJ-d3HSJ00ehcoD80ZPn-GGOYwmdawPnc_bVR0144x6ZxYhalWBvAuPEPjNn2rkN8SU-mqDqee0Fk3O1kxkd16N0T4KerbdyBD_A-7a2e2wn4DucQsIe5WcTm5lG5Ngjj/file

• • R0J0hound
  • 
  • • Joined 15 Jun, 2009
    • 
    • 90 topics • 7,332 posts
  • 2

  • 27 Jul, 2022
  • Quote

  I’ll try to make an example tomorrow. Basically one layer would be just the objects, and the other layer would have objects and shadows, but the objects are subtracted away.

  
• • R0J0hound
  • 
  • • Joined 15 Jun, 2009
    • 
    • 90 topics • 7,332 posts
  • 2

  • 27 Jul, 2022
  • Quote

  Besides a layer I suppose you could use a canvas instead.

  Draw all the shadows to the canvas with full opacity and all the other objects with a “destination out” blend. Then you can set the canvas’ opacity.

  I’m a bit iffy if the paste action be used like that in c3. You’d need to draw things in order.

  Another idea that would work is a layer. All the shadows are there and clones of all the objects with “destination out” blends. May be a bit tedious to work with though.

  What it comes down to is if we want multiple shadows to be equally transparent, even in the overlapping areas, we need to draw them full opacity together first and then make them transparent.

• • R0J0hound
  • 
  • • Joined 15 Jun, 2009
    • 
    • 90 topics • 7,332 posts
  • 2

  • 26 Jul, 2022
  • Quote

  Here's one possible solution.

  For each of your items you'll want to store a "mask" of what squares it occupies within it's rectangle. So for a gun it could be:

  1111
  1000

  So when you drop an item into an inventory you'd only need to see if the 1 places were unoccupied as well as inside the array. If all the 1 were then you could then place the object in the inventory.

  Here is an example without arrays, although you could certainly use arrays instead. I'm just using "is overlapping point" instead of an array lookup. It handles placing and removing items, as well as throwing them out if they are placed in an invalid spot. Perhaps some of the ideas here are useful.

  uc3bb1774edb22d13a3b81b72723.dl.dropboxusercontent.com/cd/0/get/Ch5V3U8Ih3_QBqYVWMIJZSafmXsupOmwA9r8PnRtobs8h-MqflI2nJJkJQTzwbxQakVSYCVF2gB-NEdQ-CVpYQzcH7kJt-ZYEC9FT1aC2WtA1wSdtMPVaBk8LGLw7a3EX3SJbxMqMr7gf_DeBmdWhNH6/file

• • R0J0hound
  • 
  • • Joined 15 Jun, 2009
    • 
    • 90 topics • 7,332 posts
  • 3

  • 26 Jul, 2022
  • Quote

  I suppose one way would be to use these system expressions.

  CanvasToLayerX(layer, x, y)

  CanvasToLayerY(layer, x, y)

  LayerToCanvasX(layer, x, y)

  LayerToCanvasY(layer, x, y)

  Cx = LayerToCanvasX(sprite.layer, sprite.x, sprite.y)
  Cy = ...
  Lx = CanvasToLayerX(sprite2.layer, cx, cy)
  Ly = ...
  D = distance(sprite2.x,sprite2.y, lx,ly)

  Another is to come up with the formula to do the parallax. It may end up being simpler but may take a bit of fiddling to get it right.

  Off the top of my head if there’s no rotation then

  X2 = ((x-scrollx)*parallax+scrollx)*scale

  Could be a possible start

• • R0J0hound
  • 
  • • Joined 15 Jun, 2009
    • 
    • 90 topics • 7,332 posts
  • 1

  • 26 Jul, 2022
  • Quote

  You'll still need to find the angle of the surface. This is often called the collision normal. Construct calculates that internally to some extent for the bounce and the push out. But besides that you'll have to calculate that yourself.

  However, why not just use the bullet behaviors bounce? No need to replicate it. You can add it to the object but have it disabled. Move the object with custom and when you want to bounce do this:

  1. bullet: enable
  2. bullet: set speed to custom.speed
  3. bullet: set angle of motion to custom.angleOfMotion
  4. bullet: bounce
  5. custom: set speed to bullet.speed
  6. custom: set angle of motion to bullet.angleOfMotion
  7. bullet:disable

  Or at lest something along those lines.

  You can go the other route of finding the normal of a collision, but you'll have to calculate that per shape type which can add up. Or you can guesstemate the angle by sampling a bunch of points around the object's edge and averaging the overlapping points, but that's a rough approximation.

• Try Construct 3

  Develop games in your browser. Powerful, performant & highly capable.

  Try Now Construct 3 users don't see these ads
• • R0J0hound
  • 
  • • Joined 15 Jun, 2009
    • 
    • 90 topics • 7,332 posts
  • 1

  • 26 Jul, 2022
  • Quote

  Try it I suppose. Actually I just read your issue again. You’re using a 60pixel square and in the capx I use a 64pixel one. You just need to find the 32s in the events are replace them with 30s to fix it.

  It’s just half the width

• • R0J0hound
  • 
  • • Joined 15 Jun, 2009
    • 
    • 90 topics • 7,332 posts
  • 3

  • 25 Jul, 2022
  • Quote

  Here's one way to do it. Namely event 4. The rest is physics and such which isn't needed.

  Basically it treats the objects as circles and moves them away from each other if too close. Works between object of the same type. You can change the radius in the set dist action. Currently it uses 24 but you can change that.

  uc363b0f9535aa5f4577e8e509da.dl.dropboxusercontent.com/cd/0/get/CiE6Bld-swW8KVkr1tkmqCG0ZFg9l_rpFkiiJG8BMg4bTYW92LYywq6P1IerVTflsPE23f1QvNvACayNqARKzpwI7IfHiPinNucqLLFd_YmJOD9EKZf571TJJRTBu3QSFxfUFpQTS9BAuYDUKqX9hmt4/file

• • R0J0hound
  • 
  • • Joined 15 Jun, 2009
    • 
    • 90 topics • 7,332 posts
  • 1

  • 25 Jul, 2022
  • Quote

  So here is a slightly different example.

  * The rotation is driven by pressing a key.

  * It now lets you use any value for the rotation speed.

  * I moved the variables into the sprite so we can have multiple rolling squares.

  * Lastly, it rounds the angle and position to the nearest integer when a 90 degree rotation is done. Do to rounding errors the position and angle wouldn't be slightly off a perfect value.

  uc62ec49e213ccc8204bbdc0fb45.dl.dropboxusercontent.com/cd/0/get/Ch64EtzzVHb2ZScVCf4-MVVsXFa8y8YH1ddY9soxQdUu5jHxPqBZ75gdouOOJZbwtWRjkAAgQxQTmrUn7_94cCUFtsLT50Gh2v-kK76Kxy48lE7_itVBa-gTd3-8wAr-1f82gMW18YwpUQartLEwXJN1/file

• • R0J0hound
  • 
  • • Joined 15 Jun, 2009
    • 
    • 90 topics • 7,332 posts
  • 1

  • 25 Jul, 2022
  • Quote

  Well k is just an arbitrary number. Having k=1 may make the perspective effect too severe, but a higher number such as 500 would make it more subtle in a reasonable way. If more careful about the units it relates to the field of vision of the camera.

  z is the third dimensional position of an object. I know we are dealing in 2d but to have the perspective we need to know how far into the screen an object is to scale it.

  a is just the amount of degrees you wanted to rotate.

  Here is a possible example but i got a bit carried away beyond the basic ideas. I guess 3d tends to snowball depending what you're doing. The meat of it is event 15. It sets the camera orientation, transforms the object positions from that orientation, applies a perspective transform, and finally zsorts everything.

  ucefcd38fb876effd4e2739b5ecd.dl.dropboxusercontent.com/cd/0/get/CiEU8HZDglwA_oowV8s4YzbOi3cABtJYRnb7DGBQ66SHhJ2U0Wcf18AKVhBS_o-QNSLjW9UDqLZn-6lGCc-A4VfNGl2261_S21W0ccFpdQxgPmC7pwABqP8tnyLjL0SdIHwveOxzaH-DMC0mzNaOzOll/file

• • R0J0hound
  • 
  • • Joined 15 Jun, 2009
    • 
    • 90 topics • 7,332 posts
  • 2

  • 25 Jul, 2022
  • Quote

  So you just want to change the view? You can use the 3d camera object to do that to some extent. You can position objects xy and zElevation.

  Control wise all the movement behaviors are 2d on the xy plane so you'll need to do the z axis motion with events.

  If you don't want to use 3d and instead want to do the rotation/perspective with math and just sort the objects in 2d then the two building blocks for that are:

  1. Rotation of a position around a center. Here it does it on the xy plane but you can do it on the xz or yz plane too. The equations are the same, just change what axis is used.

  newX = (x-centerX)*cos(a) - (y-centerY)*sin(a) + centerX

  newY = (x-centerX)*sin(a) + (y-centerY)*cos(a) + centerY

  2. perspective transform and scaling. Here k is some scaling factor that adjusts the perspective. Keep in mind you'll want to hide objects with a z<1 as they are behind the camera, and you'll need to sort the objects by z.

  screenX = k*(x-scrollx)/z + scrollx

  screenY = k*(y-scrolly)/z + scrolly

  objScale = k/z

• • R0J0hound
  • 
  • • Joined 15 Jun, 2009
    • 
    • 90 topics • 7,332 posts
  • 1

  • 24 Jul, 2022
  • Quote

  That was a bit older example, and I was going for a certain look but as you pointed out it doesn't move accurately. I'd probably need to figure out the formulas again to account for that. Probably simpler to use the other capx though.

  Like in that video the box is rotated around a corner and every time the box lands on an edge (every 90 degrees) it changes which corner to rotate around.

• • R0J0hound
  • 
  • • Joined 15 Jun, 2009
    • 
    • 90 topics • 7,332 posts
  • 1

  • 24 Jul, 2022
  • Quote

  uc6eddb92c882c3a4892e7a2ccaf.dl.dropboxusercontent.com/cd/0/get/Ch-oe6yxAwJorC2nOjdZNjko2oolpdAc6kpzWIQ5vrKMv02eC5B96RVHnuvxONamsbNOSiBmgMlHIAzzoBHX_xUam0oJayK1Mh4no9DypQ_6AZ1Qyrp0Km1oNB2ZRxt2DmgT4QkicgoXj7aG-Tj_ZGZW/file

  As a similar idea to yours just loop over the list and you can see how close two values are with abs(value1-value2). So the code below would first use the first item in the list as the closest then it would select any item that was closer than the current closest.

  var list="1,44,33,66,7"
  var item=0
  var value=33
  var closest=0
  repeat tokencount(list, ",") times
  -- set item to int(tokenat(list, loopindex, ","))
  -- if loopindex=0 or abs(item-value)<abs(closest-value)
  -- -- set closest to item

  This checks all the values and works if the list isn't sorted.

  Yours stops as needed since your list is sorted.

• • R0J0hound
  • 
  • • Joined 15 Jun, 2009
    • 
    • 90 topics • 7,332 posts
  • 1

  • 24 Jul, 2022
  • Quote

  Can you explain what you’re after a bit more? It’s not clear to me.

  Your images are different views of 3D meshes. So if you placed cubes down and adjusted the camera you can get the same look. But your descriptions made it seem like you’re after something else

• • R0J0hound
  • 
  • • Joined 15 Jun, 2009
    • 
    • 90 topics • 7,332 posts
  • 1

  • 22 Jul, 2022
  • Quote

  I see what you mean by the blob not being a solid color after using the alpha clamp effect. At least with any color but black. I think it has to do with how the effect handles premultiplied alpha perhaps if someone wishes to make a modified effect.

  As for the quality of the edge you can use different gradients to change that a bit. I’ve found the soft brush in the C2 image editor makes a nicer gradient than the soft brush in C3’s image editor, but other image editors could create better ones.