Published On Streamed live on Dec 5, 2022
This month we are joined by expert web developer Klaas Nienhuis who will provide a practical look at how to add custom interactions to your 3D models using the Sketchfab Viewer API.
Explore more of Klaas' work and contact him via his website: https://www.klaasnienhuis.nl
By the end of this video you will be able to:
1. Load a Sketchfab model via the API.
2. Locate an object in your scene and hide it.
3. Find an object in your scene, and show/hide it upon mouseclick.
4. Find an object and rotate it upon mouseclick
Explore + edit the code yourself:
https://codepen.io/collection/VYzqoJ
Sketchfab Viewer API Documentation:
https://sketchfab.com/developers
Other Sketchfab API demos:
https://sketchfab.com/developers/view...
3D Models used in this stream:
“Treasure Chest” (https://skfb.ly/6UoWt) by Harley Torrisi is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/b....
“Brown Hyena Skull” (https://skfb.ly/oA8Eu) by University of Dundee Museum Collections is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/b....
- - - -
3December 2022
https://sketchfab.com/blogs/3december...
Sketchfab Weekly
https://sketchfab.com/blogs/community...
00:00:00 Video Start
00:00:56 Stream Start
00:01:54 3December '22
00:03:00 Introduction to Klaas
00:03:58 About this API tutorial
00:06:57 Pt.1 Load Sketchfab in an iFrame
00:25:56 Pt.2 Locate an object in your scene and hide it.
00:40:26 Pt.3 Find an object in your scene, and show/hide it upon mouseclick.
00:52:20 Pt.4a Setting up a pivot for your 3D model
00:55:12 Pt.4b Find an object and rotate it upon mouseclick
01:09:45 Bonus: Animate a skull + set post processing using a slider
01:14:23 Q&A
01:25:52 Outro & Conclusion