project.json

{
	"contentrating" : "Everyone",
	"description" : "各位小伙伴在修改了代码或者更换了图片之后，请大家备份一下下的，我担心更新会对你们做出的修改进行覆盖。（！！！大家在添加图片或者删除图片时，请对称添加或删除，有一个逻辑用到了这个，如果不对称会有逻辑不通的情况！！！）\r\n无语，更新了几次之后，这个封面怎么变成这样子了（白眼）。\r\n写在开头：\r\n由于该壁纸是web格式，所以会在使用的时候，额外新增多个webwallpaper.exe的进程，一个耗费CPU，一个耗费GPU，其他的不会产生影响。在3D模式下，会因为镜头的移动而同步渲染，导致CPU占用达到40多，GPU占用达到60左右；在视频模式下，CPU占用在45到55之间浮动，GPU大概在77到85之间浮动。如果遇到太高的，可以参考这两篇文章：https://www.bilibili.com/read/cv4503923/\r\nhttps://www.liuliushe.net/laosiji/11013.html\r\n----------------------------------------------------------\r\n图片来源：http://pic.netbian.com/\r\n源码来源：http://www.jq22.com/jquery-info886\r\nhttp://www.htmleaf.com/jQuery/Slideshow-Scroller/201508082375.html\r\n由于我所采用的都是网上现成的模板，只是添加了部分逻辑处理，所以欢迎各位小伙伴们对本代码进行迭代改进，相信大家会在此基础上更新得更加好。\r\n----------------------------------------------------------\r\n本来想添加樱花飘落特效的，但是GPU占用到了100%，就作罢了。现进行百度云分享，大家有意愿的可以下载\r\n3D漫天樱花飞舞：\r\n链接：https://pan@baidu@com/s/1FNPBncBMsCd_rrRlsAW_xA \r\n提取码：cov3\r\n把@改成.就可以了，参考自CSDN\r\n----------------------------------------------------------\r\n感谢小伙伴 レムが大好きだよ 制作的视频，BV1Xk4y117xr。\r\n使用说明：\r\n       目前一共有104张图片，当Camera距离图片较近的位置时，再次点击图片，如果图片名小于200的，会在点击之后进入全屏模式；如果图片名大于等于200的，会在点击之后进入视频模式。！！！进入全屏或者视频模式后，点击右下角的方框退出。！！！\r\n本壁纸基于前端HTML5+js进行编写，支持大家随心意更换壁纸、视频等。自行修改代码说明：\r\n右键订阅的壁纸，选择本地打开文件位置。先说明一下文件夹吧，文件夹full_screen_images用来存储全屏展示的图片，分辨率为1920*1080;文件夹videos用来存储用到的视频文件，格式为webm，请自行转换成该格式，分辨率为1920*1080；images文件夹存储展览于3D展览空间的图片，分辨率为640*386。！！！这三个文件夹中相对应的文件名必须保持一致（不包括后缀），否则会出错。！！！\r\n        请使用Editplus, Notepad++, HBuider或者Dreamweaver打开index.html文件。修改534到744行中的代码，大家可以对这些壁纸进行增加，修改或者删除，大家只能对南北墙进行修改，修改东西墙会出bug（目前无法解决），每次增加图片或者删除图片，都需要在南北墙最左最右边开始删除，左右两边每增加一张图片，x的坐标都需要增加1000或者-1000，具体看我的格式。而且增加和删除图片时，都需要修改东西墙的x坐标，比南北墙中最旁边的位置多500或者少500.\r\n         为了方便修改，建议以x轴坐标为0处对称添加或删除图片。\r\n         目前我设计的是3D展示中，图片名小于200的，展示全屏图片，图片名大于等于200则展示视频。如果想展示更多的视频，请将3D展示中图片名字重命名大于200，或者修改代码中的参数，Ctrl+F查找video_or_full_pic,将video_or_full_pic<200中200修改成自己想要的数字(当时忘记将200定义为变量了，-_-||)。\r\n         注意，3D空间中加载图片需要耗费资源的，虽然我已经强制图片大小了，但是如果图片越大，需要消耗的资源越多，因为wallpaper engine需要实时渲染web。为了能够在3D空间中放入更多的图片，建议images文件夹中的每一张图片不要过大。\r\n         如果不懂怎么修改，请在下面留言，我看到会解答。\r\n----------------------------------------------------------\r\n引用：本壁纸中一共包含3个视频(位置在南墙的最右边)，全部引用自他人，具体如下\r\n从左往右\r\n1.哔哩哔哩元龙动画的ed MV——《一眼之间》。元龙动画制作很好，看着很上头，还是很值得一看的，加上这首歌曲也很棒，B站播放量已破亿，就放上来了，B站地址：https://www.bilibili.com/bangumi/play/ep332232\r\n2.污画鬼妖所做的江南水乡、让人流连的非常精美的壁纸——清流の国：https://steamcommunity.com/sharedfiles/filedetails/?id=860641835&searchtext=\r\n3.NPE所做的让人能感觉和风轻抚脸庞的精美壁纸——読書：https://steamcommunity.com/sharedfiles/filedetails/?id=2171533743\r\n如果被认为侵权，我将即刻删除。\r\n----------------------------------------------------------\r\n关于视频：\r\n本web是用HTML5中的<video>标签进行视频的读取和解析的。\r\n关于格式：\r\n在wallpaper engine中，<video>标签只能解析webm格式的视频。\r\n在谷歌或者火狐等浏览器中，<video>标签可以解析mp4,webm,ogg三种格式的视频。\r\n----------------------------------------------------------\r\n优点：1.本代码可以随时修改，目前我做的相当于一个模板，在这个基础上，大家可以随自己的心意修改图片和视频，只需要视频和图片名字相同即可，因为名字是维持一致性的核心。2.本代码每一次场景的转换，都是通过js往index.html文件的某一个div中添加一段代码，读取图片或视频，用来覆盖3D的canvas。当返回3D场景时，又会清空该div中的内容，相当于每一次场景的转换都是隔离的，互不影响的，保证大家数十上百次的转换场景也不会因跳转而造成卡顿。\r\n缺点：吃CPU和GPU。\r\n----------------------------------------------------------\r\n发布时：\r\n3D立体式图片相册切换效果\r\n内含12张图片，通过鼠标切换视角\r\n-----------------------------------------------------------\r\n第一次迭代更新，增加了28张图片，一共40张图片。\r\n长廊为东西方向横向延伸，对比第一版，修改了再次点击图片回到原点的部分代码，点击图片之后垂直向后退1500个像素(因为每次点击只改变x轴坐标，所以点击东西方向墙上的图片时，不会产生后退的效果)，模拟人们在展览馆中观看展品的事件。目前宽度1.6万像素\r\n--------------------------------------------------------------\r\n第二次迭代更新(大更)\r\n1.将背景从白色改成浅灰色\r\n2.添加64张图片，共104张\r\n3.添加全屏模式还有视频模式\r\n\r\n------------------------------------------------------------\r\n第三次迭代更新\r\n1.应一些小伙伴的要求，加入了轮播模式\r\n轮播模式请大家自行添加自己喜欢的图片\r\n将任务栏隐藏之后，可以看到三个按钮，分别是上一张，播放(开启轮播)，下一张\r\n------------------------------------------------------------\r\n致谢：感谢前端工程师玉峰同学的指导与帮助",
	"file" : "index.html",
	"general" : 
	{
		"properties" : 
		{
			"schemecolor" : 
			{
				"order" : 0,
				"text" : "ui_browse_properties_scheme_color",
				"type" : "color",
				"value" : "0 0 0"
			}
		}
	},
	"preview" : "preview.jpg",
	"tags" : [ "Anime" ],
	"title" : "3D展览长廊+全屏展示+视频展播+幻灯片放映",
	"type" : "web",
	"version" : 8,
	"visibility" : "public",
	"workshopid" : "2179153203",
	"workshopurl" : "steam://url/CommunityFilePage/2179153203"
}