Related
I'm looking for an official extension of 3D markup like "Autodesk.Viewing.MarkupsGui".
I'm newbie to Autodesk Forge API using viewer Version 7
I read this website, but this is not official one and too old. https://forge.autodesk.com/blog/3d-markup-icons-and-info-card
This doesn't work out
this.viewer.loadExtension("Viewing.Extension.Markup3D")
Sadly, this extension set is deprecated.
https://github.com/Autodesk-Forge/library-javascript-viewer-extensions/tree/master/src/Viewing.Extension.Markup3D
Does anyone know an official extension for 3D markup?
The extension Autodesk.Viewing.MarkupsGui works in the last Viewer v7. This extension and the Autodesk.Viewing.MarkupsCore, which provides all the functionality, are not described in the official documentation. You can use LMV Ninja to try existing extensions.
This extension allows you to draw in the viewer in 3D.
The others links you provided help to create a 3D point and some kind of label or card attached to the point.
The logic described in theses solutions can still work in the last version of the viewer with a bit of code adaptation, depending of what you want to achieve.
I have a Flash app that I'm looking to port into HTML5. The app allows the user to take photo of themselves and then gives them some Bitmaps to overlay, scale, position over their face (like a beard or whatnot) and then saves the newly produced image out to a PHP listener.
I wrote the original, so, I can port the bulk of it pretty easily, but have no idea how HTML5 tackles the usage of the computer's camera and can't seem to find anything online that points to this.
Any help greatly appreciated.
There is a W3C Device API that will allow capturing data from the camera. However, I am not aware of any browser supporting it. This appears to be a future implementation. But, one I think will become reality soon since Adobe just gave Flex to Apache http://incubator.apache.org/flex/.
Once the Device API is implemented, it will be accessed via getUserMedia. To see where they are in completing the spec, take a look at the public mailing archive: http://lists.w3.org/Archives/Public/public-media-capture/
More can be learned here: http://www.w3.org/2009/dap/
i dont think a camera api is exposed to html5. You will need to use a flash or silverlight shim.
Unfortunately, you will need a small flash app to access the web cam, and expose that data via the HTML5 canvas.
Here is a lightweight jquery plugin:
http://www.xarg.org/project/jquery-webcam-plugin/
While admiring the beautiful graphics and animations of the 2011 Zeitgeist I was wondering if the visualization are custom made or based from an available library or project.
Do you know is there a library or project for making similar HTML(5) visualization?
Built this from scratch after I saw the Google zeitgeist app. http://hsivaram.com/tech/2012/01/09/demo-data-visualization-inspired-by-google-zeitgeist-2011/
seems to be javascript-based. If you open up the web inspector you can see that it uses a libs.js file along with scripts.js under the 'zeitgeist' category.
Of course, it also uses Keanu and JQuery.
The art is probably custom.
I want to start building hybrid HTML5 mobile apps; build the core functionalities via HTML5, then wrap this with a native layer for iOs, Android, BB..etc
After some research: I found I need to be familiar with plenty of technologies, namely: HTML5, JS, CSS3. Other technologies/frameworks I was advised to be familiar with: JQuery for Mobile, Sencha touch, Node.JS, Backbone.JS, PhoneGap..etc
Till now I just know the basics of HTML5, JS & CSS.
My question is:
Is there a "single" place (Book/Tutorial/Screen casts) where I can find a walkthrough Tutorial that deals with some of these technologies and guide me to building hybrid HTML5 apps (Maybe on iOs for example)..
I would want to learn the mentioned technologies among these, yet I am pretty keen on learning them in the context of building a hybrid mobile app and not on separate basis. I much prefer learning by doing real work (The app in the Tutorial/Book/Screen cast here) rather than learning each technology on its own.
Much appreciate your answers.
Omar
OK, let me expand my original answer:
HTML is short for hypertext markup language.
It is used to specify how to display STATIC content via the HTTP protocol, vulgo web.
HTML5 is version 5 of the HTML language specification, and is a RECOMMENDATION to a standard, but not really a standard by itsself.
CSS is used to apply advanced STATIC formatting to STATIC text/images, such as alternating background colors for even/odd rows in a table, text-flow, text-direction, size, boldness, font etc..
To make static content DYNAMIC, you need JavaScript.
JavaScript is a scripting language, that runs in the webbrowser of a vistor (client) to the website. Theoretically, it is meant to behave the same on each browser, but in reality, Microsoft used unfair competition and intentionally crippled the JavaScript implementation in it's browser (Internet Explorer), by diverging from the ECMA standard, and by implementing proprietary features, to stifle competition (Netscape) and make it impossible to develop compelling web applications, for example online office software.
JavaScript, the client-side programming language, is complemented by PHP/ASP.NET/JSP, which are programming languages & frameworks that run on the server, and are there to dynamically create static pages, for example by filling in data from a database, and to process and save user input, such as orders, payment, emails, feedback, etc, and to process input from HTML forms (input masks).
JQuery is a JavaScript framework.
That mainly means, it's a library of JavaScript functions that were designed to provide often-needed functions that do the same on each browser, effectively bypassing the anticompetitive practises of software vendors such as Microsoft and Apple.
It also provides basic functionality for event handling, graphics and AJAX (asynchronous JavaScript and XML), and functions for serializing/deserializing JSON (JavaScript object notation).
JQuery for Mobile is a version of JQuery optimized for mobile devices, such as Android or the iAnything. So are Sencha touch, Node.JS, Backbone.JS, etc.
The difference between HTML 5 / and HTML4/XHTML is mainly that HTML5 provides a so-called "unified" way to embed audio video. Which is not necessarely true, because each browser supports different audio and video formats, and there is NOT ONE audio & video format that is universally supported across all browsers.
HTML 5 also provides the very useful WebSockets, which basically allow you to make client-server applications on the web. Since this would enable compelling web applications and office applications that would be on par with Microsoft Office, Microsoft hasn't implemented WebSockets in the standard browser. It's available as separate plugin, which basically nobody bothers to download, which means one cannot use web sockets anytime soon if the web application should work with internet explorer. Additionally, HTML5 is only implemented by IE9+, and not by IE8. IE9 however is only available for operating systems newer than windows XP (vista, 7, 8). Which means one cannot install IE9 on Windows XP (35 percent of current windows installations, Windows makes up 85 percent of the desktop market).
To embed web applications on mobile phones, you need to embed your applications in a embedded WebBrowser. For Android, the interface to the embedded browser is called WebView, and you need to learn the Java programming language to use it. For Apple, I have no idea whether they have such a thing at all, but I'd suppose they have, though it's probably going to be more complicated, since that's Objective C, and not Java. Since I have neither a iPhone nor an Apple computer, I cannot tell you anything about it, except that it's crap because it doesn't support Flash, and that it costs 10 times more than what it's worth..
Screencasts, you'll probably find on youtube, if there are any.
Again, google search will provide you with the necessary answers if you have a specific question.
My question is: Is there a "single" place (Book/Tutorial/Screen casts)
where I can find a walkthrough Tutorial that deals with some of these
technologies and guide me to building hybrid HTML5 apps (Maybe on iOs
for example)..
Yes, http://www.google.com/ncr
You know, it has a wonderful search box for just about any problem...
Other good pages:
http://www.w3schools.com/html5/default.asp
http://www.w3schools.com/js/
http://docs.jquery.com/Tutorials
Here is an update on this question, as building hybrid apps have come a long way in three years.
I would start with looking into Phonegap, or the Adobe owned version called Cordova. This is a very popular route in quickly developing and distributing hybrid cross platform mobile apps. So popular in fact many other frameworks are built around the Cordova framework to give it a more native feel, such as
Ionic - this is by far the most popular, it's open source (free) and my favorite as I find the quickest and easiest to work with. In addition they have great documentation and great pre-builds. It's command line interface framework that works combines the Cordova, Bower (a package/plugin manager), Grunt and Angular JS frameworks into one powerful and quick CLI. If you are unaware of these frameworks they're definitely worth looking up if you're looking into building web or hybrid apps.
Mobile Angular UI - is an HTML 5 framework which uses bootstrap 3 and AngularJS to create interactive mobile apps.
Titanium - is a "complete" solution for creating hybrid mobile apps with all you need in one place with there downloadable program Titanium studio
Telerik - a website based program similar to Ionic and titanium for rapid development
Those are great places to start. If you don't already have a subscription to Lynda.com I would highly suggested it. The subscription is roughly $25 a month depending on your location. They have hundreds online video courses that can run a few hours long and are very great I giving you a good scope and how-to do many projects and understanding many frameworks. teamtreehouse.com is another great tutorial tool they have a lot smaller selection of videos better more in depth and hands-on and will work with many other frameworks with in the project.
You want to learn how to develop a hybrid app that works with multiple platforms such as android, iOS, Windows, etc. This means you need to learn PhoneGap and Cordova(preferred). These are almost the same, one really is part of the other.
Google both phonegap and cordova, install the packages (requires a little bash command line knowledge). It is relatively quick and easy to get the example HelloWorld app in both Phonegap and Cordova.
After that? well, you will have to learn HTML, CSS, javascript at minimum for the web side of a hybrid application. The native side (Android, iOS, etc.) will require learning Android Studio/java for android, or Xcode/swift for iOS.
Everything you want to learn is either on youtube.com for free, or Udemy, Udacity, Lynda. Some sites you will have to pay for, but its WORTH IT.
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