I want to make custom t-shirt designer with all touch device. I created same custom t-shirt designer with Fabric.js and some .dll file for web application that work fine for me. But I want to know if Fabric is good for all touch devices.
Fabric.js work fine for me in web application but I want to know if Fabric.js is better for touch device and supported all event of touch for all touch device like Android, iOS and windows devices? If Fabric.js is not best than suggest me another library or javascript file.
Yes!
FabricJS supports touch events and has a wide variety of great features.
Nice Choice!
However, no .dll files...
.dll's are not really web-friendly — they are used for desktop OS's.
I don't know nothing about fabric, but if you need good js canvas libraries do you have plenty of choices.
Easeljs
Kineticjs
Paperjs
Threejs
Phaser.io
Fabric.js will be the best choice.
It supports touch events as you asked.
FYI..
https://github.com/kangax/fabric.js/issues/670
Related
Is it possible to control camera exposure compensation from ActionScript?
it is! Therefore you need to use a ANE (Adobe Native Extension).
I found one for iOS here https://code.google.com/p/diadraw-air-camera-native-extension/ and maybe this https://github.com/freshplanet/ANE-ImagePicker (supperts iOS and Android) serves for your purpose as well.
Cheers
As far as I'm aware this sort of finer hardware control needs more access to the camera than flash plugin in a web page will have.
You'd be able to do it with a native extension in an AIR application but not with the flash plugin. Though I haven't seen any for desktop cameras, I imagine the hardware is even more variable than Android and would be a big endeavour. Definitely are a few around for Android/iOS (diadraw and I've done one myself for http://distriqt.com/native-extensions#camera).
But for the flash plugin I think you'll be limited to the controls in flash.media.Camera.
I have to develop a website of a residential building project. The client asked me to embed an interactive 3D view of the model project into the website. The model must be interactive and all available flats color different from the already booked flats. And on hovering the mouse on it, the details will be fetched from the database and will be displayed outside the 3D view.
Thats the whole scenario. Now I need some guidance or an starting point that which 3d library should I use. Because it must be compatible with all major desktop and mobile browsers and no external plugin required.
I have searched on Google and found some libraries:
WebGL
three.js
But I don't know which one will be suitable for the project. If any other most supportable library exists, please inform me. Or just give me a way to start.
WebGL itself is not a library, its the technology that is used by libraries like three.js etc.
Without any knowledge on 3D programming you should take a library like three.js or microsofts babylon.
it must be compatible with all major desktop and mobile browsers
WebGL is not supported by IE < 11 and also the only mobile browser that supports webgl is chrome on android that just recently became the standard browser on android >= 4.4 (KitKat) so has a rather low coverage.
Also (stock)iOS has no app supporting webgl.
I have clients that ask for animations that will work on ipad. For that it would have to be non flash. They will also want the animations to work in IE. My question is, is there a best practice for this? I am assuming using flash and export with flash html5 export. Sniff out canvas capability and provide a fallback for IE6/7/8 to flash. The reason is its much faster to build complex character animations with the flash IDE timeline and css3 is better performance. Or is it best practice to build everything in something with javascript, like greensock, and build it one timed function after another. Or is there something that will convert flash or canvas animations to javascript for IE users who don't have flash installed and don't support canvas?
Try Adobe Edge.
http://html.adobe.com/edge/animate/
Looks very impressive.
I have an HTML5 game running in desktop web browsers using WebGL. Obviously HTML5 and jscript can be built out to the mobile platform, but then what happens to the WebGL code?
I assume WebGL doesn't work very well in mobile apps.
Then how do you use OpenGL in mobile HTML5? Is there a jscript binding to OpenGL ES?
Thanks
EDIT: Just to be clear I am talking about native installed mobile apps not browsers. As in using something like PhoneGap
Nicol,
appMobi has integrated WebGL into its iOS and Android native wrappers, giving roughly 10x performance boost for HTML5 canvas drawing. appMobi is similar to PhoneGap, in building a native "wrapper" that your HTML5 lives inside, with a JS API that lets your game access all of the operating system functions. Here's a page describing the acceleration, which we call directCanvas. http://www.appmobi.com/index.php?q=content/directcanvas-accelerates-html5-game-performance
Hope this is helpful!
Roy
I assume WebGL doesn't work very well in mobile apps.
What does you make think this? WebGL has been based on OpenGL-ES 2.0, which is the OpenGL-ES profile supported by most mobile devices out there. So WebGL maps nicely to mobile devices' GPU capabilities. It's more a question of browser suppport, than performance.
is there any way to do a flash-like animation for the splash screen for iPad app in HTML5.
i have searched a lot for javascript but did not get anything.
The usual alternatives to Flash animation are canvas (which has its own API) and SVG (which is subject to standard DOM manipulation), both of which are supported by iOS Mobile Safari.
Adobe is developing an HTML/Javascript/CSS based alternative to Flash Builder called Adobe Edge, you can download it for free for a limited time for Adobe Labs. It doesn't have nearly as many features as Flash(at least not yet), but it provides enough basic functionality to accomplish what you are asking.