JavaScript
-
It seems like I've been living in JavaScript land (and no, I deliberately didn't say "hell" – it's actually been fun 🙂 for the last few weeks, between one thing or another. But I think I've finally put the finishing touches on the last of the JavaScript API samples I've prepared for AU 2014. This sample was inspired by Jim Awe – an old friend and colleague – who is working on something similar for another platform. So I can't take any credit for the way it works, just for the plumbing it took to make it work with AutoCAD.…
-
One of the pieces of feedback I received from internal folk on the prototype VR app I developed for Google Cardboard and then added voice recognition to was "it'd be really cool to add ViewCube-like navigation commands". Which basically meant adding "front", "back", "left", "right", "top" & "bottom" to the list of voice commands recognised by annyang and have them hooked up to a function that changes the view accordingly. The main complication being the fact that some models come in with "Z up" despite the majority having "Y up". Hopefully none will come in with "X up", an eventuality…
-
I nearly named this post "Creating a stereoscopic viewer for Google Cardboard using the Autodesk 360 viewer – Part 4", leading on from the series introduction and then parts 1, 2 & 3. But then I decided this topic deserved it's very own title. 🙂 The seed for this post was sown during the VR Hackathon, at the beginning of which I had an inspiring chat with Theo Armour. Not only does Theo have a name worthy of a gladiator – and it turns out there is a list of gladiator names on the Internet, just one more reason I…
-
After introducing the topic, showing a basic stereoscopic viewer using the Autodesk 360 viewer and then adding full-screen and device-tilt navigation, today we're going to extend our UI to allow viewing of multiple models. Firstly it's worth pointing out that for models to be accessible by the viewer that makes use of my client credentials, I also need to upload that content with the same credentials. You can follow the procedure in this previous post to see how you do that, although I believe the ADN team has created some samples that help simplify the process, too. Once you have…
-
I'm heading out the door in a few minutes to take the train to Zurich and a (thankfully direct) flight from there to San Francisco. I'll have time on the flight to write up the next part in the series, so all will be in place for this weekend's VR Hackathon. In today's post we're going to extend the implementation we saw yesterday (and introduced on Monday) by adding full-screen viewing and device-tilt navigation. Full-screen mode is easy: I borrowed some code from here that works well, the only thing to keep in mind is that the API can only…
-
After yesterday's introduction to this series of posts, today we're going to dive into some specifics, implementing a basic, web-based, stereoscopic viewer. While this series of posts is really about using Google Cardboard to view Autodesk 360 models in 3D (an interesting topic, I hope you'll agree ;-), it's also about how easily you can use the Autodesk 360 viewer to power Google Cardboard: we'll see it's a straightforward way to get 3D content into a visualization system that's really all about 3D. Let's start with some basics. We clearly need two views in our web-page, one for each eye.…
-
I'm heading back across to the Bay Area on Wednesday for 10 days. There seems to be a pattern forming to my trips across: I'll spend the first few days in San Francisco – in this case attending internal strategy meetings in our 1 Market office – and then head up after the weekend to San Rafael to work with the members of the AutoCAD engineering team based up there. I'll still probably head back into SF for the odd day, the following week, but that's fine: I really like commuting by ferry from Larkspur to the Embarcadero. The weekend…
-
To follow on from yesterday's post, today we're going to look at two C# source files that work with the HTML page – and referenced JavaScript files – which I will leave online rather than reproducing here. As a brief reminder of the functionality – if you haven't yet watched the screencast shown last time – this version of the app shows an embedded 3D view that reacts to the creation – and deletion – of geometry from the associated AutoCAD model. You will see the bounding boxes for geometry appear in the WebGL view (powered by Three.js) as you're…
-
As part of my preparations for AU, I've been extending this Three.js integration sample to make it more responsive to model changes: I went ahead and implemented event handlers in .NET – much as we saw in the last post – to send interaction information through to JavaScript so that it can update the HTML palette view. The code is in pretty good shape, but I still need to decide whether to post it separately or with the other JavaScript samples I'm working on (I'll also be showing Paper.js and Isomer integrations during my AU talk, as well as a…
-
The title of this one is a little specific – the post actually deals with the scenario of passing data from .NET to an HTML-defined palette, as well as some other tips & tricks – but it's something I wanted to show. Here's the basic idea: whenever a closed curve gets added to the drawing, we want to display its area as the only item in an HTML palette. We also want the palette to update when objects get erased, etc., which makes life somewhat trickier. To set the scene, here's a quick screencast of the finished application in action…