© 2016 Autodesk

Boston Unity Group MeetupKevin Vandecar @kevinvandecarNatalia Polikarpova @nataliapolikar1

March 9, 2016

Autodesk Developer Network

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.

© 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!

© 2015 Autodesk

3d web commercial examples

� http://customiser.pennyskateboards.com/us/

� https://human.biodigital.com/index.html

� http://www.ford.com/cars/mustang/customizer

© 2016 Autodesk

Autodesk created FORGE to accelerate the development of a

connected 3d, design, and manufacturing ecosystem.

FORGE | Overview

© 2016 Autodesk

© 2016 Autodesk

Platform

© 2016 Autodesk

� View and Data API

� Mature service

� Includes viewing and collaboration

� Variety of use cases

Forge Cloud Services

© 2015 Autodesk

Today the web is fairly “flat”…Our goal is to bring 3D to the cloud!

© 2015 Autodesk

Choose your weapon

© 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

© 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

© 2015 Autodesk

what about more

complex content?

© 2015 Autodesk

What if 3D on the web was really EASY?

demo code

© 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

© 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

© 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

© 2015 Autodesk

Server-side Workflow

� A quick-start guide is provided

� http://developer-autodesk.github.io/LmvQuickStart/

© 2015 Autodesk

Client-SideJavaScript API

� A sample is provided

� ~ 60 lines of JavaScript + HTML

� https://github.com/Developer-Autodesk/View-and-Data-Barebone

© 2016 Autodesk

� Google cardboard

� Oculus

� http://vr.autodesk.io/

� http://www.vrok.it

Virtual Reality on the Web?

© 2016 Autodesk

� ReCap Photo

� Used to create mesh from

photogrammetry technology

� Focused on Drone tech

� But variety of use cases

Forge Cloud Services

© 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

© 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

© 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

© 2016 Autodesk

� App Store for Autodesk professional products

� Maya, 3ds Max, Fusion 360, Revit, AutoCAD, Inventor, etc.

� https://apps.autodesk.com

App Store

© 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

© 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.