topic in Software Archive

problem with intel idk and construct2 background transparent

Critikalman — Thu, 07 Jul 2016 11:19:36 GMT

I did an apk with Crosswalk, with Intel XDK. The app is a simple browser calling a web. The problem comes when you navigate to an html5 generated with construct2, the loading screen and the background is black. I set in construct2 a transparent background. Once the html5 is exported, I then edit the source code and set a background image outside construct2. When I open this html5 in desktop browser like Chrome, it works fine. But when I open it inthe app the background is missing and I only see black.

Any help on how to make the background to appear in the app, this means, not black but transparent, and hence with my image? Is this maybe an Intel XDKcompiler problem?

Thanks.

thanks

Critikalman — Thu, 07 Jul 2016 11:20:49 GMT

thanks

I don't fully understand the

PaulF_IntelCorp — Thu, 07 Jul 2016 17:05:52 GMT

I don't fully understand the problem you are trying to describe. It sounds like this FAQ might apply > https://software.intel.com/en-us/xdk/faqs/crosswalk#construct2-crosswalk-white-flash <

If you are trying to open external web pages I recommend you do that using the inAppBrowser plugin, and not open them directly within the webview. You have much more control and can force the page to open in the mobile browser.

I created with construct2 a

Critikalman — Thu, 07 Jul 2016 18:29:22 GMT

I created with construct2 a html5 export, this project layers are transparent, i edit code html5 and using image background. When i created app with intel crosswalk go to index html5 but the transparent layer is black. you understand? Thanks

Critikalman — Thu, 07 Jul 2016 18:44:04 GMT

this original code index.html

<style type="text/css">
       * {
           padding: 0;
           margin: 0;
       }
       html, body {
           background: #000;
           color: #fff;
           overflow: hidden;
           touch-action: none;
           -ms-touch-action: none;
       }
       canvas {
           touch-action-delay: none;
           touch-action: none;
           -ms-touch-action: none;
       }
</style>

i replace for:

<style type="text/css">
       * {
           padding: 0;
           margin: 0;
       }
       html, body {
           background-image:url("http://aulavirtualmusica.com/images/fondo3.jpg")!important;
           color: #fff;
           overflow: hidden;
           touch-action: none;
           -ms-touch-action: none;
       }
       canvas {
           touch-action-delay: none;
           touch-action: none;
           -ms-touch-action: none;
       }
</style>

but apk created with intel xdk no detect transparent layer and the background is black

apk intel xdk is a crosswalk

Critikalman — Thu, 07 Jul 2016 18:46:03 GMT

apk intel xdk is a crosswalk call index.html

Critikalman — Thu, 07 Jul 2016 19:00:44 GMT

this is the index.html

http://aulavirtualmusica.com/html5/teoria/index.html

in web is ok

in apk android created with intel xdk crosswalk background canvas is black

I suggest you try the

PaulF_IntelCorp — Thu, 07 Jul 2016 22:17:38 GMT

I suggest you try the technique described in the FAQ. Specifically, this part of that FAQ:

Add the following lines to your intelxdk.config.additions.xml file:

<platform name="android">
    <!-- set Crosswalk default background color -->
    <!-- see http://developer.android.com/reference/android/graphics/Color.html -->
    <preference name="BackgroundColor" value="0x00000000" />
</platform>

The value 0x00000000 configures the webview background color to be "transparent black." Follow the link above for more details on how to configure the webview background colors. If you do not have an intelxdk.config.additions.xml file you'll have to create one. See this Intel XDK documentation page for information about where and how to create that file.

I think the problem is in the

Critikalman — Sat, 09 Jul 2016 09:53:52 GMT

I think the problem is in the execution of the full screen, if you put a transparent layer construct construct2 when running full screen ignores transparency.

crosswalk runs in full screen background that does not work

Critikalman — Sat, 09 Jul 2016 12:39:04 GMT

d the following lines to your intelxdk.config.additions.xml file:

			
						1
						<platform name="android">
					
						2
						    <!-- set Crosswalk default background color -->
					
						3
						    <!-- see http://developer.android.com/reference/android/graphics/Color.html -->
					
						4
						    <preference name="BackgroundColor" value="0x00000000" />
					
						5
						</platform>
					
not solution of problem