Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
At first, I do apologize for my bad English.
Our development team is working on a project, written in GWT that provides users the collaborative environment. Users can work on different projects, including animation making, image editing, 3D structure modelling and so on. So we have to provide them proper editors. I just want to know, are there any free/paid open source editors, so that we can embed in our project?
It would be much better if the following specifications, are met:
· Better to be html5 compatible to benefit from latest technologies
· Can be webgl
· Should be open source
· Better to be java and gwt / or we should be able to wrap and use it
· Be reliable
· Support standard file formats
Well, this may not be quite what you're looking for, but maybe it's close: 3DTin
It's a simple CAD that looks like Minecraft. According to here, it's written in Javascript, mostly jQuery.
I don't expect you're going to get anything with the sophistication of Maya or Photoshop that's web-based. That said, the guys behind 3DTin seem to be into open source, so maybe you can extend it for what you need.
Goo Create is a free browser-based 3D editor (WebGL/HTML5) that enables you to:
Run Goo Create in your browser, drop existing 3D models and textures right in.
Create interactive 3D games and apps without coding (you can also code in JavaScript if you like).
Publish and share easily on the web, or use CocoonJS by Ludei to create a native iOS/Android app.
Best of all - it's free for public projects!
http://www.gootechnologies.com/products/create/
http://Clara.io is a free WebGL-based 3D modelling, animation and rendering tool that runs in your browser.
It can be used for:
Creating characters, items and levels for game engines (like Unity3D, Three.JS, Babylon).
Rendering photorealistic images.
Data conversions between OBJ, 3DS, FBX, Collada, ThreeJS, BabylonJS and many others.
Publish your scenes and animations for embeding in webpages similar to how you can embed YouTube videos.
It differs from 3Dtin in that it is feature fulled, it is similar to 3DS Max, Softimage, Maya in terms of features. It differs from Goo Create in that it focused on creating 3D content, rather than games.
https://github.com/akjava/BVH-Pose-Editor
The Above link is the perfect solution your requirements.
It is made in GWT. It is open Source :)
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 3 years ago.
Improve this question
I want to display a genealogy tree without flash. In HTML/javascript/css.
I have a big problem displaying my tree because of the:
Difficulty to display the marital link between 2 parents
the children nodes
Do you know any api which can build a family tree as www.familyecho.com does? I am gonna be crazy????
Here an example
Father --- Mother
|
|--------|------------|
Child1 Child2 Child3
Thanks
you may want to take a look at http://www.myheritage.nl as example, familiecho is pale in comparison to that. Is free for op to 500 familimembers but unfortunatly is made in Flash, so no chance of borrowing some code or libraries there.
If you just want to use HTML there is http://www.starkeffect.com/ged2html/ but is a bit oldfashioned.
There are several drawing libraries for javascript bun none that are aimed at genealogy as far as i know, anyone who comes up with one i would be gratefull.
Raphael at http://raphaeljs.com/ being the widest known vector graphics library, see http://javascript.open-libraries.com/utilities/drawing/10-best-javascript-drawing-and-canvas-libraries/ for a comparison and see this Javascript drawing library? question. Basically you will have to make a choice between vector (eg SVG) approach and rendered graphics (eg Canvas), each of them having their own advantages, libraries and followers.
See http://www.outten.org/?id=46
Based largely on the familyecho look which I also liked.
Data is dynamic from MySQL & the dragable page gfx are built locally in javascript. A bit hashed together with tables, but works in a fashion except on mobile devices.
Alex
If you are looking for an API as Familyecho. There is already an API supported by Familyecho.com You can use it, they also provide developer sample code for quick integration. Navigate to their website for more info.
Here is the link: https://www.familyecho.com/?page=api
Wes, the link was to a page that has the code embedded, not just example of output.
The data is pulled from MySQL translated into a js object (here:https://www.outten.org/data.php?id=46).
Else the javascript is self explanatory at the bottom of the document source, otherwise standard JS jQuery etc. used.
There's no licensing for this code only what has been used from others & may be used as you wish. There are many things that could be improved about it.
BTW the link has changed & been updated to:
https://www.outten.org/newTree.html?id=46
I had been looking for a JS module to do this for decades, but none do even Node.js
With regards
Xander (Alex) Lost old stack exchange login :(
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 8 years ago.
Improve this question
Recently I had to develop several web applications. I did extensive research regarding JavaScript UI Libraries but I haven't been able to find one I was really satisfied with. What I mean with UI libraries is a library which provides user-controls such as buttons, combo boxes, grids, charts, layout, ...
What I found so far and why I didn't like it a 100%
jQuery UI has too few controls. (I know there are a lot of plugins and you can nearly find everything but it is not the same as a complete library made and tested by one team or group)
Dijit (Dojo). I really like this one but when I try to use it in my websites I'm always having troubles. They don't seem to be as easy to use as other libs.
YUI version 2 had a lot of controls, but the "new" version 3 still misses many controls. (or I am just too dumb to find them) I don't want to work with both versions at the same time or use an old version which will be replaced soon.
DHTMLX has many controls and they work really well, but the controls themselves lack many features. (for example the HTMLEditor does not even support to change the text color out of the box or I could not find an easy way to expand/collapse tree nodes with some sort of animation)
If anybody knows of a good library which I have not tried yet or knows how I could use one of the above libraries "better" I would be really happy.
I am wondering why at this point (where web-apps are getting so important) I still can't find a complete UI framework which would provide me with controls which you can find in other environments since years (or even decades) - for example Java, .net or Delphi to name just a few.
edit:
I know there won't be a library with every control I ever need, but what I expect from such a library is at least: consistent skins, api, documentation, validation and the most important controls you'd need in business apps/websites (datepicker, button, editor with support for numerical data, grid/tree, layout controls, HTML editor) AND the possibility to create your own controls. good to have: charts or reporting
Ext JS provides the best GUI widgets by far. I've used it for a large intranet project, and have been completely satisfied. It's available under GPLv3 and a commercial license.
Be extremely careful when evaluating open-source frameworks. They tend to religiously promote the quality of their projects, but I've found that poor documentation and buggy code are pervasive. Dojo claims heavy industry involvement, but their documentation is poor, and it's not hard to find bugs on their website (the dijit example pages have been broken for months at a time...).
Your comment about JQueryUI is very telling.
As you say, JQueryUI does provide relatively few controls, but has a lot of plugins available. But you're looking for a single library with everything you want built-in.
This is a tough ask, because we don't actually know what widgets you really want, which ones you like the sound of but probably wouldn't use, or which ones you'd use but only if they worked exactly the way you want.
It's virtually impossible to predict all the widgets that someone may want, or how they want them to work. And even if a given library does get it exactly right, when your needs change slightly in the wrong direction, suddenly the library you chose could turn out to be a poor choice rather than the right one.
This is why flexibility and maintainability are far more important than getting an exact feature match. Once you go beyond the basic set of widgets, most others are built on top of the simple ones anyway, but everyone has their own ideas about how they should be implemented, and new UI concepts are being thought up every day. This is why the plug-in model works so well, and why I feel you're making a mistake in discounting JQueryUI because most of the widgets are available as plug-in. In fact, I would say that this model is likely to be the best solution for you.
There are a number of other libraries available which you haven't mentioned. Mootools and Prototype are probably the best well known, but there are others too. Rather than list them all, I'll point you to this page on Wikipedia, which lists them all in a comparative table: http://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks
I hope you find that helpful. But I suspect you won't find any library in that list that comes with every widget you'd ever want, all in one bundle. They all rely on plug-ins, because the library developers are generally focusing on making a framework for widgets, rather the widgets themselves.
Check out PrimeUI, provides various widgets and built with jQuery UI APIs. Licensed under Apache V2. http://www.primefaces.org/primeui/
Recently Telerik Kendo UI which is built on top of jQuery (no impedence mismatch with other frameworks) has Open sourced (Apache 2.0 License) their Library of Widgets.
I strongly recommend this..
Telerik Kendo UI is not Open Source
Download the Kendo UI - Open Source edition
If you don't mind the licencing you should have a look at http://www.sencha.com/ the ExtJS library.
A demo library available at http://www.sencha.com/products/extjs/examples/
SAPUI5 web controls listing with example source code:
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 6 years ago.
Improve this question
I have seen some very interesting wrappers and libraries for canvas, like RaphaelJs, FarbicJs, ProcessingJs, CakeJs, ThreeJs, CantoJs, jCanvaScript, Akihabara, jCotton, InfoVis, LibCanvas and seen some vectorgraphics editors, that use canvas element, but is there any graphical "editor" (web UI or hardcoded) that would allow draw a vectorgraphic using lines, splines, shapes, and images, that would output JavaScript/canvas code (just like FabricJs demo, but much more enchanced), to draw that, what I have made in editor. That would ease creation of canvas graphics for maaaany steps, cause currently, using console, to write, execute, see changes, change stuff, reset, execute, see changes... takes forever, for more complex graphics, not mentioning animation stuff.
I guess, Sencha Animator is closest I could find, but it is made for CSS animations, and considers WebKit, as it's base (and it is still in development phaze), and I could not find, what output it has.
Can't see if Mozilla's Thunderhead is that, what I want. What do you think about something more serious, like Ample SDK JavaScript UI Framework? What will be future for Tempest game engine, noone knows... Sadly, Rocket Pack engine was acquired by The Walt Disney Company in March 2011, and no licensing for it, is avilable for community...
So, what are you using, to create canvas animations/graphics, like Androidify? Maybe, you are suggesting any of tools/libraries mentioned above?
My aim is to find some framework or library, that would allow create canvas animations for creating html games, just like Zynga facebook flash games. I don't want to overuse canvas, just for some interactive animations and other "heavy" stuff, that is hard to do, with HTML.
I guess, this is answered in another question Editor for Drawing canvas
http://www.htmlcanvasstudio.com/
http://canvimation.github.io/
http://fabricjs.com/
I guess, my question was too complex or not given clearly.
Microsoft made an Adobe Illustrator-to-canvas plugin that should suit your needs:
http://visitmix.com/labs/ai2canvas/
(Well, assuming you have Illustrator...)
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 9 months ago.
Improve this question
I was wondering which IDE choice you flash developer use to write the code....I use Flex Builder for my AS3 only project so the code below will display nicely with coloring keywords. I wanted to know if there are better choices there...Also, does flash developer do the AS3 programming only? Do they do graphic design at all?
Thanks for the reply...
I really suggest you to use FlashDevelop as your default IDE.
This program is a lot lighter than Flash Builder (which is built on Eclipse).
If FlashDevelop is properly set up (a lot more simple than it seems), you can develop Flash-based applications completely free!
A useful shortcut is available too in FlashDevelop to compile your project in Flash IDE. Simple as [CTRL ENTER].
About your question about being a Flash developer and doing only programming, the answer is simple.It's up to you.
I am presently working as a Flash AS3 programmer for a video game developer… and I am quite good at graphic design!
As I am working on a big project, I do not design at all because artists are hired to do this job specifically. But in another hand, if you're working in a small studio or if you are a student/hobbyist, you have more chances to draw/code.
Programmers do not design because normally they are not good at it.But it doesn't mean that you cannot do it.
And yeah, we are using FlashDevelop at work!
If by graphic design, you mean if it does something like Windows Form Support... Adobe Flash Builder comes with MXML support, which lets you easily layout common form elements/components. There is both a source and design mode - the latter lets you WYSIWYG place the form elements.
I recommend using a combination of Flash (for your graphics, if that's what you are used to) and Flash Builder (for coding happiness). Here's a decent article on integrating the two tools into your workflow:
http://www.communitymx.com/content/article.cfm?cid=A2D85
Yes, Flash Builder can do some crude WYSIWYG for UI layout and some CSS, but it's really no good for doing graphic work, just like Flash is no good for coding. You can also look into Adobe Catalyst, which is a new tool that tries to somewhat bridge the gap.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 4 years ago.
Improve this question
I have 3D CAD model that I want to show on a web page. I'd like to show it in a form like a <img> tag (e.g. inline with everything else rather than as a separate page) and I want the visitor to be able to rotate the model to view it from different perspectives.
What options do I have?
Things I'm thinking of/looking at
VRML
3DXML
flash
PDF has something that works but it doesn't embed like I want
3DMLW (Seems very slow)
Universal 3D (supported by Adobe Reader)
Edit:
The model is not very complex so perf is not a major concern.
Chrome Experiments has released several 3D Javascript applications. Here's an example:
Colors Cube
Papervison3D is a 3D flash library which might be worth a look. I haven't had the opportunity to play with it myself, but some of the demos look good.
Papervision and Unity3D are the best choices for the pipeline in and quick loading. Flash is installed on most machined but you need to export as COLLADA format and there is a limit of 2000 polys before it bogs down.
Unity 3D has a great pipeline and is free for the indie now. It supports very high poly counts and the plugin installs without a browser restart and is around 4MB (Flash and Sliverlight are both over 4MB now).
Another option might be Torque 3D but that is also very game based. I think your best option is Unity 3D. You can export as FBX and have it on the web in about 5 minutes.
In the future you could use O3D from Google or WebGL but it is not ready for primetime. The only capable simple pipeline to get 3d on the web currently with decent poly counts is Unity3D. It works on PC and Mac just like Flash and Silverlight.
I am not sure how good flash is at 3d support for things like CAD app file formats. IIRC, flash cannot do hardware accelerated 3D graphics. On the other hand, a Java applet can (with the right library).
A new tool called Sketch Fab came out a few month ago. It's designed entirely in HTML5 and seems very powerful.
You could also look at the <canvas> tag, which is being implemented by more browsers. There is probably already a JavaScript library for model viewing.
Consider QuickTime VR. It allows for much of what you ask and since you have the original, you can create a fairly accurate model.
Unity: http://unity3d.com
Have a look at http://labs.autodesk.com/technologies/freewheel/
Project FreeWheel can show 2D and 3D models made in Autocad, Invertor or Revit. I think it uses DWF or something.
At this point it's not possible to host FreeWheel on your own server, but you can upload a DWF to Autodesk and show your model in an IFrame.
VRML might be a good choice. There's a good client available from Parallel Graphics that I've used for quite a while now. I've got some VRML models on my website (though the content is quite trivial!). The models will load quite quickly, especially if they're not that large. There are several navigation modes available and you can lock it to "examine" which lets the user rotate the model (though in fact it's the camera that's moving around the object).
You will need to find a program that can write VRML files, though any decent modeller will have that option.
Seems like canvas tag based javascript drawing apis are picking up. See this recently released canvas 3d js library, even though it works only in FF 3.5: http://www.c3dl.org/
Autodesk is coming out with their new viewer api:
http://through-the-interface.typepad.com/through_the_interface/webtech/
Shockwave with some scripting code for the user being able to rotate the model.
Here's a JavaScript 3D rendering engine: pre3d.
If you haven't checked it out, Mr. Doob has a library for 3D graphics and modeling: homepage and git repo for three.js.
You could use A3dsViewer - provides export to HTML5(three.js) or you can do directly export to the Google Drive and get the generated <iframe> url for the yours page.
Exported HTML5 models contains by default included rotation functionality.
You can create html file of you 3D model using this plugins. It will generate single html file and you will able to use it any where in your website or you can send it to client as well