Boston VR. Autodesk Developer Network

Transcription

1 Boston Autodesk Developer Network

2 Autodesk VR Initiatives View and Data API (web based viewer) and

3 Autodesk VR Initiatives Stingray (real-time game engine)

4 Autodesk VR Initiatives Autodesk live design

5 Autodesk VR Initiatives Autodesk University

6 Autodesk VR Initiatives Research AutoCAD -> Oculus Maya -> Hololens Plug-in developers, too: V-RAY Renderer

7 Fundamental Requirements? 3D content and worlds Many tools and formats Accessibility #3dweb

8 Today the web is fairly flat Our goal is to bring 3D to the web!

9 #3dweb Examples

10 Autodesk Large Model Viewer

11 WebGL Easy? Not so much but very powerful, and lightweight Sample code from here: WebGL Lesson 4 with pyramid removed Tony Parisi

12 THREE.js Easier A bit easier than pure WebGL Sample code from here:

13 But what about this?

14 Or these?

15 WebGL Based tools and viewers Three.js Cl3ver Sketch fab Autodesk Large Model Viewer

16 What if 3D on the web was really EASY?

17 View and Data web API services Translation large models into lightweight web viewable data Examples: Large Revit or Inventor models Supports 70± formats including others Viewing Uses WebGL on back end Easily hosted in HTML 5 browsers and clients Searching Includes meta data Can be searched later Storage We store it

18 The Stack Server-Side REST API Upload Translation Storage Viewables stored in the cloud No WebGL knowledge needed Client-Side JavaScript API Viewing - THREE.js based Embed in Webpage Various JavaScript APIs

19 Server-side RESTful API Register + create app Get access token Create bucket Upload file/object to bucket Request translation Access from client A quick-start guide is provided

20 Client-Side JavaScript API reference the JS lib and style sheet make a Div tag with the viewer instance id token handler document properties create an instance of viewer A sample is provided ~ 60 lines of JavaScript + HTML

21 Client-Side JavaScript API On your page, Create a <div> tag with viewer id: <div id="viewer"></div>

22 Client-Side JavaScript API Setup document and viewer instance function initialize() { var options = { 'document' : 'urn:dxjuomfkc2sub2jqzwn0czpvcy5vymply3q6bxlidwnrzxqvc2t5c2nwcjeum2rz', 'env':'autodeskproduction', 'getaccesstoken': gettoken, 'refreshtoken': gettoken, }; var viewerelement = document.getelementbyid('viewer'); var viewer = new Autodesk.Viewing.Viewer3D(viewerElement, {}); } Autodesk.Viewing.Initializer(options,function() { viewer.initialize(); loaddocument(viewer, options.document); });

23 Client-Side JavaScript API A note about the Token: function gettoken() { return The Token ; } You will need to write your own token service. The samples provide approaches.

24 Client-Side JavaScript API Load document / setup properties function loaddocument(viewer, documentid) { // Find the first 3d geometry and load that. Autodesk.Viewing.Document.load(documentId, function(doc) { var geometryitems = []; geometryitems = Autodesk.Viewing.Document.getSubItemsWithProperties(doc.getRootItem(), { 'type' : 'geometry', 'role' : '3d' }, true); if (geometryitems.length > 0) { viewer.load(doc.getviewablepath(geometryitems[0])); } }, function(errormsg) {// onerrorcallback alert("load Error: " + errormsg); }); }

25 Virtual Reality on the web?

26 Virtual Reality on the web? Using plugin Firefox nightly browser provides device connectivity for Oculus JoyToKey to allow joystick customization

27 Autodesk View and Data API one option for 3D on the web Free programming tools: try it out with your models:

28 Autodesk View and Data API additional resources tutorial style in addition to the other official resources Running instance of Debug tools General cloud blog from ADN perspective.