audiorbits
audiorbits copied to clipboard
AudiOrbits Wallpaper - for Web, Wallpaper Engine and Lively Wallpaper
AudiOrbits
A web wallpaper designed for Wallpaper Engine
THIS is the wallpaper's public git repository
About
The Wallpaper is made for and maintained on the Steam Workshop. It is however basically a website and can easily run in most browsers.
Note: Chrome-based browsers are preferred. Firefox may have some smaller problems.
Please address any Issues and Ideas on Steam.
Downloads
- Wallpaper Engine Version
- Lively Wallpaper
License(s)
The Wallpaper is incorporating pieces of Software with different Licenses. This project itself is licensed under the GPLv3 and several portions of it under MIT. Users of any part of this Code must therefore abide by the conditions of all licences which covered it as they received it.
You are allowed to use this Wallpaper for your favourite party, event, video, stream, etc. Please just include a link to THIS repository or the Steam-Page (see urls above). Thanks 🙂
Using the code
Prerequisites:
- Git, NodeJs and NPM
- yarn package manager (
npm install -g yarn)
Install steps:
git clone https://github.com/hexxone/audiorbits.gitcd audiorbitsyarn installyarn dbgon Unix oryarn dbg-winon Windows
The little things
Certain HTML/JS/WebAssembly features need a secure web context to mitigate security risks. For example, this
Therefore this web-app needs to be served with the following html headers:
'https': true,
'Access-Control-Allow-Origin': '*',
'Cross-Origin-Opener-Policy': 'same-origin',
'Cross-Origin-Embedder-Policy': 'require-corp',
-> See webpack.config.js -> devServer
Dependencies
- we_utils Custom utilities for TS-Wallpapers
- we_project_helper manipulating
project.json - three.js THREE.js & Examples for webgl rendering
Used Software
- yarn better package manager
- HTML5 WebGL & WebAudio
- TypeScript typization
- WebPack bundling & testing everything
- WebAssembly more efficient processing
- AssemblyScript "TypeScript" + "Webassembly"
- deepl.com translating
project.json
Authors
- hexxone main code
- mrdoob THREE.js
- alteredq THREE.js examples
- Mugen87 XR / VR examples
- davidedc FXAA shader
- bhouston Blur shader
- mbasso Web-Assembly worker
- Alessandro Caminiti hexagon-font
- Barry Martin Hopalong Attractor