Wallpaper from the ending theme of anime Magic of Stella (ステラのまほう) .
It's recommended to use Yarn as package manager, npm is fine though.
yarn install
Create a folder named wallpaper
at project root, then run following command.
yarn setup
By redirecting the running wallpaper to the server, we are able to use the liveReload
feature of Webpack dev server, which is extremely useful for development.
To achieve that, a script was made to generate a bridge HTML file, there are a few steps to prepare before using this script:
-
Create a folder in
myproject
directory of Wallpaper Engine, for example:C:\Program Files (x86)\Steam\steamapps\common\wallpaper_engine\projects\myprojects\magic-of-stella
-
Go back to this project, create
.env.local
file at project root, addWALLPAPER_PATH
variable which describes the destination of output files.WALLPAPER_PATH=C:\Program Files (x86)\Steam\steamapps\common\wallpaper_engine\projects\myprojects\magic-of-stella
For more information about the format of this file, see dotenv.
-
Run following command. You may be asked for confirmations to overwrite existing files.
yarn setup
-
Check the Wallpaper Engine browser, a new wallpaper should appear with
[DEV]
prefix.
This preparation should be done only once, but any time you think the generated files are supposed be updated, you need to run yarn setup
again.
Now, just like serving for browsers, run yarn start
, and then select the wallpaper, everything will work as it should be in browsers.
yarn build
If you are updating an existing Workshop project instead of creating a new one, you need to specify a WORKSHOP_ID
in .env.local
before building the project.
WORKSHOP_ID=123456
When publishing to Workshop, don't forget to copy files in /wallpaper
and paste them into your project.