미디어위키:Gadget-Jsfxr.js: 두 판 사이의 차이

리버티게임(개발), 모두가 만들어가는 자유로운 게임
둘러보기로 이동 검색으로 이동
(가젯 스크립트 문서 생성, 작동은 다음 기여부터)
 
잔글편집 요약 없음
 
(같은 사용자의 중간 판 143개는 보이지 않습니다)
1번째 줄: 1번째 줄:
/**
* Jsfxr 프리셋 재생 소도구
* [[사:Senouis|Senouis]] 제작
*/
function asyncJSLoader(url, type) {
function asyncJSLoader(url, type) {
return new Promise(function (resolve, reject) {
return new Promise(function (resolve, reject) {
6번째 줄: 12번째 줄:
scriptElement.async = true; // force asynchronous loading
scriptElement.async = true; // force asynchronous loading
scriptElement.type = type;
scriptElement.type = type;
var contextsection = document.getElementById("mw-content-text");
var contextsection = document.getElementById("content"); // main Element
scriptElement.addEventListener("load", function (ev) {
scriptElement.addEventListener("load", function (ev) {
        resolve({ status: true });
        resolve({ status: true });
23번째 줄: 29번째 줄:
}
}


function catchError(e){
mw.log.error(e);
}
var sfxrhandle;
function loadJsfxr(){
function loadJsfxr(){
var parameter = document.getElementById("libertygame-sfx").innerText; // 페이지 당 한 번 실행을 강제하도록 ID로 Element 가져옴
var parameter = document.getElementsByClassName("libertygame-soundlink");
Promise.all(["https://cdn.jsdelivr.net/gh/Xen-alpha/jsfxr@master/riffwave.js", "https://cdn.jsdelivr.net/gh/Xen-alpha/jsfxr@master/sfxr.js"]).then(function (result) {
if (!parameter || parameter.length === 0) return;
console.log("jsfxr 작동!");
// 주의: Promise.all로 정리할 수 없습니다. 마지막 콜백에서만 sfxr 네임스페이스 변수가 생깁니다.
}).catch(function(){
asyncJSLoader("https://cdn.jsdelivr.net/gh/Xen-alpha/jsfxr@master/riffwave.js", "text/javascript").then(function (res) {
console.log("jsfxr 로딩 실패! CDN을 통해 스크립트를 가져올 수 없습니다.");
asyncJSLoader("https://cdn.jsdelivr.net/gh/Xen-alpha/jsfxr@master/sfxr.js", "text/javascript").then(function (res) {
});
sfxrhandle = sfxr;
}).catch(catchError);
}).catch(catchError);
}
 
$(loadJsfxr);


}
$(".libertygame-soundlink").find("a").on('mouseup', function(event, request, settings) {
console.log(sfxrhandle);
var presetmap = {"줍기":"pickupCoin", "쏘기":"laserShoot", "폭발": "explosion", "파워업":"powerUp", "공격당함": "hitHurt", "점프" :"jump", "선택": "blipSelect", "신스": "synth", "톤":"tone", "클릭": "click", "랜덤": "random"};
console.log(event.target.parentElement.getAttribute("data-value")+" 재생");
var sound = sfxrhandle.generate(presetmap[event.target.parentElement.getAttribute("data-value")]);
sfxrhandle.play(sound);
event.preventDefault();
//event.stopPropagation();
});

2024년 10월 14일 (월) 15:01 기준 최신판

/**
 * Jsfxr 프리셋 재생 소도구
 * [[사:Senouis|Senouis]] 제작
 */


function asyncJSLoader(url, type) {
	return new Promise(function (resolve, reject) {
	try {
		var scriptElement = document.createElement("script");
		scriptElement.src = url;
		scriptElement.async = true; // force asynchronous loading
		scriptElement.type = type;
		var contextsection = document.getElementById("content"); // main Element
		scriptElement.addEventListener("load", function (ev) {
	        resolve({ status: true });
	    });
	    scriptElement.addEventListener("error", function (ev) {
	        reject({
	            status: false,
	            message: "Failed to load the script"
	        });
	    });
	    contextsection.appendChild(scriptElement);
	} catch (e) {
        reject(e);
    }
	});
}

function catchError(e){
	mw.log.error(e);
}
var sfxrhandle;
function loadJsfxr(){
	var parameter = document.getElementsByClassName("libertygame-soundlink");
	if (!parameter || parameter.length === 0) return;
	// 주의: Promise.all로 정리할 수 없습니다. 마지막 콜백에서만 sfxr 네임스페이스 변수가 생깁니다.
	asyncJSLoader("https://cdn.jsdelivr.net/gh/Xen-alpha/jsfxr@master/riffwave.js", "text/javascript").then(function (res) {
		asyncJSLoader("https://cdn.jsdelivr.net/gh/Xen-alpha/jsfxr@master/sfxr.js", "text/javascript").then(function (res) {
			sfxrhandle = sfxr;
		}).catch(catchError);
	}).catch(catchError);
}

$(loadJsfxr);

$(".libertygame-soundlink").find("a").on('mouseup', function(event, request, settings) {
	console.log(sfxrhandle);
	var presetmap = {"줍기":"pickupCoin", "쏘기":"laserShoot", "폭발": "explosion", "파워업":"powerUp", "공격당함": "hitHurt", "점프" :"jump", "선택": "blipSelect", "신스": "synth", "톤":"tone", "클릭": "click", "랜덤": "random"};
	console.log(event.target.parentElement.getAttribute("data-value")+" 재생");
	var sound = sfxrhandle.generate(presetmap[event.target.parentElement.getAttribute("data-value")]);
	sfxrhandle.play(sound);
	event.preventDefault();
	//event.stopPropagation();
});