미디어위키:Gadget-xash3d.js: 두 판 사이의 차이
둘러보기로 이동
검색으로 이동
imported>Senouis 편집 요약 없음 |
(필수 구현 기능 추가 메모) |
||
(사용자 2명의 중간 판 16개는 보이지 않습니다) | |||
5번째 줄: | 5번째 줄: | ||
**/ | **/ | ||
function xash3d_asyncJSLoader(url) { | function xash3d_asyncJSLoader(url, type) { | ||
return new Promise(function (resolve, reject) { | return new Promise(function (resolve, reject) { | ||
try { | try { | ||
11번째 줄: | 11번째 줄: | ||
scriptElement.src = url; | scriptElement.src = url; | ||
scriptElement.async = true; // force asynchronous loading | scriptElement.async = true; // force asynchronous loading | ||
scriptElement.type = | scriptElement.type = type; | ||
var contextsection = document.getElementById("mw-content-text"); | var contextsection = document.getElementById("mw-content-text"); | ||
scriptElement.addEventListener("load", function (ev) { | scriptElement.addEventListener("load", function (ev) { | ||
28번째 줄: | 28번째 줄: | ||
}); | }); | ||
} | } | ||
// TODO: Steam Web API로 골드 소스 엔진 기반 게임을 소유했는지 확인하는 작업을 추가할 것 | |||
function xash3d_loadElement() { | function xash3d_loadElement() { | ||
try { | try { | ||
// Game canvas | // Game canvas | ||
var canvas = document.createElement("canvas"); | var canvas = document.createElement("canvas"); | ||
canvas.style = "display:none;"; | // canvas.style = "display:none;"; | ||
canvas. | canvas.className = "xash-render"; | ||
canvas.id = "canvas"; | canvas.id = "xash-canvas"; | ||
canvas.oncontextmenu = "event.preventDefault()"; | canvas.oncontextmenu = "event.preventDefault()"; | ||
var canvasparent = document.getElementById("xash3d-lg-main"); // first element of emscripten-border | var canvasparent = document.getElementById("xash3d-lg-main"); // first element of emscripten-border | ||
canvasparent.appendChild(canvas); | canvasparent.appendChild(canvas); | ||
// game option | // game option | ||
var gameoption = document.createElement("form"); | var gameoption = document.createElement("form"); | ||
var elem1 = document.createElement("label"); | var elem1 = document.createElement("label"); | ||
elem1.for = "zip"; | elem1.for = "zip"; | ||
elem1.id = "xash-filedescription"; | |||
elem1.innerHTML = "Select game data as local .zip file:"; | elem1.innerHTML = "Select game data as local .zip file:"; | ||
gameoption.appendChild(elem1); | gameoption.appendChild(elem1); | ||
55번째 줄: | 52번째 줄: | ||
elem2.id = "zip"; | elem2.id = "zip"; | ||
gameoption.appendChild(elem2); | gameoption.appendChild(elem2); | ||
gameoption.appendChild(document.createElement("br")); | gameoption.appendChild(document.createElement("br")); | ||
var elem5 = document.createElement("input"); | var elem5 = document.createElement("input"); | ||
87번째 줄: | 61번째 줄: | ||
canvasparent.appendChild(gameoption); | canvasparent.appendChild(gameoption); | ||
// now load js files from external server | // 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) { | .then(function (data) { | ||
console.log("OK!") | 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){ | } catch (e){ |
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);