DEV Community

Cover image for Morphing spirals (live demos), 6 of 365
Joe Pea
Joe Pea

Posted on

Morphing spirals (live demos), 6 of 365

I'm making one demo per day for 2021!

I took an old spiral demo of mine, and made two new spirals from it. All I had to do was modify a couple numbers, and the result was two distinct spirals. The code is short too!

Which spiral do you like more?

馃憞 Made with #LUME

GitHub logo lume / lume

Create CSS3D/WebGL applications declaratively with HTML. Give regular DOM elements shadow and lighting.


A toolkit that simplifies the creation of rich and interactive 2D or 3D experiences for any device from mobile to desktop to AR/VR.

Home聽聽路聽 Documentation聽聽路聽 Examples聽聽路聽 Forum聽聽路聽 Chat聽聽路聽 Source

npm install lume


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 both CSS and WebGL.

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

glas - WebGL engine written in AssemblyScript

This is a port of Three.js to AssemblyScript (TypeScript that compiles to WebAssembly) for running WebGL graphics with consistent performance.

@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鈥

topics: #365DaysOfCode2021 #webgl #html #css #creativecoding #creativecode #graphics #webdev

Discussion (0)