design-patterns: Render Animated Tiled Pattern (IMAGE) through .frag?

mardi 4 juin 2019

Render Animated Tiled Pattern (IMAGE) through .frag?

Is it possible to render a tiled image through Fragment Shaders?

Example:

html, body {
  margin: 0; 
  padding: 0;
  background: gray url(https://background-tiles.com/overview/blue/patterns/large/1055.png) repeat 0 0;
  -webkit-animation: slide 20s linear infinite;
}


@-webkit-keyframes slide {
    from { background-position: 0 180; }
    to { background-position: 500px 0; }
}

<body>
</body>

design-patterns

mardi 4 juin 2019

Render Animated Tiled Pattern (IMAGE) through .frag?

Aucun commentaire:

Enregistrer un commentaire