Eu tenho uma imagem de fundo que atualmente se repete verticalmente e está centrada na página. Aqui está um pouco de arte ASCII para descrever a imagem, com os lados esquerdo e direito marcados.

----------
|        |
|        |
|L      R|
|        |
|        |
----------

Eu gostaria de ter a imagem repetida em toda a janela do navegador, fazendo com que ela se movesse ao longo da borda vertical a cada vez:

----------------------------------------
|        ||        ||        ||        |
|        ||        ||        ||        |
|L      R||R      L||L      R||R      L|
|        ||        ||        ||        |
|        ||        ||        ||        |
----------------------------------------

Agora, eu poderia criar uma imagem como a seguinte, para que ela repita usando CSS:

--------------------
|        ||        |
|        ||        |
|L      R||R      L|
|        ||        |
|        ||        |
--------------------

No entanto, esta imagem já é muito maior do que eu quero, então torná-la 2 vezes maior está fora de questão (especialmente porque eu planejo ter uma versão de retina também!). Eu pensei que fazer isso em Javascript poderia ser um bom compromisso.

Alguém sabe de uma biblioteca JS que já pode lidar com isso, ou então me aponta para um recurso que me daria uma vantagem inicial decente?

Obrigado,

Tim