webart
/
fyrox-platformer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

full screen - web

This commit is contained in:
artem 2024-01-12 20:20:36 +03:00
parent e1287b5005
commit e0836bb7fa
7 changed files with 74 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@ -1,3 +1,5 @@
/target /target
*.log *.log
executor-wasm/assets
executor-wasm/data

24
executor-wasm/index.html
View File

@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="user-scalable=no, height=device-height, width=device-width, initial-scale=1.0">
<title>My Game</title> <title>My Game</title>
<link rel="stylesheet" href="styles.css" /> <link rel="stylesheet" href="styles.css" />
@ -17,4 +17,26 @@
</button> </button>
</main> </main>
</body> </body>
<script>
const intervalId = setInterval(function() {
if (document.querySelector('canvas') !== null) {
document.querySelector('canvas');
clearInterval(intervalId);
resize(document.querySelector('canvas'));
}
}, 1000);
new ResizeObserver(() => {
const canvasObj = document.querySelector('canvas')
if (canvasObj == null) {
return;
}
resize(canvasObj);
}).observe(document.body);
function resize(canvasObj) {
canvasObj.style = null;
canvasObj.width = window.screen.width;
canvasObj.height = window.screen.height;
}
</script>
</html> </html>

64
executor-wasm/pkg/executor_wasm.js
View File

