미디어위키:Gadget-xash3d.js: 두 판 사이의 차이
둘러보기로 이동
검색으로 이동
imported>Senouis 잔글 (엘레먼트 임시 완성) |
(필수 구현 기능 추가 메모) |
||
(사용자 2명의 중간 판 26개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
/** | |||
* Xash3D for Libertygame loader | |||
* external server code: https://github.com/Xen-alpha/Xen-alpha.github.io | |||
* 제작자: [[사용자:senouis]] | |||
**/ | |||
function xash3d_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-content-text"); | |||
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); | |||
} | |||
}); | |||
} | } | ||
// TODO: Steam Web API로 골드 소스 엔진 기반 게임을 소유했는지 확인하는 작업을 추가할 것 | |||
function xash3d_loadElement() { | |||
try { | |||
// Game canvas | |||
var canvas = document.createElement("canvas"); | |||
// canvas.style = "display:none;"; | |||
canvas.className = "xash-render"; | |||
canvas.id = "xash-canvas"; | |||
canvas.oncontextmenu = "event.preventDefault()"; | |||
var canvasparent = document.getElementById("xash3d-lg-main"); // first element of emscripten-border | |||
canvasparent.appendChild(canvas); | |||
// game option | |||
var gameoption = document.createElement("form"); | |||
var elem1 = document.createElement("label"); | |||
elem1.for = "zip"; | |||
elem1.id = "xash-filedescription"; | |||
elem1.innerHTML = "Select game data as local .zip file:"; | |||
gameoption.appendChild(elem1); | |||
gameoption.appendChild(document.createElement("br")); | |||
var elem2 = document.createElement("input"); | |||
elem2.type = "file"; | |||
elem2.name = "zip"; | |||
elem2.id = "zip"; | |||
gameoption.appendChild(elem2); | |||
gameoption.appendChild(document.createElement("br")); | |||
var elem5 = document.createElement("input"); | |||
elem5.type = "button"; | |||
elem5.id = "start"; | |||
elem5.value = "Start"; | |||
gameoption.appendChild(elem5); | |||
gameoption.appendChild(document.createElement("br")); | |||
canvasparent.appendChild(gameoption); | |||
// now load js files from external server | |||
xash3d_asyncJSLoader("https://cdn.jsdelivr.net/gh/Xen-alpha/hl-engine-js@main/browserfs.min.js", "text/javascript") | |||
.then(function (data) { | |||
xash3d_asyncJSLoader("https://cdn.jsdelivr.net/gh/Xen-alpha/hl-engine-js@main/index.js", "module") | |||
.then(function (data) { | |||
console.log("xash3d OK!"); | |||
}); | |||
}); | |||
} catch (e){ | |||
console.log("initiating xash3d for libertygame failed, stop loading elements..."); | |||
} | |||
} | |||
$(xash3d_loadElement); |
2024년 2월 29일 (목) 08:58 기준 최신판
/**
* Xash3D for Libertygame loader
* external server code: https://github.com/Xen-alpha/Xen-alpha.github.io
* 제작자: [[사용자:senouis]]
**/
function xash3d_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-content-text");
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);
}
});
}
// TODO: Steam Web API로 골드 소스 엔진 기반 게임을 소유했는지 확인하는 작업을 추가할 것
function xash3d_loadElement() {
try {
// Game canvas
var canvas = document.createElement("canvas");
// canvas.style = "display:none;";
canvas.className = "xash-render";
canvas.id = "xash-canvas";
canvas.oncontextmenu = "event.preventDefault()";
var canvasparent = document.getElementById("xash3d-lg-main"); // first element of emscripten-border
canvasparent.appendChild(canvas);
// game option
var gameoption = document.createElement("form");
var elem1 = document.createElement("label");
elem1.for = "zip";
elem1.id = "xash-filedescription";
elem1.innerHTML = "Select game data as local .zip file:";
gameoption.appendChild(elem1);
gameoption.appendChild(document.createElement("br"));
var elem2 = document.createElement("input");
elem2.type = "file";
elem2.name = "zip";
elem2.id = "zip";
gameoption.appendChild(elem2);
gameoption.appendChild(document.createElement("br"));
var elem5 = document.createElement("input");
elem5.type = "button";
elem5.id = "start";
elem5.value = "Start";
gameoption.appendChild(elem5);
gameoption.appendChild(document.createElement("br"));
canvasparent.appendChild(gameoption);
// now load js files from external server
xash3d_asyncJSLoader("https://cdn.jsdelivr.net/gh/Xen-alpha/hl-engine-js@main/browserfs.min.js", "text/javascript")
.then(function (data) {
xash3d_asyncJSLoader("https://cdn.jsdelivr.net/gh/Xen-alpha/hl-engine-js@main/index.js", "module")
.then(function (data) {
console.log("xash3d OK!");
});
});
} catch (e){
console.log("initiating xash3d for libertygame failed, stop loading elements...");
}
}
$(xash3d_loadElement);