Wallpaper Engine:壁纸引擎

Wallpaper Engine:壁纸引擎

Mystical Waves
Squee  [开发者] 2018 年 10 月 26 日 上午 11:26
Adding logo infront of wallpaper
Im using notepad in this, if you have a better editor for plain text documents use it :) But not editors like word, or openoffice, or MS write. If in doubt, stick with notepad.

Some tips for notepad: When opening files, be sure to select "All Files" in the open file dialog ( bottom right i believe ) instead of *.txt . And if you are unsure which line you are on you might be able to turn on the statusbar which shows the column and line number.


First duplicate the wallpaper
1. Go to ..\Steam\steamapps\common\wallpaper_engine\projects\myprojects on your drive and make a new folder ( call it corsair or whatever )
2. Right click on this wallpaper in the wallpaper browser and select 'Open In Explorer'
3. Copy the contents into the folder you made.
4. To recognize the new wallpaper, open up Notepad, use it to open project.json and rename the wallpaper by editing line 24, or you will end up with 2 identical wallpapers in the wallpaper browser.

Add an image to the folder
Download a transparent image and save it into the new folder under the name corsair.png
I found this example : https://i.imgur.com/C9NV2o8.png

Add the image in the html as an overlay
1. Open up notepad and use it to open index.html ( try to ignore all the mess in the file, I didn't expect to look )
2. On ( or around ) line 66 you should find a line with <script type="text/javascript">. Paste the following ABOVE the line with <script>:

<div style="position: absolute; top: 0; left:0; right:0; bottom: 0; background-repeat: no-repeat; background-image: url( corsair.png ); background-position: 50% 50%; background-size: 20%; "></div>

I have added some enters to highlight the 3 important things in that line, you can keep them when copying.
  • background-image: is the filename ( must be enclosed by url( ) )
  • background-position: x y position so you can move it around
  • background-size: the width of the image relative to screen width.

Just shout if something isnt working out

最后由 Squee 编辑于; 2018 年 10 月 26 日 上午 11:35
< >
正在显示第 1 - 3 条,共 3 条留言
digitalizeur 2018 年 10 月 27 日 上午 1:36 
Hello,

I had to download this one:
http://pluspng.com/png-105978.html
And inverting the colors with a portable version of Paint.NET

Holly sheet... This looks like my dreams because I was always thinking that Corsair one day released a such dreamscene wallpaper to link with their RGBs...

I have just set the logo at 30% but 20% was the original size...


Corsair could probably like you...


By the way, I can only suggest you to create or edit this one to look like the PS3 menu and look like the one I've talked you about with having some colors and moving.


Thanks a lot !
digitalizeur 2018 年 10 月 27 日 上午 1:56 
Here's the result in comparison to the original's from Corsair:
https://imgur.com/a/nUi5itF
Squee  [开发者] 2018 年 10 月 27 日 上午 8:38 
Nice! And yeah the ps3 ( or psp background too i believe ) is more similar. This effect was more trying to copy the mystify screensaver.
< >
正在显示第 1 - 3 条,共 3 条留言
每页显示数: 1530 50