This experimental example uses Three.js and only works if the browser supports WebGL and JavaScript is enabled.
If this is the case, you should see a yellow, rotating model of the “Blender Monkey” in front of a dark background after a while.
Change log
2021-03-27: Changed usage of fullscreen API to avoid display errors with Chromium based browsers and mobile devices.
2020-11-26: Updated Three.js to revision 123.
2020-01-01: Updated Three.js to revision 112, changed model data format to glTF.
2017-11-30: Fixed some bugs in fullscreen mode.
2017-11-12: Added support of displays with high pixel density so the output will always be in maximum resolution.
2016-11-19: Avoiding global objects, removed unnecessary stuff.
2016-03-11: Added handling of the fullscreen API for Internet Explorer 11 and Edge.
2016-01-02: Added handling of touch events so interaction is now also possible on smartphones and tablets.
2015-11-01: Fixed a bug relating to dynamic size adaption and full screen mode – the screen resolution in full screen mode is now set to the correct values again.
2015-10-30: Updated Three.js to revision 73.
2015-04-19: Updated Three.js to revision 71.
2015-01-08: Updated Three.js to revision 69, improved dynamic size adaption to keep aspect ratio of 4:3.
2014-07-12: Updated Three.js to revision 67.
2014-03-02: Implemented dynamic size adaption.
2014-02-27: Updated the code to use Three.js revision 66.
2012-07-08: Added fullscreen mode and antialiasing.
2011-07-05: The first version.