Using HTML, SVG and JavaScript to create a design inspired by Victor Vasarely's Symphony in Blue
HTML-код
- Опубликовано: 21 авг 2024
- In this video we start with an HTML page with an empty SVG (scalable vector graphics) element which is then populated by JavaScript. The design generated is based on the work Symphony in Blue by Victor Vasarely. The code creates a dynamic radial gradient and then adds a background rect (rectangle) element to the SVG. The code then adds four g (container) elements. In each container the code places a circle element as well as a sequence of arc paths that vary in the amount of lightness in an HSL (Hue-Saturation-Lightness) color model. Finally the containers are transformed -- including both a translation and a rotation. The hue and the amount of rotation vary in time.
www1.lasalle.edu/~blum/c343wks/Vasarely_Symphony.html