Wallpaper Engine

Wallpaper Engine

Desktop Doodler Experiment
Squee  [utvikler] 9. jan. 2019 kl. 13.35
Adding background image
See if you can manage with this information, otherwise just ask any questions you might have.

Copy the code
1. Open the folder C:\Program Files\Steam\steamapps\common\wallpaper_engine\projects\myprojects\
2. Create a new folder that will contain a copy of the code
3. Now open WE's wallpaper browser
4. Right Click on the wallpaper and select "Show in Explorer"
5. Copy the files to the new folder you created in step 2.
6. Copy the image you want to use into the folder as well.

Editing the wallpaper
1. Open the file index.html in a text editor. The file is a mess.
2. Around line 94, where the <body> tag is, you will find a line "<canvas id="canvas"></canvas>" just under it . Add the following on a line between <body> and <canvas..
<div id="bgimage"></div>

3. Around line 21 you can find css for the canvas. Just paste the following above it
#bgimage { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: transparent url( ./preview.jpg ) center center no-repeat; background-size: cover; }

Replace preview.jpg with the filename of the image you want to use.

The background size can be "cover" "contain" or a % value like "50%"

Renaming the newly made project
To make your version stand out you can rename it. Open project.json in a text editor and edit the title on line 24. You can also edit the preview.jpg to give it a different image.




Sist redigert av Squee; 9. jan. 2019 kl. 14.29
< >
Viser 15 av 5 kommentarer
AMA_EXE 10. jan. 2019 kl. 9.44 
Seems like I'm missing something, I got my background to show up as my copy of your project, but when I draw I don't see anything. I'm assuming it's drawing behind my wallpaper?
Squee  [utvikler] 10. jan. 2019 kl. 9.59 
just to check, maybe i got something wrong, but did you put "<div id="bgimage"></div>" a line above <canvas>?
AMA_EXE 10. jan. 2019 kl. 21.06 
Ah I misread it, I put the div tag below canvas instead of above. It works! Thanks so much, this is such a fun feature for my background that I'm probably gonna use for years ;)
Squee  [utvikler] 11. jan. 2019 kl. 17.17 
Great that it worked out .. Enjoy!
Crabuggy 2. juni 2024 kl. 21.28 
Thanks for making this wallpaper! Very fun to mess with
< >
Viser 15 av 5 kommentarer
Per side: 1530 50