{"_id":"55a7e4e81fa1a53b0069158b","githubsync":"","project":"55a6dc4f112cf20d003a3198","version":{"_id":"55a6dc4f112cf20d003a319b","__v":9,"project":"55a6dc4f112cf20d003a3198","createdAt":"2015-07-15T22:18:55.970Z","releaseDate":"2015-07-15T22:18:55.970Z","categories":["55a6dc50112cf20d003a319c","55a6de2d8cc73e0d00096619","55a72167633d0d250024cab4","55a7217c633d0d250024cab5","55a721a216d20b1900ed8fb9","55a7223216d20b1900ed8fba","55a7294a633d0d250024cab8","55a729b7633d0d250024cab9","5b082f3e5e44420003cebc3f"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"__v":9,"user":"55a6dc0c112cf20d003a3196","category":{"_id":"55a6dc50112cf20d003a319c","version":"55a6dc4f112cf20d003a319b","pages":["55a6dc51112cf20d003a319e","55a7e4e81fa1a53b0069158b","55a7e5254a33f92b00b7a20b","55a7e5783efe0c2f0074cb68","55a7ef0e1fa1a53b00691598","55a801791fa1a53b006915fa","55a913a5cf45e1390093f2d3"],"project":"55a6dc4f112cf20d003a3198","__v":7,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-07-15T22:18:56.474Z","from_sync":false,"order":0,"slug":"getting-started","title":"Share3D Cloud"},"parentDoc":null,"updates":[],"next":{"pages":[],"description":""},"createdAt":"2015-07-16T17:07:52.727Z","link_external":false,"link_url":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":2,"body":"Share3D files are fully 3D interactive and are optimized to work on Windows, Mac and mobile platforms. In addition, most modern web browsers support WebGL including Internet Explorer, Firefox, Safari, Chrome and Opera. \n[block:callout]\n{\n  \"type\": \"warning\",\n  \"title\": \"WebGL Support on your Device? Probably.\",\n  \"body\": \"If you experience a warning indicating that your device does not support WebGL, please visit our WebGL Troubleshooting section to learn more about enabling WebGL on your device.\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Mouse Interaction with 3D Views\"\n}\n[/block]\nOn desktop computers, you can use your mouse to interact with the 3D view.\n[block:parameters]\n{\n  \"data\": {\n    \"h-0\": \"Mouse Action\",\n    \"h-1\": \"Result\",\n    \"0-0\": \"Left Click and Drag\",\n    \"0-1\": \"Rotate the 3D model\",\n    \"1-0\": \"Middle Click and Drag\",\n    \"1-1\": \"Pan the 3D Model\",\n    \"2-0\": \"Right Click and Drag\",\n    \"2-1\": \"Zoom the 3D Model\",\n    \"3-0\": \"Middle Mouse Wheel\",\n    \"3-1\": \"Zoom the 3D Model\",\n    \"4-0\": \"Left Single Click\",\n    \"4-1\": \"Select the clicked part or deselect all if no part is clicked\"\n  },\n  \"cols\": 2,\n  \"rows\": 5\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Touch Interaction with 3D Views\"\n}\n[/block]\nOn mobile devices, you can use common gestures to interact with the 3D view. \n[block:parameters]\n{\n  \"data\": {\n    \"h-0\": \"Gesture\",\n    \"h-1\": \"Result\",\n    \"0-0\": \"Single Finger Drag\",\n    \"0-1\": \"Rotate the 3D model\",\n    \"1-0\": \"Dual Finger Drag\",\n    \"1-1\": \"Pan the 3D model\",\n    \"2-0\": \"Pinch\",\n    \"2-1\": \"Zoom in and out of the 3D model\",\n    \"3-0\": \"Tap\",\n    \"3-1\": \"Select the tapped part or deselect all if not part is tapped\"\n  },\n  \"cols\": 2,\n  \"rows\": 4\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Next and Previous Buttons\"\n}\n[/block]\nMany Share3D files include multiple illustrations that view the 3D from various viewpoints, change the rendering style or animate step-by-step processes. You can use the *Next* and *Previous* buttons to move linearly through this series of illustration. \n\n#Illustration Console\nAs you step through illustrations in a file, a console may appear displaying text associated with the illustration.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Selecting Parts\"\n}\n[/block]\nIndividual parts can be selected by clicking on them in the 3D view. Additionally, you may use the associated parts list to select parts. Parts lists are accessed from the *Content Panel*.\n\n#Part Console\nWhen a part is selected, a console may appear displaying textual part information.\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Illustrations and Parts Lists\",\n  \"body\": \"Each illustration in a Share3D file has an associated parts lists. In many cases, the illustrations are associated with the same parts. However, in other cases each illustration may have it's own part lists. This generally depends on the type of technical material that is published an is determined by the creator of the materials.\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"The Content Panel\"\n}\n[/block]\nIf available, the *Content Panel* will be shown as a tab on the left side of your browser window. Clicking this tab will open the panel displaying the content available in the 3D file. \n\n#Storyboard Tab\nWhen the *storyboard tab* is selected, the content panel will display a list of the storyboards in the 3D file. Clicking on a storyboard will make it active displaying the first illustration in the 3D view.\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Storyboards\",\n  \"body\": \"Storyboards include one or more illustrations and are often used to organize technical materials into chapters or part subsets.\"\n}\n[/block]\n\n#Illustration Tab\nWhen the *illustration tab* is selected, the content panel will display a list of all illustration in the currently selected storyboard. Clicking on an illustration will display it in the 3D view.\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Illustrations\",\n  \"body\": \"Illustrations are viewer selectable 3D views that determine the viewpoint and render properties of the 3D scene. Illustration may also include a\"\n}\n[/block]\n\n#Parts List Tab\nWhen the *parts list tab* is selected, the content panel will display the current part list as determined by the displayed illustration. Clicking on a part in the parts lists will select it in the 3D view.\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Parts Lists\",\n  \"body\": \"A Share3D file may include multiple parts lists allowing technical materials to display large master parts lists or individual subsets of relevant parts.\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Collaborating in a Private Session\"\n}\n[/block]\nIf you are hosting a private collaborative session, or you have accepted an invitation to participate in one then you will be able to view and submit comments. Submitted comments are only shared with other invited participants.\n\n#Submitting a Comment\nYou may submit a comment by clicking on the *New Comment* button which is displayed over the 3D view, entering your comment and then clicking submit. When commenting is activated, you will also have access to annotation tools allowing your to add symbols or draw onto the 3D scene adding graphical content to your comment.\n\n#Viewing the Comment History \nComments may be read and selected from the *Share 3D Panel* that is available as a tab on the right side of the browser when your are involved in a collaborative session. \n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Comments and 3D. Working Together!\",\n  \"body\": \"Submitted comments will capture the current 3D view and any annotations that you have added. This will be shared that with other collaborators as an attachment to your comment. When the comment is selected, the 3D view will display the attached view and annotations.\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Using the Shopping Cart (Beta)\"\n}\n[/block]\nWhen a shopping cart is enabled, a *Cart* button will available. Pressing the cart button will bring up the cart and display the current contents. \n\n#Adding Items to a Cart\nItems may be added to the cart by the viewer. Once a part is selected, the part console will display. If applicable, the part console will display a *Quantity* spinner and an *Add to Cart* button.\n\n#Checking Out\nYou can view the contents of your cart by clicking on the *Cart* button. When you are ready to submit the cart to the publisher for processing, you can following the check out process and instructions. When the cart is submitted, the publisher will be notified by email for processing.\n[block:callout]\n{\n  \"type\": \"warning\",\n  \"title\": \"Shopping Cart Submission\",\n  \"body\": \"Shopping carts are submitted to the publisher of the Share3D content for processing. Share3D provides the technology for the 3D-based shopping cart and is not involved further. When a cart is submitted the publisher will receive an email indicating the submission and is responsible for processing the order.\"\n}\n[/block]","excerpt":"","slug":"interacting-with-3d","type":"basic","title":"Interacting with Share3D"}

Interacting with Share3D


Share3D files are fully 3D interactive and are optimized to work on Windows, Mac and mobile platforms. In addition, most modern web browsers support WebGL including Internet Explorer, Firefox, Safari, Chrome and Opera. [block:callout] { "type": "warning", "title": "WebGL Support on your Device? Probably.", "body": "If you experience a warning indicating that your device does not support WebGL, please visit our WebGL Troubleshooting section to learn more about enabling WebGL on your device." } [/block] [block:api-header] { "type": "basic", "title": "Mouse Interaction with 3D Views" } [/block] On desktop computers, you can use your mouse to interact with the 3D view. [block:parameters] { "data": { "h-0": "Mouse Action", "h-1": "Result", "0-0": "Left Click and Drag", "0-1": "Rotate the 3D model", "1-0": "Middle Click and Drag", "1-1": "Pan the 3D Model", "2-0": "Right Click and Drag", "2-1": "Zoom the 3D Model", "3-0": "Middle Mouse Wheel", "3-1": "Zoom the 3D Model", "4-0": "Left Single Click", "4-1": "Select the clicked part or deselect all if no part is clicked" }, "cols": 2, "rows": 5 } [/block] [block:api-header] { "type": "basic", "title": "Touch Interaction with 3D Views" } [/block] On mobile devices, you can use common gestures to interact with the 3D view. [block:parameters] { "data": { "h-0": "Gesture", "h-1": "Result", "0-0": "Single Finger Drag", "0-1": "Rotate the 3D model", "1-0": "Dual Finger Drag", "1-1": "Pan the 3D model", "2-0": "Pinch", "2-1": "Zoom in and out of the 3D model", "3-0": "Tap", "3-1": "Select the tapped part or deselect all if not part is tapped" }, "cols": 2, "rows": 4 } [/block] [block:api-header] { "type": "basic", "title": "Next and Previous Buttons" } [/block] Many Share3D files include multiple illustrations that view the 3D from various viewpoints, change the rendering style or animate step-by-step processes. You can use the *Next* and *Previous* buttons to move linearly through this series of illustration. #Illustration Console As you step through illustrations in a file, a console may appear displaying text associated with the illustration. [block:api-header] { "type": "basic", "title": "Selecting Parts" } [/block] Individual parts can be selected by clicking on them in the 3D view. Additionally, you may use the associated parts list to select parts. Parts lists are accessed from the *Content Panel*. #Part Console When a part is selected, a console may appear displaying textual part information. [block:callout] { "type": "info", "title": "Illustrations and Parts Lists", "body": "Each illustration in a Share3D file has an associated parts lists. In many cases, the illustrations are associated with the same parts. However, in other cases each illustration may have it's own part lists. This generally depends on the type of technical material that is published an is determined by the creator of the materials." } [/block] [block:api-header] { "type": "basic", "title": "The Content Panel" } [/block] If available, the *Content Panel* will be shown as a tab on the left side of your browser window. Clicking this tab will open the panel displaying the content available in the 3D file. #Storyboard Tab When the *storyboard tab* is selected, the content panel will display a list of the storyboards in the 3D file. Clicking on a storyboard will make it active displaying the first illustration in the 3D view. [block:callout] { "type": "info", "title": "Storyboards", "body": "Storyboards include one or more illustrations and are often used to organize technical materials into chapters or part subsets." } [/block] #Illustration Tab When the *illustration tab* is selected, the content panel will display a list of all illustration in the currently selected storyboard. Clicking on an illustration will display it in the 3D view. [block:callout] { "type": "info", "title": "Illustrations", "body": "Illustrations are viewer selectable 3D views that determine the viewpoint and render properties of the 3D scene. Illustration may also include a" } [/block] #Parts List Tab When the *parts list tab* is selected, the content panel will display the current part list as determined by the displayed illustration. Clicking on a part in the parts lists will select it in the 3D view. [block:callout] { "type": "info", "title": "Parts Lists", "body": "A Share3D file may include multiple parts lists allowing technical materials to display large master parts lists or individual subsets of relevant parts." } [/block] [block:api-header] { "type": "basic", "title": "Collaborating in a Private Session" } [/block] If you are hosting a private collaborative session, or you have accepted an invitation to participate in one then you will be able to view and submit comments. Submitted comments are only shared with other invited participants. #Submitting a Comment You may submit a comment by clicking on the *New Comment* button which is displayed over the 3D view, entering your comment and then clicking submit. When commenting is activated, you will also have access to annotation tools allowing your to add symbols or draw onto the 3D scene adding graphical content to your comment. #Viewing the Comment History Comments may be read and selected from the *Share 3D Panel* that is available as a tab on the right side of the browser when your are involved in a collaborative session. [block:callout] { "type": "info", "title": "Comments and 3D. Working Together!", "body": "Submitted comments will capture the current 3D view and any annotations that you have added. This will be shared that with other collaborators as an attachment to your comment. When the comment is selected, the 3D view will display the attached view and annotations." } [/block] [block:api-header] { "type": "basic", "title": "Using the Shopping Cart (Beta)" } [/block] When a shopping cart is enabled, a *Cart* button will available. Pressing the cart button will bring up the cart and display the current contents. #Adding Items to a Cart Items may be added to the cart by the viewer. Once a part is selected, the part console will display. If applicable, the part console will display a *Quantity* spinner and an *Add to Cart* button. #Checking Out You can view the contents of your cart by clicking on the *Cart* button. When you are ready to submit the cart to the publisher for processing, you can following the check out process and instructions. When the cart is submitted, the publisher will be notified by email for processing. [block:callout] { "type": "warning", "title": "Shopping Cart Submission", "body": "Shopping carts are submitted to the publisher of the Share3D content for processing. Share3D provides the technology for the 3D-based shopping cart and is not involved further. When a cart is submitted the publisher will receive an email indicating the submission and is responsible for processing the order." } [/block]