Transparent Background?

Welcome to our brand new Clickteam Community Hub! We hope you will enjoy using the new features, which we will be further expanding in the coming months.

A few features including Passport are unavailable initially whilst we monitor stability of the new platform, we hope to bring these online very soon. Small issues will crop up following the import from our old system, including some message formatting, translation accuracy and other things.

Thank you for your patience whilst we've worked on this and we look forward to more exciting community developments soon!

Clickteam.

    Hi, im just wondering how i achive a transparent background of the canvas/html5 application (not the page).

    I have changed the included canvas CSS (or removed the brackground-color property) but that has no effect?

    This post from April shows Francios saying he knew how to impliment this.. has it been done? Please login to see this link.

    Also, that CSS property does nothing? As it just loads with what ever color you set in MMF, and there doesnt seem to be a transparent color?
    Thanks
    Andy

    Parafly Paragliding Simulator Please login to see this link.

    Edited once, last by Gibbon (July 23, 2014 at 3:56 PM).

    Ok, im really desperate for this for a project and worry that if this cant be done then they will request the project to be done using other means where a transparent background is possible which would be a real shame. Is there any work around (modification to runtime.js) that I can do in the mean time?

    Thanks
    Andy

    Parafly Paragliding Simulator Please login to see this link.

    UPDATED!

    Ok, So in the runtime.js i found where it is filling the background and made this now transparent, but what ive found is anything that "moves" leaves its self pasted in the background? So its like the background isnt clearing?

    How can i do this?

    UPDATE: I have now managed to change the runtime.js to achive the above, but obviously this is not nice and would be alot better to have it build in.

    The way I have done this is I found the function that fills the canvas with a background rect, changed the fill style to 0 opacity and cleared the canvas.

    j.fillStyle="rgba(255, 255, 255, 0.0)";j.fillRect(a,b,c,d);j.clearRect(0,0,c,d)

    Obviously the fustrating part is having to do this everytime I build the application.

    Thanks
    Andy

    Parafly Paragliding Simulator Please login to see this link.

    Edited 2 times, last by Gibbon (July 24, 2014 at 10:25 AM).

    If you want to do a change that is persistent in the runtime between builds, you have to change the code in the data\runtime\HTML5 folder of your installation of Fusion.
    This is where the code used when you build a game is taken from.
    Please leave us a bit of time : I only have a Skype meeting with Ben (DracysLobby) in 16 hours.

    Francois
    PM: Please login to see this link.

    Just wondering if this ever got implemented? I can't seem to find an option to make the canvas transparent?
    i'd really love to have this as it would allow for some seamless integration into a website im working on.

    Huh, the code for this is already pretty much implemented, the only difference is instead of drawing a solid color at the beginning of each frame to clear it from the last, you just clear frame to alpha/transparent.
    I will ask about getting a toggle check-box for 'Clear Frame Background' added in asap.

    Really named Ben Otter, but oh well, eh?

    Ohh snap, for some reason I have been keeping an eye on your other thread, and not this one :O
    Anyway, yayy you've seen it :D It would be a cool feature, specially if it is super easy to implement a tiny checkbox :)

    Good news, there's now a checkbox in the new beta build 284.

    Quote

    - New "Transparent Background" option in the Frame properties.

    Please login to see this link. - The encyclopaedia written by clickers, for the community.
    → Please login to see this link. | Please login to see this link.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!

Register Yourself Login