@ -1599,68 +1599,68 @@ function __wbg_get_imports() {
const ret = wasm.memory; const ret = wasm.memory;
return addHeapObject(ret); return addHeapObject(ret);
}; };
imports.wbg.__wbindgen_closure_wrapper10072 = function(arg0, arg1, arg2) { imports.wbg.__wbindgen_closure_wrapper10083 = function(arg0, arg1, arg2) {
const ret = makeMutClosure(arg0, arg1, 9474, __wbg_adapter_32); const ret = makeMutClosure(arg0, arg1, 9481, __wbg_adapter_32);
return addHeapObject(ret); return addHeapObject(ret);
}; };
imports.wbg.__wbindgen_closure_wrapper10073 = function(arg0, arg1, arg2) { imports.wbg.__wbindgen_closure_wrapper10084 = function(arg0, arg1, arg2) {
const ret = makeMutClosure(arg0, arg1, 9474, __wbg_adapter_32); const ret = makeMutClosure(arg0, arg1, 9481, __wbg_adapter_32);
return addHeapObject(ret); return addHeapObject(ret);
}; };
imports.wbg.__wbindgen_closure_wrapper10074 = function(arg0, arg1, arg2) { imports.wbg.__wbindgen_closure_wrapper10085 = function(arg0, arg1, arg2) {
const ret = makeMutClosure(arg0, arg1, 9474, __wbg_adapter_37); const ret = makeMutClosure(arg0, arg1, 9481, __wbg_adapter_37);
return addHeapObject(ret); return addHeapObject(ret);
}; };
imports.wbg.__wbindgen_closure_wrapper10075 = function(arg0, arg1, arg2) { imports.wbg.__wbindgen_closure_wrapper10086 = function(arg0, arg1, arg2) {
const ret = makeMutClosure(arg0, arg1, 9474, __wbg_adapter_32); const ret = makeMutClosure(arg0, arg1, 9481, __wbg_adapter_32);
return addHeapObject(ret); return addHeapObject(ret);
}; };
imports.wbg.__wbindgen_closure_wrapper10076 = function(arg0, arg1, arg2) { imports.wbg.__wbindgen_closure_wrapper10087 = function(arg0, arg1, arg2) {
const ret = makeMutClosure(arg0, arg1, 9474, __wbg_adapter_32); const ret = makeMutClosure(arg0, arg1, 9481, __wbg_adapter_32);
return addHeapObject(ret); return addHeapObject(ret);
}; };
imports.wbg.__wbindgen_closure_wrapper10077 = function(arg0, arg1, arg2) { imports.wbg.__wbindgen_closure_wrapper10088 = function(arg0, arg1, arg2) {
const ret = makeMutClosure(arg0, arg1, 9474, __wbg_adapter_44); const ret = makeMutClosure(arg0, arg1, 9481, __wbg_adapter_44);
return addHeapObject(ret); return addHeapObject(ret);
}; };
imports.wbg.__wbindgen_closure_wrapper10078 = function(arg0, arg1, arg2) { imports.wbg.__wbindgen_closure_wrapper10089 = function(arg0, arg1, arg2) {
const ret = makeMutClosure(arg0, arg1, 9474, __wbg_adapter_32); const ret = makeMutClosure(arg0, arg1, 9481, __wbg_adapter_32);
return addHeapObject(ret); return addHeapObject(ret);
}; };
imports.wbg.__wbindgen_closure_wrapper17891 = function(arg0, arg1, arg2) { imports.wbg.__wbindgen_closure_wrapper17902 = function(arg0, arg1, arg2) {
const ret = makeMutClosure(arg0, arg1, 13684, __wbg_adapter_49); const ret = makeMutClosure(arg0, arg1, 13691, __wbg_adapter_49);
return addHeapObject(ret); return addHeapObject(ret);
}; };
imports.wbg.__wbindgen_closure_wrapper19740 = function(arg0, arg1, arg2) { imports.wbg.__wbindgen_closure_wrapper19751 = function(arg0, arg1, arg2) {
const ret = makeMutClosure(arg0, arg1, 14498, __wbg_adapter_52); const ret = makeMutClosure(arg0, arg1, 14505, __wbg_adapter_52);
return addHeapObject(ret); return addHeapObject(ret);
}; };
imports.wbg.__wbindgen_closure_wrapper19741 = function(arg0, arg1, arg2) { imports.wbg.__wbindgen_closure_wrapper19752 = function(arg0, arg1, arg2) {
const ret = makeMutClosure(arg0, arg1, 14498, __wbg_adapter_52); const ret = makeMutClosure(arg0, arg1, 14505, __wbg_adapter_52);
return addHeapObject(ret); return addHeapObject(ret);
}; };
imports.wbg.__wbindgen_closure_wrapper19742 = function(arg0, arg1, arg2) { imports.wbg.__wbindgen_closure_wrapper19753 = function(arg0, arg1, arg2) {
const ret = makeMutClosure(arg0, arg1, 14498, __wbg_adapter_52); const ret = makeMutClosure(arg0, arg1, 14505, __wbg_adapter_52);
return addHeapObject(ret); return addHeapObject(ret);
}; };
imports.wbg.__wbindgen_closure_wrapper19743 = function(arg0, arg1, arg2) { imports.wbg.__wbindgen_closure_wrapper19754 = function(arg0, arg1, arg2) {
const ret = makeMutClosure(arg0, arg1, 14498, __wbg_adapter_59); const ret = makeMutClosure(arg0, arg1, 14505, __wbg_adapter_59);
return addHeapObject(ret); return addHeapObject(ret);
}; };
imports.wbg.__wbindgen_closure_wrapper19744 = function(arg0, arg1, arg2) { imports.wbg.__wbindgen_closure_wrapper19755 = function(arg0, arg1, arg2) {
const ret = makeMutClosure(arg0, arg1, 14498, __wbg_adapter_52); const ret = makeMutClosure(arg0, arg1, 14505, __wbg_adapter_52);
return addHeapObject(ret); return addHeapObject(ret);
}; };
imports.wbg.__wbindgen_closure_wrapper19745 = function(arg0, arg1, arg2) { imports.wbg.__wbindgen_closure_wrapper19756 = function(arg0, arg1, arg2) {
const ret = makeMutClosure(arg0, arg1, 14498, __wbg_adapter_52); const ret = makeMutClosure(arg0, arg1, 14505, __wbg_adapter_52);
return addHeapObject(ret); return addHeapObject(ret);
}; };
imports.wbg.__wbindgen_closure_wrapper19746 = function(arg0, arg1, arg2) { imports.wbg.__wbindgen_closure_wrapper19757 = function(arg0, arg1, arg2) {
const ret = makeMutClosure(arg0, arg1, 14498, __wbg_adapter_52); const ret = makeMutClosure(arg0, arg1, 14505, __wbg_adapter_52);
return addHeapObject(ret); return addHeapObject(ret);
}; };
imports.wbg.__wbindgen_closure_wrapper19874 = function(arg0, arg1, arg2) { imports.wbg.__wbindgen_closure_wrapper19885 = function(arg0, arg1, arg2) {
const ret = makeMutClosure(arg0, arg1, 14569, __wbg_adapter_68); const ret = makeMutClosure(arg0, arg1, 14576, __wbg_adapter_68);
return addHeapObject(ret); return addHeapObject(ret);
}; };

