Displaying a 3D model in JavaScript/HTML5 [closed] - javascript

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 5 years ago.
Improve this question
I am looking at rendering a 3D model in a browser. What tools should I use/what places should I look at?
I don't know what data format the model will be, I can likely request that data to formatted in any way I want.
I am looking at three.js but it seems that it needs WebGL to work, which appears to be unsupported in IE.
Does a "cross-browser compatible HTML 3d rendering engine" exists? :)

I have not played with 3D yet, but I know a good place for ressources on 3D for HTML5.
http://www.html5rocks.com/en/gaming
And here is a tutorial on how to create your 3D models with the Three.js Framework.
http://www.html5rocks.com/en/tutorials/three/intro/
This may help you. Good luck.

I also needed what you've been searching for and did some research.
I found JSC3D (https://code.google.com/p/jsc3d/).
It's a project written entirely in Javascript and uses the HTML canvas. It has been tested for Opera, Chrome, Firefox, Safari, IE9 and more.
Then you have services as p3d.in and Sketchfab that give you a nice reader to view 3D models on a web page: they use HTML5 and WebGL. They both have a free version.

a couple years down the road, I'd vote for three.js because
ie 11 supports webgl (to what extent I can't assure you since i'm usually in chrome)
and, as far as importing external models into three.js, here's a link to mrdoob's updated loaders (so many!)
UPDATE nov 2019: the THREE.js loaders are now far more and it makes little sense to post them all: just go to this link
http://threejs.org/examples
and review the loaders - at least 20 of them

do you work with a 3d tool such as maya? for maya you can look at http://www.inka3d.com

Related

Node.js drawing on screen [closed]

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 5 years ago.
Improve this question
I've been looking all over the internet for this. I'd like to know if there is any Node.js packages/bindigs/libraries that allow you to make an application that draws on the screen without node-webkit(NW.js)/Electron or other implementations based on browsers. Maybe something that binds to opengl with support for 2D graphics?
Let me know if you know some names or links. If not I might have to write something myself.
Thank you guys.
There is an experimental project : https://github.com/creationix/node-sdl
This basically provides bindings to the SDL library:
Simple DirectMedia Layer is a cross-platform development library
designed to provide low level access to audio, keyboard, mouse,
joystick, and graphics hardware via OpenGL and Direct3D.
If you can get it compiled, you can try the example scripts in nodejs.
node-opencv or OpenCV in general should allow you this. At least it has a HighGUI class, which gives you native window contexts to display image data. With a lot of hacking you can build something you require. But I would suggest using browser contexts and HTMLCanvas anyhow. It gives you all you need out of the box. You just need to set it up properly.
Edit:
As per #Zorgatone's suggestion, GTK could be a very good library for that purpose, though node bindings are very stale.
There are projects that brings
QT bindings to node.js - https://github.com/arturadib/node-qt
GTK bindings - https://github.com/Tim-Smart/node-gtk
WxWidgets bindings - https://github.com/joeferner/wxNode
but unfortunately the last commits seem to be for old node.js versions.
It will be substantial work to make the bindings work with a recent version of node but those a interesting starting points.
V8-GL intends to provide bindings for creating 2D-3D graphics on the desktop with javascript.The Status is not completed yet, but maybe it is enough for what you are trying to do https://github.com/philogb/V8-GL
Another thing i just found out is, that it actually uses immediate mode, which is deprecated but still works.

Open source library/framework for building dashboard (bar,line,pie,etc) [closed]

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
I have done POC with highcharts and works fine and looks great.
I am looking for better open source library/framework using which i can develop my dashboard showing different graphs.
The UI framework must handle the real time data (like Ajax calls or REST).
Any helpful suggestion appreciated.
D3 (Data-Driven Documents) is excellent if you have a bit of time to learn it.
Some examples:
http://bl.ocks.org/3287802
http://jondot.github.com/graphene/
After you pick your graphing solution (plots, charts, ...) some drag-and-droop grid to put it all together on one dashboard:
gridster.js (MIT licensed) may come in handy
Packery non-profit GPL v3 licensed or one-time purchase for a commercial license
here's another awesome looking one (quite win8 themed) : dashing
http://www.flotcharts.org/ provides a popular open source javascript charts library.
There are many charts plugins out there. http://www.queness.com/post/10781/13-chart-and-graph-plotting-javascript-plugins
My recommendations:
JQPlot: jQuery plugin. Uses canvas element or VML
gRaphael: uses raphaeljs JS library. SVG W3C Recommendation and VML as a base for creating graphics. - Lots of options.
If you only need an charts api
try https://developers.google.com/chart/
Its also support real-time updates

JavaScripted Augmented Reality [closed]

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 5 years ago.
Improve this question
Does anyone have experience with a JavaScript library for Augmented Reality?
If so, can you recommend one?
EDIT:
Not sure how to better clarify this... By Augmented Reality I mean using device webcam (laptop, smartphone, tablet) and overlapping elements over the video feed on screen. Ofen, the overlapping is done based on a marker the algorithm searches for within each frame and makes calculations about its position in space.
Hope that's enough.
Thanks.
I think this is what you might be looking for. JSARToolkit is a direct port of Flash FLARToolkit from Ilmari Heikkinen. Great tutorial you may also want to check out and a link to the Git repo.
http://weblog.bocoup.com/javascript-augmented-reality/
https://github.com/kig/JSARToolKit
You can try skarf.js, a framework that I have created for handling JavaScript augmented reality libraries in Three.js.
It currently integrates JSARToolKit and js-aruco, so you can easily switch between these two libraries to decide on the more suitable one to use.
This framework takes care of a number of things for you, including automatic loading of models when the associated markers are detected (association is specified in a JSON file). There is also a GUI marker system which allows users to control settings using AR markers.
Integration with Three.js is just one line of code to create a Skarf instance and another line of code to update.
There are videos, live demos, source codes, examples and documentation available. Check out http://cg.skeelogy.com/skarfjs/ for more info.

3d surface chart with javascript? [closed]

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
Which 3d surface chart library out there do you recommand? It is ok if it is flash or silverlight, as long as it supports dynamic data update thru json.. Thank you!
Gil.
How about javascript-surface-plot?
As for javascript not being fast enough, what do you think this is, 2009?
I am not entirely sure what you are after but one option for 3D charting with Javascript would be Canvas 3D Graph
Edit
Surface plotting is quite CPU-intensive and requires a good graphics API, so Javascript doesn't cut it.
Unfortunately there aren't any ready-made 3D charting libraries for Flash or Silverlight that support surface plotting, only a couple of 3D engines, for example Away3D.
If you are willing to go with applets then JFreeChart might help you (JFreeChart in an Applet). You can control the applet with Javascript and feed it whatever data necessary.
Jmol is used in SAGE for 3D graph plotting. It runs as an applet. It is quite heavy-weight, and it even has a console. Check out the SAGE sources for usage.

Looking for a Flash/JS-based SVG editor or editing framework [closed]

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
I'm looking for a framework or library to create SVG images. It should run in the browser, so it should be based on Flash or maybe JavaScript. Up to now I found the Flash library by inevo.pt, the SVG editing component of Dojox, and some little JavaScript tools.
Is there anything else, preferrably stable and mature?
Thanks a lot in advance!
-- Andreas
Exporting to svg is a pretty easy step to take.
Draw & Export to svg from FLASH
Example
Have you seen Raphael? http://raphaeljs.com/ This is a JS drawing framework that renders in SVG, Canvas, or VML depending on browser capabilities.
SVG-Edit (demo) is coming along nicely. It's a basic editor which the developers plan to move to a plugin architecture to enable third-party tools. It integrates nicely with the MoinMoin wiki, to allow inline editable diagrams etc.
I think within a year there will be several good open source editors available, using different base JS libraries, now that the ground has been broken by svg-edit
Not really sure why you'd want this. Inkscape is cool but doesn't run in a browser.
I think i have some on http://svg.startpagina.nl
Have you tried Amaya http://www.w3.org/Amaya/

Categories