Scene2dUI in Libgdx and html5 - html

I can't normally launch html5 the version of application in which there are scene2d ui elements. After transition to the Screen with Scene2dUI it turns out here
To look as application "works" it is possible.
The last version of a plug-in of gwt for Eclipse is set.
Why so occurs? The android and a desktop of the version work good.
In archive a test project. The source code from this example
The project was developed in Intellij Idea, html5 the version was compiled in Eclipse. Version Libgdx libgdx-nightly-20121213.zip. In http:// of compiled html5 isn't present.
In game where there are screens from use of Scene2d and screens with Scene2dUI screens without Scene2dUI work very well. If I switch to the screen from Scene2dUI there is an error as now on http://
Edit:
Issue 1169

This issue is now fixed. just get a pull the sources from github to update.
related post: http://www.badlogicgames.com/wordpress/?p=2704

Related

How to debug Canvas LMS mobile app customization

After customized the Canvas LMS desktop webpage with CSS and JS files we need to do the same on the mobile app.
Given the mobile app for both Android and iPhone is a Webview, how can i inspect html tags classes and ids to apply changes through the CSS or JS files?
Thanks!
Given no one knows about it, I proceeded as following:
I've cloned Canvas mobile app from public github repo available at: https://github.com/instructure/instructure-android
I've compiled the project and executed it on my own device, for which i needed a demo license of PSPDF to satisfy it dependence.
I've debugged the app, specifically i've set a breakpoint at: instructure-android/pandautils/src/main/java/com/instructure/pandautils/views/CanvasWebView.java line 396 or somewhere containg a variable with HTML code to show in the app.
Navigate between screens and wait for breakpoint triggers.
I have to say I expected most of the app was a webview, but i were wrong. In fact, is the opposite: this is an Android native app, and just allows a few customizations on few screens through uploadable CSS and JS files.

Run single page HTML and JavaScript page offline in iPad 1 safari

I am coaching my son's flag football team this winter and I'd like to make a little one pager app with jquery which will display and animate for the team some plays during huddles. I have been researching this quite a bit and it seems there is no way for safari to load local files. Some have suggested using goodreader, the app, but according to their manual they use a simplified browser rather than safari.
Not sure what else to try. The iPad is wifi only using ios5.
Safari is not capable of loading local files.
You have a few different options. You can:
Upload the file to Dropbox, and use it's offline mode to view it.
Use a native / hybrid container (like Appcelerator, PhoneGap, etc)
to bundle your HTML/Javascript into a "native" app.
No Safari can not load local files. You can't run local applications from there. What you can do is develop an actual app for your iphone using dreamweaver/jQuery. You could make pre-recorded videos and play them on your iPad as well. Goodreader, from what I can tell, is for reading local PDFs, which has nothing to do with apps... (but I don't really know)
This page should give you a general idea of using JQuery (mobile) to develop and actual app:
http://jquerymobile.com/
Edit: I just thought of a simpler approach that should work. Open a drop-box account at dropbox.com and put the website/Jquery in the public folder. Get the URL for the public folder and use that. Open the website on your iPad and then don't close the window. Even when the network connections stops it should still work.
I ended up using HTML5 built in APPCACHE: http://www.html5rocks.com/en/tutorials/appcache/beginner/
We went undefeated BTW :)

Masking a plugin (or applet) to show html content over it in Chrome on the Mac

For all other browsers that I've tried in both Windows and MacOSX (including Chrome under Windows) using an "iframe shim" works fine. However, I have not been able to get iframe shims to work over our plugin in Chrome on the Mac.
Having Googled the problem, and done some testing, it appears to depend upon the object. I've found an example using StreetView (a flash object) which works, and another example using a Java Applet which does not work.
Some links:
Here's a description of the method: http://www.oratransplant.nl/2007/10/26/using-iframe-shim-to-partly-cover-a-java-applet/
This example using a Java Applet is from the above article: http://www.oratransplant.nl/files/iframe_shim.html
And here's the working version using Streetview: http://gmaps-samples.googlecode.com/svn/trunk/streetview/iframeshim.html
By inspecting (and editing) elements in Chrome and copying the objects between the two example pages, it appears to be that the flash object just allows iframe shims (in Chrome on the Mac), but that the Java Applet does not.
In our case we are using a custom plugin, built with Firebreath.
It may be that I need to implement extra functionality into our plugin, mimicking whatever flash is doing, but this could well be caused by a bug in the Mac build of Chrome.
Can anyone help? We really do want to be able to show HTML elements over our plugin, and the iframe shim works on almost all browser/OS combinations!
The lack of compositing is a known bug in Mac Chrome with any plugin using Core Animation or Invalidating Core Animation. It will be resolved in some future version--in theory, you should never need an iframe hack on the Mac, and plugins should always composite correctly. If you are interested, you can detect whether compositing of Core Animation is supported dynamically in your plugin using NPN_GetValue with the value 74656 (see WKNVSupportsCompositingCoreAnimationPluginsBool in the WebKit source; this should be added to the formal NPAPI spec soon, but the value won't change, so you can hard-code it now and when Chrome supports it that will start returning true).
In general the iframe hack should work in recent versions of Chrome (what version are you testing?), but there are some bugs where it doesn't get noticed until the page gets a re-layout, so you might want to play with forcing that.
Note that your Streetview example isn't a valid test on Mac Chrome, because it's using wmode=opaque, which means it's using the CG mode, not CA mode, and thus compositing works completely regardless of the iframe hack.
What drawing method are you using? You shouldn't need to use an iframe over a plugin on Mac because all drawing is windowless, unless you're doing strange things that I wouldn't expect to be possible with Chrome (i.e. creating an opengl context over a coregraphics or quickdraw context). If you were doing something like that there would probably not be anything you could do.
One easy setting would be to just resize the plugin to 1x1 to effectively "hide" it.

navigateInSytemBrowser for HTMLLoader in Flex 4.5

I am working on Flex 4.5 SDK and using Flash Builder 4 IDE for my Flex/AIR Desktop Application.
In my project I want to load one html page in one of the canvas areas. I am using HTMlLoader to load my page. My web page loads successfully in the canvas area.
The problem is that when I click on the links embeded in the html page that I have loaded, they do not open in my browser window.
There is a property of HTMlLoader "navigateInSystemBrowser" which need to be set to true to allow the embeded links of the page to open in a default browser window. But this property works only in Flex 4.0 I tried running the same thing a sample project using Flex 4.0 as the SDK and it works perfectly fine. But when I work with Flex 4.5 SDK it does not works.
Please suggest if there any other workaround to achieve this.
Thanks,
Nitika
Flex 4.5 SDK have some rough edges, it's still in beta, so maybe it's not a wise decision to use it yet. Few days ago had similar issue, embedded resources didn't worked in Flex Hero SDK, but they were working in 4.1. After I almost gave up decided to try latest night build and so far it's working, tho strange longer compilation times are now my issue.
So first you may try latest 4.5 SDK, if not you should fall back to 4.1, unless you are depending on 4.5 features.

HTML Style Tag in Android

As I have referred some articles and sites, I found that we can also create HTML file and then we can display HTML file using Android WebView..
I have referred at:
Android WebView (WebKit) Tutorial
Understanding User Interface in Android - Part 4: Even More Views
So my question is that:
Is Android provides STYLE/CSS tag to define styles, if yes then there is any way to write STYLE/CSS tag in Android?
Thanx - Paresh
Of course. The Android Web View is a full fledged browser, and supports everything the built in "Browser" application supports (CSS, JavaScript). Newer versions of Android (2.2) have the V8 runtime and do great on the Acid tests.
You would use CSS as you do in any other web page.