BIN
executor-wasm/pkg/executor_wasm_bg.wasm
View File

Binary file not shown.

2
executor-wasm/styles.css
View File

@ -15,6 +15,7 @@ body {
position: relative; position: relative;
/* Need to exclude the scrollbar */ /* Need to exclude the scrollbar */
min-width: calc(100vw - (100vw - 100%)); min-width: calc(100vw - (100vw - 100%));
min-height: calc(100vh - (100vh - 100%));
overflow: hidden; overflow: hidden;
} }
@ -27,6 +28,7 @@ body {
flex-direction: column; flex-direction: column;
} }
.button-3d { .button-3d {
display: block; display: block;
position: relative; position: relative;

18
game/src/lib.rs
View File

@ -29,6 +29,8 @@ impl ScriptTrait for Player {
// Called once at initialization. // Called once at initialization.
fn on_init(&mut self, context: &mut ScriptContext) { fn on_init(&mut self, context: &mut ScriptContext) {
self.init(context); self.init(context);
self.window_height = 600;
self.window_height = 800;
} }
// Put start logic - it is called when every other script is already initialized. // Put start logic - it is called when every other script is already initialized.
@ -46,34 +48,38 @@ impl ScriptTrait for Player {
if let WindowEvent::Touch(touch) = event { if let WindowEvent::Touch(touch) = event {
match touch.phase { match touch.phase {
TouchPhase::Started => { TouchPhase::Started => {
if touch.location.x > 400.0 { if touch.location.x > (self.window_width / 2) as f64 {
self.key_checker(KeyCode::ArrowRight, true); self.key_checker(KeyCode::ArrowRight, true);
self.key_checker(KeyCode::ArrowLeft, false); self.key_checker(KeyCode::ArrowLeft, false);
} else { } else {
self.key_checker(KeyCode::ArrowLeft, true); self.key_checker(KeyCode::ArrowLeft, true);
self.key_checker(KeyCode::ArrowRight, false); self.key_checker(KeyCode::ArrowRight, false);
} }
if touch.location.y < 200.0 { if touch.location.y < (self.window_height / 2) as f64 {
self.key_checker(KeyCode::ArrowUp, true); self.key_checker(KeyCode::ArrowUp, true);
} }
if touch.location.y > 200.0 { if touch.location.y > (self.window_height / 2) as f64 {
self.key_checker(KeyCode::ArrowUp, false); self.key_checker(KeyCode::ArrowUp, false);
} }
}, },
TouchPhase::Ended => { TouchPhase::Ended => {
if touch.location.x > 400.0 { if touch.location.x > (self.window_width / 2) as f64 {
self.key_checker(KeyCode::ArrowRight, false); self.key_checker(KeyCode::ArrowRight, false);
} else { } else {
self.key_checker(KeyCode::ArrowLeft, false); self.key_checker(KeyCode::ArrowLeft, false);
} }
if touch.location.y < 200.0 { if touch.location.y < (self.window_height / 2) as f64 {
self.key_checker(KeyCode::ArrowUp, false); self.key_checker(KeyCode::ArrowUp, false);
} }
}, },
_ => {}, _ => {},
} }
//Log::err(format!("{:?}", touch.location)) }
if let WindowEvent::Resized(size) = event {
self.window_height = size.height;
self.window_width = size.width;
} }
} }
} }

3
game/src/player.rs
View File

@ -26,6 +26,9 @@ pub struct Player {
start_y_position: f32, start_y_position: f32,
prev_y_velosity: f32, prev_y_velosity: f32,
pub window_height: u32, // TODO: need change place
pub window_width: u32,
} }
impl TypeUuidProvider for Player { impl TypeUuidProvider for Player {