I have been searching for about a week now and found such pure AS3 UI/components:
What I'm trying to create is (Adobe AIR mobile) options/settings menu for game and depending on the size/pixel density of a particular screen
may require scrolling down options, mimicking the scrolling lists of Android with visual indicator of list location and the visual clue when reaching the end of the list
with the inertia too
MinimalComps (minimalcomps.com)
Razorberry (razorberry.com/blog/components/)
But they are all optimised for mouse clicks and use scrollbars as the interaction area for example
(uses minimalcomps, try to use it in browser on mobile touchscreen, very fiddly to use, in fact had to zoom in just to get past the conditions screen(!!))
I've had no luck finding any information or tutorial to create menu system in Adobe AIR mobile in pure AS3 (it usually just links to Flex or AIR desktop applications)
I only found one example of game pure AS3 with source to show, http://blogs.adobe.com/cantrell/archives/2010/05/my_presentation_on_multiscreen_development.html
but it doesn't show you how to implement basic touch menus/UI or interface,
I've been meaning to give mad components a try, they look very promising. Not sure if they'll solve your particular problem, but they do seem to outperform a similarly equipped Flex app (based on other developer's comments ;)
Look at foxhole components :
source and example
And You can also look at this project i working on , its extension for MinimalComps that works like Flex display system and have databinding . With little style work and extend few components You can use it on touchscreens.
source: https://github.com/turbosqel/Extended-MinimalComps
example: http://turbosqel.pl/ExMinimalComps/simple/
Feathers UI powered by Starling (fully GPU-rendered UI)
Its officially supported by Adobe, 100% open source and skinnable. See apps and games that use it for their UI. Docs are here.
This is the recommended method as of 2014-2015. For example, foxhole components is now depreciated in favor of Feathers.
Related
Ok,
I have a working JOGL application. I use a lot of OpenGL features in it including Textures, VBO's, Ray-Picking, etc. I like working with OpenGL directly and don't want to use any other 3D graphics libraries.
What I want to achieve is two fold:
I want to be able to embed this JOGL application in a subset window of a larger UI window. So alongside the JOGL window will be a photo viewer, text box and scrollable list.
I am designing this application to run on Windows 10, multi touch hardware.
What I have found so far:
Java's Swing toolkit is the only way that I have been able to embed a JOGL window. However, Swing is old and dated looking.
Incorporating multi touch into swing can be done but does require a lot of custom gesture detection. This is fine but maybe options exists that don't reinvent the wheel.
JavaFX looks great and i'd like to use it but I don't see any straightforward way of pairing it with JOGL.
Do any of you have suggestions? Has anyone done this before?
You can integrate JOGL into a JavaFX application by using the SwingNode.
https://docs.oracle.com/javase/8/javafx/api/javafx/embed/swing/SwingNode.html
The opposite (integrating some JavaFX into a Swing application) is also possible but I would not reccomend it.
Doing the JOGL integration this way will not be as performant as a native OpenGL window but for many application it will be sufficient.
There's a far better solution right now based on JOGL 2.4 RC NewtCanvasJFX, please have a look at my detailed tutorial.
we are using Facebook's Unity SDK on the Facebook Web Platform (using Unity WebPlayer).
We went for the non-html approach so we only provide the .unity3d file url. (Unity Integration button is active)
Using this method we have this three problems:
1) we find no way to customize the Unity loading screen. This method and this method only work using old html integration way.
2) on Windows platforms, any Facebook floating div, such as chat windows or search dialog result, make the game to be invisible. (if fact facebook javascript sent the game canvas to -10000 x-position)
3) we can't use a custom html tiled background image. We might change the background after Unity is loaded but the transition doesn't look good
My questions are:
Is is possible to solve them and still using Unity Integration method?
Do you suggest us to go for the old html integration method?
Thanks!
We are working to resolve this soon.
Unfortunately for certain browsers, Unity will always draw on top of everything. That means when chat windows pop up they would appear under the game. We try to keep the game around if this isn't the case.
Does Application.ExternalEval() with JS not work for you?
The benefits you get from using the Unity Integration is that:
the dialogs will appear in game, so your players won't be kicked out of fullscreen if they are there.
cross platform would be easier, as you don't have to integrate a different SDK if you also export to Android and iOS
don't have to manage the web page on canvas
Unless you want more DOM control directly through JS/HTML before the game loads, it's probably better to stick with the Unity Integration.
I hope that helps your decision making.
Are there any frameworks/libs for ui development in as3, except Flex?
Just common things like textfields with scrolls, accordion, carousel and so on?
Yes there are :)
A couple of the better known ones are:
http://www.minimalcomps.com/ - this is very lightweight and easy to use, but skinning options are limited.
http://feathersui.com/ - this utilises Stage3D (ie gpu rendering) so its ideal for mobile apps
Aswing(www.aswing.org) is easiest to use when build UI for web app without Flex, but for Mobile, feathersui(http://feathersui.com/) is the only option. About performance, both are affordable(But not well optimized in my opinion).
I need some suggestions in choosing a html5 canvas framework for my project
The project aims at developing a visualization application based on some data and using generative art.
Can someone provide some pointers to a mature framework. Some of the essential requirements I am looking for are as follows
Scenegraph based model with multiple layers.
Standard ZUI (Zoom able user interface ) features like , pan, zoom, move ,
rotate, scale , translate , position etc.
Animation , both frame based and object based (should be able to pick a object in the scenegraph and animate from one point to another like the PPT animation paths).
Apart from mouse , keyboard and touch , should support programmatic events based on custom events/timers etc (required for generative art based rendering)
Should support desktop browsers as well as phones.
I have come across many great frameworks like
Paper.js
Kinetic.js
Fabric.js
Easel.js
All of them support the first and the second requirement ( at least partially )
but not sure about the others.
Please suggest a mature framework.
After some more research and posting this question on the mailing lists of the above mentioned frameworks, I have finally decided on Paper.js
Paper.js looks very impressive and the code style looks neat compared to others.
Although I was also impressed by Kinetic.js but for now it is under wraps.
Easel.js is also very promising but since it is still in alpha will keep tracking it .
I am still very much in the planning phase on this but here is the basic idea of what I want to do. I also have not done much/any web development in the past few years so I am a little out of the loop on what will/wont work.
I want to have a video playing essentially on a background layer with various widgets on top of it. The widgets will all be fairly simple HTML based text and maybe a few images. The widget also need to be movable (eg. I need to be able to drag and drop the widgets to move them). Finally I would really like it to work on a tablet (iPad or Android).
Am I going to need to use flash or silverlight for something like this? I would rather not because I know that makes it hard to get tablets working. I know HTML5 is supposed to be the new hotness but I don't really have a good idea of its capabilities.
Flash or Silverlight will rule out tablets (the iPad anyway), not just make them hard.
I'd start with jQueryUI it supports easily making elements moveable.