update

package.json

@@ -1,6 +1,6 @@
 {
   "name": "venom86",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "x86 Emulation by Qrodex",
   "main": "index.js",
   "scripts": {

scripts/index.js

@@ -39,7 +39,7 @@ async function init(name, fda, fdb, cdrom, hda, hdb, ram, vram) {
     `
     document.getElementById('previews').appendChild(preview)
 
-    let controls = document.createElement('div')
+    let controls = document.createElement('footer')
     controls.className = 'vmitem'
     document.getElementById(contID).appendChild(controls)
 
@@ -98,14 +98,35 @@ async function init(name, fda, fdb, cdrom, hda, hdb, ram, vram) {
     alttabbtn.innerText = 'Send Alt+Tab'
     controls.appendChild(alttabbtn)
     alttabbtn.onclick = function (e) {
-        vm.keyboard_send_keys([18, 9])
+        vm.keyboard_send_scancodes([
+            0x38 | 0x80,
+            0x0F | 0x80,
+        ]);
     }
 
     let cadbtn = document.createElement('button')
     cadbtn.innerText = 'Send Ctrl+Alt+Del'
     controls.appendChild(cadbtn)
     cadbtn.onclick = function (e) {
-        vm.keyboard_send_keys([17, 18, 46])
+        vm.keyboard_send_scancodes([
+            0x1D, // ctrl
+            0x38, // alt
+            0x53, // delete
+
+            // break codes
+            0x1D | 0x80,
+            0x38 | 0x80,
+            0x53 | 0x80,
+        ]);
+    }
+
+    let scaleinput = document.createElement('input')
+    scaleinput.value = 1.0
+    scaleinput.type = 'number'
+    scaleinput.step = 0.25
+    controls.appendChild(scaleinput)
+    scaleinput.onchange = function (e) {
+        vm.screen_set_scale(scaleinput.value, scaleinput.value)
     }
 
     let vmloop

style/style.css

@@ -128,6 +128,16 @@ details,
     border: #3d3d3d solid 1px;
 }
 
+footer {
+    width: fit-content;
+}
+
+container div {
+    text-align: center;
+    height: fit-content !important;
+    width: 100% !important;
+}
+
 fieldset {
     background: none;
     border: #3d3d3d dashed 2px;
@@ -160,16 +170,21 @@ legend {
     width: 50%;
 }
 
-.vmitem button {
+.vmitem button, container input {
     background: none;
     border: #3d3d3d dashed 2px;
     padding: 10px;
     border-radius: 5px;
     margin: 5px;
     cursor: pointer;
+    width: fit-content;
+}
+
+container input {
+    width: 75px;
 }
 
-fieldset:hover, .vmitem button:hover {
+fieldset:hover, .vmitem button:hover, container input:hover {
     border:#6d6d6d dashed 2px;
 }