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 • 146 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)?
Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads

tatogame
- Joined 21 Jan, 2012
- 24 topics • 146 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]

- 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.