Coder Social home page Coder Social logo

ezhangle / tutorial-my.first.viewer-view-and.data Goto Github PK

View Code? Open in Web Editor NEW

This project forked from jeremytammik/tutorial-my.first.viewer-view-and.data

0.0 2.0 0.0 10.34 MB

Tutorial - Getting started with the Autodesk View & Data API client-side API. No server programming knowledge required.

License: MIT License

HTML 39.43% JavaScript 60.57%

tutorial-my.first.viewer-view-and.data's Introduction

Autodesk Forge View & Data API – My First Viewer Tutorial

Audience

This tutorial is intended to get you started with the View & Data API – which is a zero-client, WebGL viewer capable of displaying 2D and 3D designs on your webpage.

The tutorial is for people familiar with JavaScript programming and object-oriented programming concepts. You should also be familiar with the Autodesk View & Data technology from a user's point of view. You can play with the technology here – simply Drag and Drop a 2D/3D file, and enjoy the result in your browser with no extension or plug-in installed on your computer or device. Or if you don't have a design file of your own, take a quick look at the live demo on our github.io page.

This tutorial focuses on the View & Data client-side API and uses a local 3D model (included with thie tutorial download). If you prefer to focus on the server-side APIs (accessing files stored on the Autodesk server or uploading and translating your own files), then we recommend you start with this tutorial instead.

(Note – To display a model in the viewer, the original file format it came in must be translated to a special format (based on JSON). Most of the server-side APIs are for creating that translation).

What do you need for your project?

To work through this tutorial, you will need the following:

  • A WebGL-enabled browser.
    • For example, Chrome, Firefox, Safari, IE11/Edge.
  • Your favorite JavaScript editor.
    • If you don't already have a favorite, you might try Brackets (because its free). Or you can just use a text editor.
  • Your favourite local webserver.
    • You need this because you'll be running JavaScript code in a browser page. Modern web browser security doesn't allow you to do that in a page you opened directly from your file system. If you don't have a favorite local webserver application, the free version of Mongoose is pretty much as easy as it gets. (This tutorial assumes you'll be using Mongoose, but its not required)

What don't you need for your project?

  • Server-side programming.
    • This tutorial is intended for people who are excited by client-side programming and view server-side programming as a necessary evil. Although you need to run your webpage from a local webserver, you don't need to know anything about server-side programming to complete this tutorial.
    • If you want to dive straight into the server-side APIs, then work through this tutorial instead. As you progress to more complex applications (beyond this tutorial), you will eventually need to implement some server-side code.
  • GitHub commands.
    • You don't need to understand how to use GitHub – except how to click through this readme and tutorial steps and how to download a zip file (hint – there's a button on GitHub that says 'Download ZIP'). Unlike some of our other tutorials, this tutorial doesn't make use of GitHub commands that you have to run in your terminal/command console. The tutorial steps are all separated into folders – if you don't want to write the code as you go along just launch the index.html file in the root tutorial folder and click on the link to the step you're working on.
  • Terminal/Command Console.
    • The Mac Unix Terminal is a fantastic tool. But we're not going to use it.

What are you going to achieve in this workshop?

When you finish this tutorial you will be able to:

  • Create a dynamic 3D-enabled web application that works in all modern browsers.
  • View 2D/3D models in a browser or mobile device without plug-ins or additional software.
  • Extend the View & Data API WebGL viewer to interact with the 2D/3D models.
  • Identify resources for learning more about the Autodesk View & Data API.

The tutorial guides you through the entire process of building a simple application, including writing and running viewer extensions.

========================= Step 1

tutorial-my.first.viewer-view-and.data's People

Contributors

stephenpreston avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.