Using HTML, SVG and JavaScript to create a design inspired by Victor Vasarely's CTA 105
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 CTA 105 by Victor Vasarely. The code adds a two dimensional array of polygons which happen to be squares of various amounts of rotation. The amount of rotation varies with row and column and time -- such that at times the central squares are rotated 45 degrees from the squares at the edges. The fill attribute of polygon is based on an HSL (Hue-Saturation-Lightness) color model. The edge polygons are darker and the center polygons are lighter. In addition the hue varies with time.
www1.lasalle.edu/~blum/c343wks/Vasarely_CTA3C.html