Litwak913：// Edit via Wikiplus

2023-04-28T17:33:04Z

// Edit via Wikiplus

←上一版本		2023年4月29日 (六) 01:33的版本
第1行：		第1行：
	<noinclude><pre><div class="salt salt-skin-view-3d" style="width: 250px; height: 350px;">[[文件:1.8皮肤模板第二层镂空.png]]</div>		<noinclude>已弃用，请使用 <code>skinview</code> 和 <code>skinview-lite</code> 标签代替。<pre><div class="salt salt-skin-view-3d" style="width: 250px; height: 350px;">[[文件:1.8皮肤模板第二层镂空.png]]</div>

	<div class="salt salt-skin-view-3d" style="width: 400px; height: 400px;">https://minotar.net/skin/MHF_Steve</div>		<div class="salt salt-skin-view-3d" style="width: 400px; height: 400px;">https://minotar.net/skin/MHF_Steve</div>

Salt lovely：skinview3d.js代码放到服务器上

2022-08-20T14:12:51Z

skinview3d.js代码放到服务器上

←上一版本		2022年8月20日 (六) 22:12的版本
第57行：		第57行：
	"https://minotar.net/"		"https://minotar.net/"
	];		];
	addScript("https://cdn.jsdelivr.net/gh/Salt-lovely/skinview3d@0.0.2/bundles/skinview3d.bundle.js", true, "SaltSkinPreviewer");		//! addScript('https://cdn.jsdelivr.net/gh/Salt-lovely/skinview3d@0.0.2/bundles/skinview3d.bundle.js', true, 'SaltSkinPreviewer')
			addScript("https://mcbbs.wiki/salt/skinview.js", true, "SaltSkinPreviewer");
	docReady(async () => {		docReady(async () => {
	await waitTill(() => {		await waitTill(() => {

Salt lovely：代码重写

2022-08-20T12:43:15Z

代码重写

显示更改

Litwak913：创建页面，内容为“

文件:1.8皮肤模板 第二层镂空.png  https://attachment.mcbbs.net/forum/202004/26/203149z2t4el4ctdh4t1dt.png  {{#Widget:SaltSkinPreviewer}}

文件:1.8皮肤模板第二层镂空.png https://attachment.mcbbs.net/forum/202004/26/203149z2t4el4ctdh4t1dt.png {{#Widget:SaltSkinPrev…”

2022-08-18T14:24:37Z

创建页面，内容为“<noinclude><pre>文件:1.8皮肤模板第二层镂空.png https://attachment.mcbbs.net/forum/202004/26/203149z2t4el4ctdh4t1dt.png {{#Widget:SaltSkinPreviewer}}</pre> 文件:1.8皮肤模板第二层镂空.png https://attachment.mcbbs.net/forum/202004/26/203149z2t4el4ctdh4t1dt.png {{#Widget:SaltSkinPrev…”

新页面

<noinclude><pre>[[文件:1.8皮肤模板第二层镂空.png]]

https://attachment.mcbbs.net/forum/202004/26/203149z2t4el4ctdh4t1dt.png

{{#Widget:SaltSkinPreviewer}}</pre>

[[文件:1.8皮肤模板第二层镂空.png]]

https://attachment.mcbbs.net/forum/202004/26/203149z2t4el4ctdh4t1dt.png

{{#Widget:SaltSkinPreviewer}}

这个预览功能使用了[https://github.com/bs-community/skinview3d bs-community的skinview3d开源库]于2020-12-31的版本，采用'''MIT许可证'''。

Salt_lovely[https://github.com/Salt-lovely/skinview3d 编译上传于Github的版本]遵从原许可证。

代码中<code>__awaiter</code>部分由Microsoft开发，释入公共领域，可随意使用；其余部分由Salt_lovely开发，使用'''AGPL v3许可证'''。

（这么屑的代码应该没有人偷）
</noinclude><includeonly><script async>
'use strict';
(function () {
let __awaiter = (this && this.__awaiter) || function (saltArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(saltArg, _arguments || [])).next());
});
};
if (!document.querySelector('script[src^="https://cdn.jsdelivr.net/gh/Salt-lovely/skinview3d"]')) {
let s = document.createElement('script')
s.src = 'https://cdn.jsdelivr.net/gh/Salt-lovely/skinview3d@0.0.1/bundles/skinview3d.bundle.js'
document.head.appendChild(s)
}
let allowList = ['https://attachment.mcbbs.net/']
__awaiter(this, void 0, void 0, function* () {
// 主要过程
let safe = 0
while (typeof skinview3d == 'undefined' && safe < 100) {
yield new Promise((resolve) => setTimeout(resolve, 1000));
// console.log(safe++)
}
if (typeof skinview3d == 'undefined') {
throw new Error('没有成功下载skinview3d')
}
for (let s of Array.from(document.querySelectorAll('.skinview3d.salt'))) {
s.classList.remove('salt') // 防止复读
if (!(s instanceof HTMLElement)) { continue } // 略过非HTML元素
let temp, src = ''
temp = s.querySelector('img') // 从img获取
if (temp) {
src = temp.src || ''
}
if (src.length < 1) {
// 没有获取到链接地址或者不存在img
temp = s.querySelector('a')
if (temp) {
src = temp.href || ''
}
}
if (src.indexOf('https://game.bilibili.com/linkfilter/?url=') == 0
|| src.indexOf('http://game.bilibili.com/linkfilter/?url=') == 0) {
src = src.replace(/https?\:\/\/game\.bilibili\.com\/linkfilter\/\?url\=/, '')
let allow = false
for (let al of allowList) {
if (src.indexOf(al) == 0) {
allow = true
break
}
}
if (!allow) { continue }
src = 'https://saltproxy.saltlovely.workers.dev/' + src
}
if (src.length < 1) { continue } // 没救了
// console.log(src)
// 添加皮肤
s.innerHTML = '' // 清空
let canvas = document.createElement('canvas')
s.appendChild(canvas)
let sv = new skinview3d.SkinViewer({
canvas: canvas,
width: 250,
height: 350,
skin: src
})
sv.renderer.setClearColor(0xf6f9fe) // 背景色
let walk = sv.animations.add(skinview3d.WalkingAnimation)
walk.speed = 0.4
}
})
})()
</script></includeonly>

微件:SaltSkinPreviewer - 版本历史

Litwak913：​// Edit via Wikiplus

Salt lovely：​skinview3d.js代码放到服务器上

Salt lovely：​代码重写

Litwak913：// Edit via Wikiplus

Salt lovely：skinview3d.js代码放到服务器上

Salt lovely：代码重写