fisholith's Forum Posts

  • What you're looking for is exactly what R0J0hound mentioned. <img src="{SMILIES_PATH}/icon_e_smile.gif" alt=":)" title="Smile">

    Setting the origin point

    If you double click on the collision sprite object, the image editor should open.

    In the image editor, on the left-hand toolbar, choose the 2nd tool from the bottom (looks like a crosshair). This is the "Set origin and image points" tool.

    With this tool selected you can set the origin point of your object wherever you want. You can also use the number-pad on your keyboard to quickly snap the origin point to the center edges or corners of the sprite image, though Num-Lock must be enabled for this.

    If the default images of your sword and character face rightward, then for your collision sprite, you'll probably want to put the origin point on the far left edge. You can press numpad-4 to do this, if Num-Lock is enabled.

    Accept the changes and then try it out in the editor by holding down Ctrl + Shift and Dragging one of the corner resize handles on your collision object. It should now scale around the new origin point you just set.

    (You'll want to undo that resize afterwards of course. Be careful not to also undo the change to the origin point.)

    Flipping the sprite

    As for flipping or mirroring the object, in that object's actions, in the Appearance group, you can use the "Set Mirrored" action to flip the object horizontally, and the "Set Flipped" action to flip the object vertically.

    C2 Manual Page on Image Points

    https://www.scirra.com/manual/63/image-points

  • Hey Nitari,

    One possible approach, instead of using "overlapping at offset", you could use a second invisible sprite as a collision object, and stretch it wider as the sword range increases.

  • Awesome! Glad it worked out.

  • Hey brandesign

    By chance, I happened to write a post on detecting full rotations a while back.

    Below is a link, and a copy of my first post in that thread.

    If you get a chance to visit the link, my second post (not included below, because it's long) goes into more detail,

    My second post also has a demo capx I made showing the tracking method in action.

    Here is my demo capx for angle tracking.

    Here is a link to my post on tracking angle changes.

    • - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Text of my first post:

    (Edit) I just checked the System >> "angleDiff" expression, and it always gives a zero or positive answer, meaning it doesn't give you the direction of the change in the angle, so it won't work here.

    One possible approach is to calculate the change in angle between ticks,

    store that change in a running total,

    and track that running total instead of tracking the objects rotation property directly.

    Here is a formula that will give you the change in angle as the shortest CW or CCW rotation, and it works seamlessly across the 360-to-0 transition.

    angle_delta = ( ( ( a - b ) + 180 ) - floor( ( ( a - b ) + 180 ) / 360 ) * 360 ) - 180

    Where a and b are your two angles.

    e.g.

    a = 5, b = 355: ... ( ( ( 5 - 355 ) + 180 ) - floor( ( ( 5 - 355 ) + 180 ) / 360 ) * 360 ) - 180 355: ... = 10

    a = 355, b = 5: ... ( ( ( 355 - 5 ) + 180 ) - floor( ( ( 355 - 5 ) + 180 ) / 360 ) * 360 ) - 180 355: ... = -10

    Remember, if you compare two angles with a difference greater than 180 degrees, the angles will be treated as a shorter rotation in the opposite direction.

    e.g. A raw difference of +270 is treated as -90.

    As long as the total distance rotated per tick is less than 180 degrees that shouldn't be a problem though.

    So, to use this in place of directly tracking the object's angle property, you can do the following:

    Create a custom variable "unwrapped_angle".

    Every tick, get the change in angle between ticks, angle_delta( currentAngle , angleRecordedLastTick ), and add it to "unwrapped_angle".

    Then you should be able to use the unwrapped_angle in place of the objects built-in angle property.

    • - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

  • Hey iScream,

    If I understand the events correctly, I think that the first sub event is unpausing the game, and the second sub event is immediately pausing it again.

    Consider the following walkthrough of the events:

    Timescale = 0.

    > User presses Escape.

    Event: On Escape pressed >>> TRUE

    __ Sub-Event: Timescale = 0 >>> TRUE - because Timescale = 0

    ____ Action: Menutext set invisible >>> Menutext is now invisible.

    ____ Action: Set timescale to 1 >>> Timescale is now 1.

    __ Sub-Event: Timescale does not equal 0 >>> TRUE - because Timescale = 1

    ____ Action: Menutext set visible >>> Menutext is now visable.

    ____ Action: Set timescale to 0 >>> Timescale is now 0 again.

    You'll need to make sure that only one OR the other sub event runs.

    You can use an ELSE condition to achieve this. Manual page for the ELSE condition

    Using the ELSE condition, would look like this:

    Event: On Escape pressed

    __ Sub-Event: Timescale = 0

    ____ Action: Menutext set invisible

    ____ Action: Set timescale to 1

    __ Sub-Event: ELSE (This will only run if the prior event, at the same indentation level, was false.)

    ____ Action: Menutext set visible

    ____ Action: Set timescale to 0

    Hope that helps out.

  • Ah, yeah, containers will take everything down with them if they get destroyed.

    Below are a few possible alternatives that might work in place of containers.

    Also, I posted the link to the tutorial you mentioned at the very end.

    UIDs & Private Variables

    As an alternative to containers, you can store the UID of the ArmObj in a private variable of the ArmDetectorObj.

    Then if ArmDetectorObj collides with lava, you can,

    Pick ArmObj by UID, (using the UID you stored earlier), and Destroy just the ArmObj.

    To make sure the UID gets stored correctly, you can Have the ArmObj's "On created" event be responsible for creating the ArmDetectorObj, and saving the ArmObj's UID into a private variable of ArmDetectorObj.

    Thus, whenever you create an ArmObj, it will automatically instantly create and link its very own unique ArmDetectorObj .

    Pin Behavior & "PinnedUID" Expression

    In some cases, if you are already using the Pin Behavior, you can use it's built in PinnedUID expression to get the UID of the pinned object, though this is more of a special case.

    Manual page: Pin Behavior

    Store Reference Behavior

    Another option that might be worth looking into is the third-party "Store Reference" behavior.

    It can be added to objects to make linking them in events simpler and easier to read.

    Forum page & Download: Store Reference Behavior

    • - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    Here's the link to the tutorial you mentioned

    Understanding UID, IID, Health, Cards and Rocket smoke trail.

  • Hey SandvichEater,

    By odd chance I happened to have just finished responding to another question that had a very similar potential solution, so I hope you don't mind if my response below is a little cut-and-pastely.

    Because each enemy is comprised of a collection of unique object types, (some for the image and some for the detectors), you might be able to use the "Containers" feature of Construct 2, to associate all the objects of an enemy.

    Each enemy would get it's own set of detectors that would be automatically contextually picked whenever the parent enemy is picked, and vice versa.

    Containers will work as long as an enemy only needs one of each object type.

    For instance, if an enemy has a body and two ledge detectors, all as separate objects, then you'd need the ledge detectors to each be unique objects (e.g. leftLedgeObj, rightLedgeObj), as you can't put the same object (e.g. ledgeObj) in a Container twice. At least not to my knowledge.

    Containers page of Scirra's C2 Manual

  • Hey Mario4President,

    If each enemy is made up of a set of unique object types, then you might be able to use the "Containers" feature of Construct 2, to associate all the objects of an enemy.

    This will work as long as an enemy only needs one of each object type.

    For instance, if an enemy has a body and two arms, all as separate objects, then you'd need the arms to each be unique objects (e.g. leftArmObj, rightArmObj), as you can't put the same object (e.g. armObj) in a Container twice. At least not to my knowledge.

    Containers page of Scirra's C2 Manual

  • Hey YetAnotherSuperhero,

    One possible approach might be, rather than rotating the next segment around the middle of the edge, make each segment rotate around whichever corner is on the outer side of the bend.

    This way you don't have to fix gaps after the fact by moving things, since there will never be gaps in the first place.

    e.g.

    If the tunnel is moving rightward, then when the tunnel bends down, you rotate the next segment around the top corner.

    When the tunnel bends up, you rotate around the bottom corner.

    This means the tunnel segments will always be fully overlapping where they join.

    Here is an example capx.

    GaplessWindingPath

    In this example, the path segments have been made semi-transparent, so you can see how they overlap.

  • Hey Minjaware,

    It sounds like you might be using the standard Text object. If so, that might be the issue.

    Sprite Fonts vs Standard Text

    If you use a Sprite Text object instead of standard Text object you should be able to get exactly the same result across all browsers. By contrast, the standard text object may not always get rendered as the same font from browser to browser, much less be rendered in exactly the same position.

    The unpredictability of font rendering across browsers is not a bug in C2, as far as I know, but is just a side effect of different browsers all using their own method for rendering text.

    By using a sprite font, you guarantee that C2 is directly responsible for rendering the text, directly from bitmap images, and so it will appear consistent everywhere.

    Using Sprite Fonts

    While it is a bit less convenient to work with Sprite Fonts, there are a few community made tools that make using them much easier.

    Sprite Font Generator - v2

    Sprite Font Generator is a freeware stand-alone font to sprite font conversion tool. It also generates all the JSON code needed by C2 to space and size sprite font characters, and it has a graphical interface.

    Sprite font +

    Sprite font + is a plugin for C2 that can take the JSON code for sprite fonts as a parameter, and will display (in the editor) the correctly sized and spaced character as they will appear at runtime.

    Tutorial, for Sprite font +

    Tutorial showing how to use "Sprite Font Generator" with "Sprite font +"

    Hope this helps out.

  • Try Construct 3

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

    Try Now Construct 3 users don't see these ads

  • Hey YoHoho,

    You might be able to use either the "Destination In" or "Source In" blend mode.

    You would need to make the magnifying glass out of two sprites,

    (1) the image of the magnifying glass, and

    (2) a "mask" for the glass area of the magnifying glass.

    This mask sprite would have it's blend mode set to "Destination In" if you wanted items under it to become visible as the glass mask passes over them.

    Alternatively, you can use "Source In" if you want the glass mask to reveal objects above the glass.

    To see examples of these blend modes in action, you can open the blend modes example project.

    In Construct2, from the main menu, choose New, and scroll down to, and open, "Example: Blend modes".

    (You can also search for "blend" in the search field, instead of scrolling to find it.)

  • Thanks for the reply AllanR,

    I double checked the polygons but they were just bounding squares around objects that are squares. The individual vertices are all at integer coords, so I don't think the polygons are off. Likewise if I actually just set all the objects to bounding box collision mode (rather than polygons) I get the same gap.

    Setting the collision mode to circles seems to produce the nearly perfect collisions I recall from older projects, but unfortunately, my objects are not all circles, so that's not really a long-term solution.

    The "web" version of Box2d does seem to be quite a bit better with a gap about 1/4th or less than the size of the "asm.js" version.

    It almost seems like the collision poly lines themselves have some kind of line-thickness.

  • I just started working on a new physics based project, and I noticed that the physics objects, when pressed against each other, don't quite touch, as if there's an invisible 1 pixel wide force-field separating them. It doesn't appear to be a rendering issue, as when I set the layout zoom to 4x, the gap increases proportionally, becoming about 4 screen pixels wide.

    In older projects physics collisions appeared perfectly accurate up to 10x zoom, much less 1x.

    I don't recall ever seeing this happen in any prior projects.

    I now can't get precise collisions to work in any new projects.

    Is there something that changed in the physics behavior, or is there a setting that might help?

    Any thoughts or suggestions welcome.

  • Hey fundation2000,

    The effect shown in the image looks to be a per-pixel light ray shader.

    If you have some familiarity with shaders, you can actually make your own using the Construct 2 SDK. Construct 2 shaders are coded in GLSL.

    I've been making shaders off and on for a while, so If I end up building that shader myself at some point, I'll let you know.

    You can also try creating a very similar effect with C2's built in lighting system, but I suspect that it won't have the same per-pixel fidelity seen in the image above. That is because the C2 system casts shadows based on collision polygons instead of individual pixels.

    That said, using C2's built in lighting, you could create a lighting system on it's own white layer, such that you're casting black shadows onto a white background. You could then use effects to invert the layer colors, so you're now casting white shadows onto a black background, and finally "Screen" blend that into the final scene, and adjust the layer opacity to make it more subtle. Screen blending will make the black area appear transparent, and the white rays will act like an illuminated haze.

  • One approach is to use two images, one for the faint Shield (full-circle 360° arc), and one for the bright Impact arc area on the Shield (say about a 90° arc of the circle).

    Making the images

    The key is that you create both images, the Shield and the Impact arc, so that they are the same size, and both with the hotspot at the center of the image.

    The easiest way to do this is to start by making both the Shield and the Impact image full circles. Each image should have its hotspot centered in the circle. Then for the Impact image, which is just a bright circle so far, we soft erase away everything but the right-most quarter of the circle, so that the result is a mostly blank image with a hotspot in the middle, and a bright quarter circle arc on the right edge of the image.

    Behaviors & Events

    Now if you snap both the Shield sprite and the Impact sprite to your ship, the Impact arc should line up perfectly with the right edge of the Shield bubble, as if the ship had been hit from the right. If you click the Impact sprite and grab the rotation handle, rotating the image should make the Impact arc slide around the edge of the Shield.

    Now to make it stick to the Shield bubble as the ship moves, and also fade out over time.

    For the Impact image, add the behaviors "Pin" and "Fade".

    In the event sheet create the following setup:

    When a projectile hits the Shield bubble:

    * Have the Shield spawn a new object, the Impact sprite. (The Impact sprite should automatically be centered on the Shield.)

    * Set the Impact sprite's angle towards an object, the projectile. (If you need to destroy the projectile, do it somewhere after this step.)

    * Pin the Impact sprite to the Shield. (This way when the ship moves, it won't leave the Impact sprite behind.)

    The fade will run automatically, and destroy the Impact sprite after fading out.

    Final optimization

    Finally, if you have everything working the way you want, you can crop the Impact sprite image using the crop button at the top of the image editor. This will cut the image size down to just the actually image area, and leave the hotspot in the correct relative position. Just a minor optimization.

    Hope that helps out.