How do I Make multiple transparent canvas

Post reply

❤Follow Topic(2)

0 favourites

3 posts

From the Asset Store

Gif

Pixel Destruction of the Drawing Canvas

$5 USD

Pixel Destruction like in "Worms" (Drawing Canvas based)

Aventiy

- tatogame
- - Joined 21 Jan, 2012
  - 24 topics • 148 posts
- 1
- 15 Apr, 2015
- Quote
Hi,

How do I Make multiple transparent canvas?

Example :

Canvas A made with threeJS (background) something like this http://mrdoob.com/lab/javascript/webgl/clouds/

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)?

tatogame
- Joined 21 Jan, 2012
- 24 topics • 148 posts
1

17 Apr, 2015
Quote

Nobody? Maybe it would be better that I produces an example?

Something like

<!-- 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/>
			</canvas>
			
		</div>

[/code:8qajg9h3]

Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads
- LittleStain
- - Joined 26 Apr, 2011
  - 23 topics • 6,122 posts
- 1
- 17 Apr, 2015
- Quote
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.