3 ms·
Glad you like it! We used Three.js (https://threejs.org https://threejs.org) to handle rendering the icosahedron itself. Three.js actually includes an icosahedr
by edwinwee 10y ago
Glad you like it! We used Three.js (https://threejs.org https://threejs.org) to handle rendering the icosahedron itself. Three.js actually includes an icosahedron as one of its built-in primitives, however we also wanted to add some subtle details to the model such as rounded edges. So, we created a rounded version in Cinema 4D, and then rendered both that model as well as an invisible copy of the object using the Three.js primitive. The primitive gives us easy access to things like the vertex coordinates, that are then used to position the labels, which are plain DIVs and not rendered with WebGL.
- markdog12 10y agoGreat work, result is awesome. Love how it pops in and fits with the page background nicely. I find your web pages and documentation to be pretty much the nicest on the internet.
- King-Aaron 10y agoAgree, awesome work. Probably one of the nicest visual elements I've seen on a tech site for a while.
- anc84 10y agoIt burns CPU like mad. See if limiting the framerate to something sane makes sense, 15-20 might be enough for fluent motion. https://stackoverflow.com/questions/11285065/limiting-framerate-in-three-js-to-increase-performance-requestanimationframe https://stackoverflow.com/questions/11285065/limiting-framer...