Hundreds of features to explore
Games made in Construct
Your questions answered
Popular & trusted by schools and Universities world-wide
Construct 3 runs in the browser & works offline
Students do not need accounts with us
Our educational partners
Free education resources to use in the classroom
World class complete documentation
Official and community submitted guides
Learn and share with other game developers
Upload and play games from the Construct community
Game development stories & opinions
How do I Make multiple transparent canvas?
Canvas B made with Construct (like... any common C2 games without backgrounds)
It is possible to make the Construct Canvas Background transparent for see the another canvas (with different HTML ID)?
Develop games in your browser. Powerful, performant & highly capable.
Nobody? Maybe it would be better that I produces an example?
<!-- The C2 Canvas -->
<div id="c2canvasdiv" style="margin: 0 auto; width: 854px; height: 480px;">
<!-- The my custom canvas made with threeJS or other external stuff in the background -->
<canvas id="myCustomCanvas />
<!-- The canvas the project will render to. If you change its ID, don't forget to change the
ID the runtime looks for in the jQuery ready event (above). -->
<canvas id="c2canvas" width="854" height="480">
<!-- This text is displayed if the visitor's browser does not support HTML5.
You can change it, but it is a good idea to link to a description of a browser
and provide some links to download some popular HTML5-compatible browsers. -->
Your browser does not appear to support HTML5. Try upgrading your browser to the latest version. <a href="http://www.whatbrowser.org">What is a browser?</a>
<br/><br/><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx">Microsoft Internet Explorer</a><br/>
<a href="http://www.mozilla.com/firefox/">Mozilla Firefox</a><br/>
<a href="http://www.google.com/chrome/">Google Chrome</a><br/>
<a href="http://www.apple.com/safari/download/">Apple Safari</a><br/>
<a href="http://www.google.com/chromeframe">Google Chrome Frame for Internet Explorer</a><br/>
I believe that if you set the bottom layer inside construct to transparent you could show the canvas behind it.
This 3d plugin uses that method, I think.