Store Page
Wallpaper Engine
All Discussions Screenshots Artwork Broadcasts Videos Workshop News Guides Reviews

Wallpaper Engine

Store Page
Wallpaper Engine >  Workshop > Squee's Workshop > Desktop Doodler Experiment > Discussions
Desktop Doodler Experiment
Description Discussions1 Comments74 Change Notes
Squee  [developer] 9 Jan, 2019 @ 1:35pm
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.




Last edited by Squee; 9 Jan, 2019 @ 2:29pm
< >
Showing 1-5 of 5 comments
AMA_EXE 10 Jan, 2019 @ 9:44am 
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?
#1
Squee  [developer] 10 Jan, 2019 @ 9:59am 
just to check, maybe i got something wrong, but did you put "<div id="bgimage"></div>" a line above <canvas>?
#2
AMA_EXE 10 Jan, 2019 @ 9:06pm 
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 ;)
#3
Squee  [developer] 11 Jan, 2019 @ 5:17pm 
Great that it worked out .. Enjoy!
#4
Crabuggy 2 Jun, 2024 @ 9:28pm 
Thanks for making this wallpaper! Very fun to mess with
#5
< >
Showing 1-5 of 5 comments
Per page: 1530 50