/AestheticWalls

Dynamic and aesthetic wallpapers written for Wallpaper Engine

Primary LanguageTypeScript

AestheticWalls

Dynamic and aesthetic wallpapers written for Wallpaper Engine, or to enjoy in your browser.

Install guide at the bottom

See it live here

Here are some example gifs

Topography Resembles a topographical map as time -> inf

VertexPlane This took too long to optimize...

This took too long to optimize...

DoublePendulum Thanks gonk for tagging along

PurityRing wobble wobble

Install Guide

"I just want it to work in Wallpaper Engine"

Step 1: Navigate to my workshop.
Step 2: Subscribe to the one you want.
Step 3: "?".repeat(3)
Step 4: short $TSLA

"I want to play around with the code and build it myself"

This is for those people who want to mess with the colours, timings, camera, or tinker with the code in any other way.

Prerequisites:

  1. WebPack (tested on 4.41.6)
  2. Typescript (tested on 3.7.5)

Instructions:

  1. Clone this repo and enter the directory:
    git clone https://github.com/PhaseRush/AestheticWalls.git && cd AestheticWalls
  2. In WebPack's config file, you can change which wallpaper you're building.
    Now use WebPack to build all required source files into one JavaScript file, so it's nice and self contained:
    npx webpack
    You should see that the ./out/ directory now has 2 files:
  • engine.js is generated by webpack, and contains all the required code.
  • index.html is static, and does not need to be modified between builds for the wallpaper to work. However, feel free to tinker with it as well if you wish.

  1. Now you can open up index.html in a browser to see how it looks!

  2. If you want to run it in Wallpaper Engine, you can follow this tutorial with our two files.