mOOnpunk's Forum Posts

  • Maybe it is worth considering to make the C3 editor extendable by 3rd party developers instead.

    I think that is the way to go. It would also be useful for other extensions. We don't even currently have access to the animation editor.

  • Scirra have said many times they have no interest in doing full 3d.

    3d in Construct is really just a visual effect.

  • First steps at skinning the ui.

    Boarders can now have a texture. Works like a 9 patch.

    Reference a sprite then use its animations for the corners and sides.

    This means a single sprite can skin the whole ui interface. 

    -> EasyMenu: Apply skin from UID Sprite4.UID: TL="tl", T="t", TR="tr", R="r", BR="br", B="b", BL="bl", L="l"

  • Try Construct 3

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

    Try Now Construct 3 users don't see these ads

  • I made a data container object that you could use.

    construct.net/en/make-games/addons/1513/data-container/documentation

  • You can now enable headers and a footers. Not many properties yet, just set height and colour. Header also has the option to enable dragging the window.

    Not going to work on more properties just yet, just needed to get teh basics in before starting work on the layout system.

  • Thought i would add drag scrolling while i was already working on scroll bars.

    -> EasyMenu: Set drag scroll True, inertia 0.90, overscroll True

    You can enable and disable it, adjust the inertia, and enable overscroll so rather than a hard stop at the pages edge it bounces back like on most mobile OS.

  • Thanks for the video. That's super helpful.

    I wasn't aware of the terms but my original event based gui was an immediate mode design, it was great for certain things, such as when elements arranged directly beneath each other, but made more complex layout design difficult, which i think you can only get from retained mode gui's.

    Anyway this system will be easily adjustable on the fly.

    I've been looking at google androids ui system material.

    m2.material.io/components

    Adding palettes is another good idea.

  • I just wasted a few days trying to track down a non existent bug.

    I couldn't work out why the scroll bar calculations were incorrect for the page size. Then i finally remembered i made it so that if you add a sprite to a page, then the page resizes to fit the sprite if the page is too small. This is so pages can grow at runtime if the page content is updated.

    There is now another option to set this per sprite, so you can decide which sprites effect page size.

    I also added the option to have scrollbar thumbs dynamically resize with a tween motion, and the option to hide scrollbars when the page is smaller than the window area.

  • Scrollbars now have fully customisable spacing.

    Pages can have their own page colour, and i've added page transitions, which currently support sliding and fading with full tween support. More transition types will be added later.

    Excuse the colours for testing. I'm badly colour blind.

  • Mostly doing stuff on the back end ready for more advanced features.

    Managed to add styles to scroll bars.

    They now clip rounded windows, and you can set colours thickness and roundness.

  • Thanks!

    I switched to a Sutherland–Hodgman algorithm for clipping, so now windows and elements can all be rounded.

    Still need to update the scroll bar code.

  • Looks like the 3d objects are being clipped.

    With the layout selected, look under advanced in the properties panel and try changing the near distance and far distance.

    back up you work before making changes.

  • Experimenting with rounding window corners, but this messes up clipping.

    Not sure if it will be possible.

    Will have to think some more.

  • Windows now support unlimited pages. Pages now have names to identify them, they can have different properties like size, and elements like sprites can be added to different pages.

    Set current page action is used to select the visible page, while other pages are hidden.

    Also sprites added to a page now reflect some of the referenced sprites properties like opacity and size. Changing the sprite updates it on the page. 

    + System: On start of layout
-> EasyMenu: Set width to 300
-> EasyMenu: Set height to 200
-> EasyMenu: Set background color to "165,20,25"
-> EasyMenu: Enable border True
-> EasyMenu: Set border color to "20,255,135,1"
-> EasyMenu: Set border width to 20
-> EasyMenu: Enable drop shadow True
-> EasyMenu: Set drop shadow color to "0,0,0,0.5"
-> EasyMenu: Set drop shadow offset X to 15
-> EasyMenu: Set drop shadow offset Y to 25
-> EasyMenu: Add page "default"
-> EasyMenu: Set current page to "default"
-> EasyMenu: Set page "default" height to 500
-> EasyMenu: Set page "default" width to 400
-> EasyMenu: Set UID Sprite.UID to page "default" position (50, 55)
-> EasyMenu: Set UID Sprite2.UID to page "default" position (130, 250)
-> Sprite2: Tween "" property Height to 20 in 1 seconds (In Out Sinusoidal, destroy: No, loop: Yes, ping pong: Yes, repeat count: 1)
-> Sprite2: Tween "" property Width to 20 in 1 seconds (In Out Sinusoidal, destroy: No, loop: Yes, ping pong: Yes, repeat count: 1)
-> Sprite2: Tween "" property Opacity to 10 in 0.5 seconds (In Out Quadratic, destroy: No, loop: Yes, ping pong: Yes, repeat count: 1)
-> EasyMenu: Add page "page1"
-> EasyMenu: Set page "page1" height to 650
-> EasyMenu: Set page "page1" width to 250
-> EasyMenu: Set UID Sprite3.UID to page "page1" position (60, 120)

+ Keyboard: On 1 pressed
-> EasyMenu: Set current page to "page1"
-> EasyMenu: Set background color to "85,155,255"

+ Keyboard: On 2 pressed
-> EasyMenu: Set current page to "default"
-> EasyMenu: Set background color to "165,20,25"

  • Windows now have "pages". Eventually windows will allow multiple pages so we can have tabs.

    Pages are the content area of the window. If a page is bigger than a window then scroll bars will appear, it you have scroll bars enabled.

    I've also added the ability to add sprite to the page.

    SDK v2 does not allow any type of clipping it seems, so i had to find my own way. I tried blend modes but that had issues, so i now copy the referenced sprite to a quad as a texture, then modify its position and dimensions to create clipping when a sprite is partially outside the window area. 

    + System: On start of layout
-> EasyMenu: Set width to 300
-> EasyMenu: Set height to 200
-> EasyMenu: Set background color to "165,20,25"
-> EasyMenu: Enable border True
-> EasyMenu: Set border color to "20,255,135,1"
-> EasyMenu: Set border width to 20
-> EasyMenu: Enable drop shadow True
-> EasyMenu: Set drop shadow color to "25,123,80,0.5"
-> EasyMenu: Set drop shadow offset X to 15
-> EasyMenu: Set drop shadow offset Y to 25
-> EasyMenu: Set page height to 500
-> EasyMenu: Set page width to 300
-> EasyMenu: Set horizontal scrollbar enabled True
-> EasyMenu: Set vertical scrollbar enabled True
-> EasyMenu: Set UID Sprite.UID to page position (52, 152)
-> EasyMenu: Set UID Sprite2.UID to page position (20, 250)