Speckle lets you quickly share Grasshopper 3D models online with just one double click.
Developed by D/A/S, while working at The Bartlett, UCL Faculty of the Built Environment, within the InnoChain project.
Speckle lets you quickly share Grasshopper 3D models online with just one double click.
Developed by D/A/S, while working at The Bartlett, UCL Faculty of the Built Environment, within the InnoChain project.
Author here. Happy to announce that speckle grew up a bit:
The big news:
Online viewer:
Embedding in websites:
If you want to embed the models on your website - as you can see it’s done on speckle.xyz homepage - it’s really easy! A little “get embed code” button is planned, but until then you can follow these steps:
Take the link Speckle gives you, ie. http://speckle.xyz/view/15wyBk/, replace the view with embed, so it looks like this: http://speckle.xyz/embed/15wyBk/ and use this as the “src” for an iframe.
The final code you can paste in your website should look like this:
<iframe src="http://speckle.xyz/embed/15wyBk/“ height=“500” width=“500”>
Zooming won’t work in embed frames so you can actually still scroll the page down. TODO: will add zoom in and out buttons in the embedded viewer.
URL Hacking to toggle options:
You can toggle on or off some options, by appending to the speckle viewer link the following:
You can, of course, combine them (order is not important):
http://speckle.xyz/view/jxvak4/g1p0s0e0
This will make sure the grid is on(g1), disable the ground plane(p0) and shadows (s0) and turn edge display off (e0). Works as well for embedded viewers.
Named Views:
Speckle exports together with your geometry, all the Named Views from that are defined in the Rhino document. Check the bottom option bar of this model: http://speckle.xyz/view/15wyBk/
You will see the named views defined from Rhino: Top, Flemish Theatre, StKatherine, Overview.
Clicking on them will bring up that specific view! Handy if you want to guide your collaborators/clients towards specific points of interest.
You can also enforce the model to directly load on a specific named view by appending to the url the “v”+view number (counting starts at 0). For example, let’s say I want to enforce the “Overview” view in the model linked above. It’s view number 4, and since counting starts from 0, that means i need to append v3 to the url.
Voila: http://speckle.xyz/view/15wyBk/v3.
Note: I understand this is a bit of a stupid way of doing things, especially if you’re not a geek. So it might change in the future…
Other news:
Code will be released in the public domain soon, hopefully (need to clarify with my current employer, UCL, all the ins and outs). Furthermore, I need to cleanup the server side application from hard coded server secrets and it should be yours.
Always looking to get feedback! Drop me a line with any requests/curses/questions. I don’t know how to stress the importance of this for me - i promise to give you a free cookie for every feedback email I get! -
Don’t forget to join the grasshopper group to stay in touch!