hero3d (3D hero object)
three.js and WebGL · 3D · Apache-2.0
- What it does
A three.js layer on the same clock for one physical hero: a logo extruded from SVG paths, extruded text, a coin, a glass slab, a phone or a glTF, with studio or room lighting, a ground shadow, bloom and depth of field. Every frame is reset to base and redrawn from a pure function of time.
- Get it
const hero = M.hero3d('#gl', { envMap: 'studio', objects: [{ id: 'mark', kind: 'logo', svg: PATH_D, depth: .12, material: 'satin' }], state: (t, objs, { key }) => ({ objects: { mark: { rotation: key(t, [[0,[.6,-1.7,.2]],[1.5,[.1,-.36,0],'snapSettle']]) } } }) });
- Needs
WebGL; bundled three.js r186 and opentype.js (both MIT) and Inter (OFL)
- License
Apache-2.0
- From