Fork of Bob Ross Painting

100%

Fork of Bob Ross Painting

✓ Published0🌍 Public

Last edited Jan 13, 2022

Created on Jan 13, 2022

This fork of a Bob Ross–inspired painting renders an animated sunset over a landscape using only SVG primitives. A full-canvas rectangle fills the scene with a sky gradient, while a sun circle gradually rises and changes color. The visualization relies on native SVG `<linearGradient>` definitions and SMIL `<animate>` elements to shift gradient stops and the circle’s vertical position over time. The code builds directly on an earlier SVG fundamentals exercise and sandbox, with no external libraries involved.

AI-generated description

Inspiration from Exercise 1: SVG Fundamentals SVG shapes and animation sandbox

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Bob Ross Painting

This is an original SVG art piece that recreates a Bob Ross-style landscape with a gradient-filled sun, mountain silhouettes, and an ocean. The sun animates vertically and changes opacity over a 20-second cycle, simulating a day-night transition. The artwork uses raw SVG elements, including `<circle>`, `<path>`, and `<rect>`, along with `<linearGradient>` definitions and SMIL animations via `<animate>`. It draws inspiration from VizHub’s SVG fundamentals exercise and an animation sandbox, rendering entirely as static and dynamic vector graphics in the browser.

SSalai Govindaraj

91% match

Loading thumbnail…

Fork of Fork of Bob Ross Painting

This animated landscape reimagines Bob Ross’s painting style as a time-lapse sunset, showing shifting gradients, a moving sun, and layered mountain silhouettes over an ocean. The scene cycles through day-to-night color transitions using SVG’s `<linearGradient>` and `<stop>` elements, with `<animate>` tags driving continuous changes in hue, offset, and vertical sun position. Purely SVG-based, the visualization relies on animated attribute values for gradients and circle coordinates, with no external JavaScript libraries or data sources.

BBomkerss

91% match

Loading thumbnail…

Fork of Fork of Bob Ross Painting

This animated SVG landscape mimics a Bob Ross painting, showing a mountain scene with a sun that rises and sets over a gradient sky and ocean. The image cycles through a day-night transition over 20 seconds, altering sun position, opacity, and the colors of the sky, mountains, and water. The visualization uses raw SVG elements, including `rect`, `circle`, and `path`, combined with SMIL animations within `<linearGradient>` definitions to create the shifting atmospheric effects.

AAsherpranayp

91% match

Loading thumbnail…

Fork of Bob Ross Painting

This SVG scene depicts a landscape with animated gradients, a sun, and mountain silhouettes, split between a sky and ocean. The rendering uses scalable vector graphics with `<linearGradient>` elements for the sky, mountains, sun, and ocean, and SMIL `<animate>` tags to cycle colors, offsets, and the sun’s vertical position and opacity over a 14- and 20-second loop. The code defines paths with cubic Bézier curves for mountain shapes and a filled circle for the sun, all embedded in a 960×500 canvas without external libraries.

Zzaioris

90% match

Loading thumbnail…

Fork of Bob Ross Painting

This animated SVG scene recreates a Bob Ross–style landscape with a sun, layered mountains, and a body of water. The sky, mountains, and ocean shift through color cycles using SMIL animations within SVG `linearGradient` definitions, while the sun moves vertically and fades via `animate` elements on its `cy` and `opacity`. The scene uses only raw SVG shapes and gradients, with no external libraries, drawing from the SVG Fundamentals exercise.

SSami Kauhanen-Duac

90% match

Loading thumbnail…

Bob Ross Painting

This animated Bob Ross–style landscape shows a sun setting over layered mountains and an ocean, with a full day-night cycle driven by synchronized color and position changes. The scene uses pure SVG primitives—`rect`, `circle`, and `path` elements—with `linearGradient` definitions for the sky, mountains, sun, and ocean. Smil `<animate>` tags continuously shift gradient stop colors, the sun’s vertical position, and its opacity to simulate dawn, daylight, sunset, and darkness. The entire composition is declarative markup, requiring no JavaScript, and renders responsively in a 960×500 viewport.

NNita

85% match

Loading thumbnail…

Fork of SVG Fundamentals sunset fork

This example shows an animated sunset landscape with two layered mountain silhouettes and a large sun descending against a gradient sky. The scene uses SVG elements, including circles, paths, and rectangle shapes, all rendered with radial and linear gradients. Animation comes from SVG’s `<animate>` element, which cycles the sun’s vertical position and smoothly transitions gradient stop colors from aliceblue through indigo and steelblue over a 15-second loop, shifting the mood from daylight to dusk and back.

Rrohanxavier33@gmail.com

84% match

Loading thumbnail…

Fork of Exercise 1: SVG Fundamentals. Sunset

This fork of an SVG fundamentals exercise depicts an animated sunset. A radial gradient sky transitions through colors while a circle, representing the sun, moves downward and upward. Two landscape layers use cubic and quadratic Bezier paths with linear gradients, also cycling through hues. The animation relies on native SVG `<animate>` elements and CSS styling, with no external libraries required.

WWRCIECH

83% match