ストアページ
Wallpaper Engine
すべて スレッド スクリーンショット 作品 ブロードキャスト 動画 ワークショップ ニュース ガイド レビュー

Wallpaper Engine

ストアページ
Wallpaper Engine >  ワークショップ > 斯派修姆光线のワークショップ > 治愈系壁纸Lite版 > スレッド
治愈系壁纸Lite版
説明 スレッド2 コメント55 変更履歴
 このトピックはピン留めされているので、おそらく重要です
斯派修姆光线  [開発者] 2017年8月26日 15時34分
关于如何替换（暂时限于治愈系Lite壁纸）背景音乐和背景图片的方法：
（事实上我是个菜鸟初学者，语言表述可能不准确，这里通俗一点好理解。如有dalao发现描述错误请指出，避免误导新人）话说是水平有限才想到这个馊主意。见谅

关于如何替换（暂时限于治愈系Lite壁纸）背景音乐和背景图片的方法：
一.首先，要替换背景图片和背景音乐，当然是要先找到存放这些文件的位置。那么，如何找到这位置呢？
1.打开wallpaper engine壁纸软件
2.选择你要更改的壁纸后，右键→在资源管理器打开
3.接下来会弹出一个文件夹窗口。很显然，这就找到位置了


二.仔细观察文件夹里面的子文件夹，你会发现有下面这些东西：
1. .idea (这个暂时没用，intelliJ IDEA自动生成的，不用管)
2. mycss (存放叠层样式表的文件夹)
3. myfont （存放字体的文件夹，这个壁纸的签名字体来源于此）
4. myjs （存放JS代码文件，这个壁纸的雪花特效和时钟插件来源于此）
5. mymusic （存放音乐文件，这里全部是.ogg格式音乐，这个壁纸的背景音乐来源于此）
6. mypic （存放图片的文件夹，这个壁纸的背景图来源于此）
7. index.html （它是一个网页，WEB壁纸或许事实上就是一个网页）
8. preview.jpg （这个不用管，创意工坊显示的预览图）
9. project.json （json一种数据交换格式，知道可以更改壁纸操作界面描述就行）


三.进入正题，如何替换BGM
参照上面第二部分，找到 mymusic 文件夹。在里面你会发现有1~6.ogg格式音乐文件。
如果想要替换它们，把自己的音乐文件（比如.mp3之类的格式）转换为.ogg格式，并将名字改为1~6其中一个数字，替换掉之前文件夹的旧音乐文件
不要重复命名（事实上也不可能重复）。
推荐转换工具：
FFmpeg[ffmpeg.org]（这个可能有些麻烦，但是非常好用）,
推荐格式工厂[www.pcfreetime.com],这个软件傻瓜式转换，方便

四.如何替换背景图片
由于这个壁纸的图片各种格式文件（.png和.jpg.jpeg）都有，可能有些乱。不要急慢慢来：
参照第一步，找到文件夹位置。找到index.html文件→右键（打开方式→选择记事本），你会发现在<body>里面，有如下代码（记事本先别关闭）：
<div id="slideshow">
<img class="active" src="mypic/1.jpg"/>
<img src="mypic/2.jpg"/>
<img src="mypic/3.jpg"/> ←注意观察它们的规律，src="X"里面的X代表文件路径
<img src="mypic/4.jpg"/> 很容易发现图片就像第二部分所说的存放在mypic文件夹里面，
<img src="mypic/5.jpg"/> 然后打开mypic文件夹，你会发现1~20张图片文件。
<img src="mypic/6.jpg"/>
<img src="mypic/7.jpg"/>
<img src="mypic/8.jpg"/>
<img src="mypic/9.jpg"/>
<img src="mypic/10.png"/>
<img src="mypic/11.jpg"/>
<img src="mypic/12.jpg"/>
<img src="mypic/13.jpg"/>
<img src="mypic/14.jpg"/>
<img src="mypic/15.jpg"/>
<img src="mypic/16.jpg"/>
<img src="mypic/17.jpg"/>
<img src="mypic/18.jpg"/>
<img src="mypic/19.jpg"/>
<img src="mypic/20.jpeg"/>
</div>
如果要替换它们，你得先将准备好图片扔进去，并更改记事本里面的代码。怎么更改呢？
比如我要把一张名字为 abcdefg 的 jpg 格式的图片（abcdefg.jpg）放在循环播放的第一张，第一步当然是把图片进去mypic文件夹了，然后在记事本代码第一个<img class="active" src="mypic/1.jpg"/>改为→<img class="active" src="mypic/abcdefg.jpg"/> 如果要放在循环的第二张，就将记事本代码第二个<img src="mypic/2.jpg"/>改为→<img src="mypic/abcdefg.jpg"/> 依此类推。。。
当然这样很麻烦，不过建议将自己准备的20张图片名字先改为1~20里面的数字。然后替换掉mypic文件夹中的20张图片,再去更改记事本里买的代码。这样里你就只需要更改图片后缀即可。（你的图片1是jpg格式，就在mypic/1.X里面将X改为jpg）如果是PNG格式，就改为mypic/1.png



如果图片太多或太少，你都可以在<div>.....</div>里面删除或增加 <img src="mypic/文件名.图片格式"/>，比如我有21张图片，你就可以在<img src="mypic/20.jpeg"/>下一行加一个<img src="mypic/21.X"/>就成了下面这样
<div id="slideshow">
<img class="active" src="mypic/1.jpg"/>
。。。
。。。
。。。
<img src="mypic/20.jpeg"/>
<img src="mypic/21.X"/>图片格式为jpg你就把X改成jpg
</div>
减少图片的话你就删除一行。不过增加或减少图片的话，还需要更改记事本里面里面代码

function changeSlide() { //切换图片的函数
slideOff(); //图片淡出
current++; //自增1
if(current>=20) current=0; ----------------------------→21张背景图片，就将此处20改为21即可，19张就改为19
slideOn(); //图片淡入
}


更改每张图片停留时间（也就是多长时间切换一次图片）找到记事本里买的的如下代码
//每50s调用changeSlide函数进行图片轮播,单位为毫秒
var slideon=setInterval(changeSlide,50000); 注意到里面的5000，这里是指50000毫秒（50秒），你想60S变换一次图片，就将50000改为60000

！！！注意记事本更改后记得保存
事实上，用intelliJ IDEA更改可能会比记事本打开直观一点，不过也不至于跑去下载一个这软件。

。。。。。。
最近の変更は斯派修姆光线が行いました; 2017年8月27日 4時22分
< >
1-1 / 1 のコメントを表示
?<3 2019年8月8日 20時07分 
不会
#1
< >
1-1 / 1 のコメントを表示
ページ毎: 1530 50