미디어위키:Gadget-Jsfxr.js

리버티게임(개발), 모두가 만들어가는 자유로운 게임
Senouis (토론 | 기여)님의 2024년 10월 13일 (일) 23:29 판 (2중 콜백으로 시도)
둘러보기로 이동 검색으로 이동

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

  • 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
  • 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
  • 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
  • 오페라: Ctrl-F5를 입력.
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("mw-page-container");
		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);
}

function loadJsfxr(){
	var parameter = document.getElementById("libertygame-sfx");
	if (!parameter || parameter.innerText === "") return;
	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) {
			var presetmap = {"코인줍기":" pickupCoin", "레이저샷":"laserShoot", "폭발": "explosion", "파워업":"powerUp", "타격받음": "hitHurt", "점프" :"jump", "선택": "blipSelect", "신스": "synth", "톤":"tone", "클릭": "click", "랜덤": "random"};
			console.log("jsfxr 작동!");
			console.log(sfxr);
			if (!presetmap[parameter.innerText]) return;
			var sound = sfxr.generate(presetmap[parameter]);
			sfxr.play(sound);
		}).catch(catchError);
	}).catch(catchError);

}

$(loadJsfxr);