Elliott's Recent Forum Activity

  • Ah, enabling both physics and platformer behaviour for an object isn't a good idea, they simply don't play nicely together.

    Perhaps you could disable one behaviour and enable the other for split seconds during events? I tend to stay away from using them both together at all - what exactly are you trying to achieve?

  • The desktop version only requires you to login once a week to verify your account

  • Ashley - would this game recorder work in NW.js bundled games?

    EDIT// Once NW.js reaches v72

  • Try Construct 3

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

    Try Now Construct 3 users don't see these ads

  • This is possible - if you post a URL to your project we can help you.

  • This looks fantastic - I'd love to see some of the plugins (especially mobile) in more detail; do you have any videos or ACE tables?

  • That's great news Rable; glad it's all working!

    Thank you very much for the credit; my full name is Elliott Bear - I'll be sure to check out the game when it's launched.

  • No worries, hope you get all working :)

  • Paragraphs following code snippets in posts have a fixed width applied to them

    It's being caused by

    .rw {

    max-width: 600px;

    }

    Being applied to .articleRender

    Example:

    construct.net/en/forum/game-development/job-offers-and-team-requests-28/write-a-snippet-of-javascript-138971

  • Glad it's working Rable!

    You can certainly replace the loading image with whatever you want; in the following snippet: 

    <div id="canvas-loader" style="background:url('https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.16.1/images/loader-large.gif'); height:70px; width:70px; background-repeat:no-repeat; display:block; position:absolute; left:calc(50% - 35px); top:calc(50% - 35px)"></div>

    Replace the following URL: 

    background:url('https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.16.1/images/loader-large.gif')

    With whatever image URL you desire; it's currently using one that I pinched from a CDN:

    ohadsoft.com/2014/08/getting-spinner-gifs-from-a-cdn

    It's worth noting that the sizing is made specifically for that asset, which is a 70x70 square. If you were to change the dimensions you would need to update the height and width, which are inlined: 

     height:70px; width:70px;

    And the positioning: 

    left:calc(50% - 35px); top:calc(50% - 35px)

    Which uses a simple calculcation to position the item in the center; "50% - (imageWidth/2)" - so if your new asset is 100px, it would be 50% - 50px

    Hope this helps

  • I've just tried it on my end and it works fine (admittedly I used C3, but that shouldn't make a difference).

    Everything kind of is occurring outside of Construct - by editing the index.html you're changing the webpage that effectively frames your game. The HTML provided will make an image sit the center of the window, on top of everything below it (including a canvas, which I think might be causing the issue).

    The browser action uses some JS to style this new element out of existence.

    What exactly happens? Is it hosted online?

    EDIT//

    On the off chance that the canvas is render blocking - please put the HTML snippet just above the fb-root div

  • Hi Rable - maybe try the following:

    Add the following code to your index.html, just after the canvas element:

    <div id="canvas-loader" style="background:url('https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.16.1/images/loader-large.gif'); height:70px; width:70px; background-repeat:no-repeat; display:block; position:absolute; left:calc(50% - 35px); top:calc(50% - 35px)"></div>

    Add the Browser object to your project, then add an On Start of Layout event, with the Execute JavaScript action.

    Add the following code:

    "document.getElementById('canvas-loader').style.cssText = 'display:none;'"

    Haven't tested it, might work...

  • Wouldn't it be simpler to use a loading image as a background? Something like: 

    html{
 background:url("https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.16.1/images/loader-large.gif") no-repeat center 50vh;
}

    Had a bit more of a think about this...

    Add the following code to your index.html, just after the canvas element: 

    <div id="canvas-loader" style="background:url('https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.16.1/images/loader-large.gif'); height:70px; width:70px; background-repeat:no-repeat; display:block; position:absolute; left:calc(50% - 35px); top:calc(50% - 35px)"></div>

    Add the Browser object to your project, then add an On Start of Layout event, with the Execute JavaScript action.

    Add the following code: 

    "document.getElementById('canvas-loader').style.cssText = 'display:none;'"

    Haven't tested it, might work...

Elliott's avatar

Elliott

Early Adopter

Member since 27 May, 2012

None one is following Elliott yet!

Connect with Elliott

elliottbear.co.uk

Trophy Case

  • 12-Year Club
  • Forum Contributor Made 100 posts in the forums
  • Forum Patron Made 500 posts in the forums
  • Regular Visitor Visited Construct.net 7 days in a row
  • RTFM Read the fabulous manual
  • Great Comment One of your comments gets 3 upvotes
  • Email Verified

Progress

18/44
How to earn trophies

Blogs