Example for WebGL

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.

If nothing happens, JavaScript is probably disabled.

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.