Day 9 of 365: Beautiful cube with inertial rotation (live demo)

Day 9 of 365: Live demo! Beautiful cube with inertial rotation.

I added fling ability to last demo. Fling to spin!

👇 @codepen

👇 Made with #LUME

lume / lume

GPU-powered 3D HTML. ✨🧊 <lume-box size="1 2 3">

A toolkit that simplifies the creation of rich and interactive 2D or 3D experiences.

Home  ·  Documentation  ·  Examples  ·  Forum  ·  Chat  ·  Source

npm install lume

Features

LUME is composed of several packages that can be used individually, or together as a whole:

lume - HTML elements for rich graphics

HTML elements for easily defining rich and interactive 2D or 3D applications powered by CSS3D, WebGL, or a combination of both.

This package uses and re-exports features from the below packages.

@lume/element - System for defining HTML elements

This is a web component system that allows you to create new, fast, and performant HTML elements in a simple way. It provides the foundation for LUME's HTML elements, and a standard pattern for building new elements that extend the features of LUME.

element-behaviors - Mix functionalities onto HTML elements

This allows you to augment HTML elements with features called…

View on GitHub

topics: #codeart #webdev #3D #webgl #creativecode #newmediaart #webdesign #365DaysOfCode2021