![Page 1: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/1.jpg)
© 2016 Autodesk
Boston Unity Group MeetupKevin Vandecar @kevinvandecarNatalia Polikarpova @nataliapolikar1
March 9, 2016
Autodesk Developer Network
![Page 2: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/2.jpg)
http://forge.autodesk.com/http://forge.autodesk.com/
Cloud Services, APIs and SDKs to create and enhance 3d
experiences that power the future of making things.
Cloud Services, APIs and SDKs to create and enhance 3d
experiences that power the future of making things.
![Page 3: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/3.jpg)
© 2016 Autodesk
3d web creative examples
2015 www.3dwebfest.com/ examples
http://www.iamnop.com/particles/
http://www.visualiser.fr/Babylon/character/
http://seemore.playcanvas.com/
http://www.mountainsofmouthness.com/
http://lights.helloenjoy.com/
� Deadline for 2016 3dwebfest is April 1st!
![Page 4: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/4.jpg)
© 2015 Autodesk
3d web commercial examples
� http://customiser.pennyskateboards.com/us/
� https://human.biodigital.com/index.html
� http://www.ford.com/cars/mustang/customizer
![Page 5: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/5.jpg)
© 2016 Autodesk
Autodesk created FORGE to accelerate the development of a
connected 3d, design, and manufacturing ecosystem.
FORGE | Overview
![Page 6: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/6.jpg)
© 2016 Autodesk
![Page 7: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/7.jpg)
© 2016 Autodesk
Platform
![Page 8: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/8.jpg)
© 2016 Autodesk
� View and Data API
� Mature service
� Includes viewing and collaboration
� Variety of use cases
Forge Cloud Services
![Page 9: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/9.jpg)
© 2015 Autodesk
Today the web is fairly “flat”…Our goal is to bring 3D to the cloud!
![Page 10: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/10.jpg)
© 2015 Autodesk
Choose your weapon
![Page 11: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/11.jpg)
© 2015 Autodesk
WebGL
� Easy?
� Not so much
� Requires serious graphics knowledge
� but very powerful, and lightweight
� https://www.khronos.org/webgl/
� Sample code from here:
� WebGL Lesson 4 with pyramid removed…
� http://learningwebgl.com
� Tony Parisi
demo code
![Page 12: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/12.jpg)
© 2015 Autodesk
THREE.js
� Easier…
� A bit easier than pure WebGL
� Still requires graphics knowledge
� http://threejs.org/
� Sample code from here: http://threejs.org/examples/#webgl_geometry_cube
demo code
![Page 13: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/13.jpg)
© 2015 Autodesk
what about more
complex content?
![Page 14: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/14.jpg)
© 2015 Autodesk
What if 3D on the web was really EASY?
demo code
![Page 15: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/15.jpg)
© 2015 Autodesk
Autodesk Large Model ViewerView and Data API
� https://a360.autodesk.com/viewer/
� User-side use and easy way to evaluate the View and Data API capabilities
� http://lmv.rocks/
� Nice View and Data overview
� http://viewer.autodesk.io/node/gallery/#/viewer?id=54464d47af600b5c0a872553
� Uses Angular.js and Node.js
� http://calm-inlet-4387.herokuapp.com/
� Mainly JavaScript example showing how to hook up data outside of viewer
![Page 16: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/16.jpg)
© 2015 Autodesk
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
![Page 17: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/17.jpg)
© 2015 Autodesk
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
![Page 18: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/18.jpg)
© 2015 Autodesk
Server-side Workflow
� A quick-start guide is provided
� http://developer-autodesk.github.io/LmvQuickStart/
![Page 19: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/19.jpg)
© 2015 Autodesk
Client-SideJavaScript API
� A sample is provided
� ~ 60 lines of JavaScript + HTML
� https://github.com/Developer-Autodesk/View-and-Data-Barebone
![Page 20: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/20.jpg)
© 2016 Autodesk
� Google cardboard
� Oculus
� http://vr.autodesk.io/
� http://www.vrok.it
Virtual Reality on the Web?
![Page 21: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/21.jpg)
© 2016 Autodesk
� ReCap Photo
� Used to create mesh from
photogrammetry technology
� Focused on Drone tech
� But variety of use cases
Forge Cloud Services
![Page 22: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/22.jpg)
© 2016 Autodesk
� Similar to Autodesk ReCap or 123D Catch
� but in YOUR app
� Requirements as you want
� Specific to your app
Photo ReCap Cloud Service
![Page 23: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/23.jpg)
© 2016 Autodesk
� Rendering as a Service
� Based on a360 rendering
� Already very successful from Autodesk tools
� Allows your app to directly include rendering
Forge Cloud Services
![Page 24: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/24.jpg)
© 2016 Autodesk
� Market Place for creative assets
� Traditionally has been publisher/2D style content
� Moving it to include 3d assets
� https://creativemarket.com/3d
Creative Market
![Page 25: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/25.jpg)
© 2016 Autodesk
� App Store for Autodesk professional products
� Maya, 3ds Max, Fusion 360, Revit, AutoCAD, Inventor, etc.
� https://apps.autodesk.com
App Store
![Page 26: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/26.jpg)
© 2015 Autodesk
� Platform and API tools:
� http://forge.autodesk.com
� http://developer.autodesk.com
� http://developer-autodesk.github.io
� try out the LMV with your models:
� https://360.autodesk.com/viewer
![Page 27: Autodesk Developer Network Boston Unity Group Meetupfiles.meetup.com/3125862/2016-03-07-autodesk-BUG-Meetup.pdf · Autodesk reserves the right to alter product and services offerings,](https://reader034.vdocuments.net/reader034/viewer/2022051512/603c087d4aeecc7ec1336145/html5/thumbnails/27.jpg)
© 2013 Autodesk, Inc. All rights reserved.
Autodesk is a registered trademark of Autodesk, Inc., and/or its subsidiaries and/or affiliates in the USA and/or other countries. All other brand names, product names, or trademarks belong to their respective holders. Autodesk reserves the right to alter product and services offerings, and specifications and pricing at any time without notice, and is not responsible for typographical or graphical errors that may appear in this document.