main: work in progress [might break]
/ mirror_to_github (push) Successful in 27s Details
/ test (push) Successful in 4s Details

This commit is contained in:
Leon van Kammen 2024-06-28 16:59:27 +02:00
parent 253222165a
commit 07564881fd
2 changed files with 66 additions and 22 deletions

View File

@ -1,7 +1,8 @@
AFRAME.registerComponent('isoterminal', {
schema: {
iso: { type:"string", "default":"com/isoterminal/xrsh.iso" },
cols: { type: 'number', default: 120 },
rows: { type: 'number', default: 50 },
rows: { type: 'number', default: 30 },
transparent: { type:'boolean', default:false } // need good gpu
},
@ -22,16 +23,29 @@ AFRAME.registerComponent('isoterminal', {
dom: {
scale: 3,
events: ['click','keydown'],
html: (me) => `<div></div>`,
html: (me) => `<div class="isoterminal">
<div style="white-space: pre; font: 14px monospace; line-height: 14px"></div>
<canvas/>
</div>`,
css: (me) => `.isoterminal{
overflow:hidden;
}`
background:#000;
padding:15px;
/*overflow:hidden; */
}
.isoterminal *{
white-space: pre;
font-size: 14px;
font-family: Liberation Mono,DejaVu Sans Mono,Courier New,monospace;
display: block;
}
.terminal{
padding:15px;
}`
},
createTerminal: async function(instance){
const dom = instance.dom
let s = await AFRAME.utils.require(this.requires)
//this.el.object3D.visible = true
const term = this.term = new Terminal({
@ -57,6 +71,7 @@ AFRAME.registerComponent('isoterminal', {
})
term.on('data', (data) => {
console.log(data)
this.el.emit('xterm-data', data)
})
@ -68,24 +83,36 @@ AFRAME.registerComponent('isoterminal', {
term.write(message)
this.runISO()
return {width: this.canvas.width, height: this.canvas.height }
},
runISO: function(){
console.dir(this.canvas)
runISO: function(dom){
var emulator = window.emulator = new V86({
wasm_path: "com/isoterminal/v86.wasm",
memory_size: 32 * 1024 * 1024,
vga_memory_size: 2 * 1024 * 1024,
screen_container: this.canvas,
wasm_path: "com/isoterminal/v86.wasm",
memory_size: 32 * 1024 * 1024,
vga_memory_size: 2 * 1024 * 1024,
screen_container: dom, //this.canvas.parentElement,
bios: {
url: "com/isoterminal/bios/seabios.bin",
},
vga_bios: {
url: "com/isoterminal/bios/vgabios.bin",
},
network_relay_url: "wss://relay.widgetry.org/",
cdrom: {
url: "com/isoterminal/xrsh.iso",
url: this.data.iso,
},
//bzimage:{
// url: "com/isoterminal/images/buildroot-bzimage.bin"
//},
network_relay_url: "<UNUSED>",
//bzimage_initrd_from_filesystem: true,
cmdline: "rw root=host9p rootfstype=9p rootflags=trans=virtio,cache=loose modules=virtio_pci tsc=reliable init_on_free=on",
//filesystem: {
// baseurl: "com/isoterminal/v86/images/alpine-rootfs-flat",
// basefs: "com/isoterminal/v86/images/alpine-fs.json",
// },
screen_dummy: true,
autostart: true,
});
},
@ -108,20 +135,24 @@ AFRAME.registerComponent('isoterminal', {
// instance this component
const instance = this.el.cloneNode(false)
this.el.sceneEl.appendChild( instance )
// instance.addEventListener('DOMready', () => {
// console.dir(instance)
// debugger
// this.runISO(instance.dom)
// })
instance.setAttribute("dom", "")
instance.setAttribute("xd", "") // allows flipping between DOM/WebGL when toggling XD-button
instance.setAttribute("visible", AFRAME.utils.XD() == '3D' ? 'true' : 'false' )
instance.setAttribute("position", AFRAME.utils.XD.getPositionInFrontOfCamera(0.5) )
instance.setAttribute("grabbable","")
// instance.setAttribute("grabbable","")
instance.object3D.quaternion.copy( AFRAME.scenes[0].camera.quaternion ) // face towards camera
const setupWindow = () => {
this.createTerminal(instance)
this.runISO(instance.dom)
const com = instance.components['isoterminal']
instance.dom.style.display = 'none'
new WinBox("Hello World",{
width: window.innerWidth*0.5,
height: window.innerHeight*0.5,
let winbox = new WinBox( this.data.iso, {
height:'50px',
x:"center",
y:"center",
id: instance.uid, // important hint for html-mesh
@ -132,7 +163,12 @@ AFRAME.registerComponent('isoterminal', {
instance.dom.style.display = 'none';
return false
},
oncreate: () => instance.setAttribute("html",`html:#${instance.uid}; cursor:#cursor`)
oncreate: () => {
setTimeout( () => {
winbox.resize( winbox.width+'px', (instance.dom.offsetHeight+(2*15))+'px' )
setTimeout( () => instance.setAttribute("html",`html:#${instance.uid}; cursor:#cursor`), 1000)
},100)
}
});
instance.dom.style.display = '' // show

View File

@ -16,6 +16,14 @@
* | `launcher` | an app | when pressing an app icon, `launcher` event will be send to the respective app |
*/
AFRAME.registerComponent('launch', { // use this component to auto-launch component
init: function(){
this.el.sceneEl.addEventListener('loaded', () => {
setTimeout( () => this.el.emit('launcher',{}), 1000 )
})
}
})
AFRAME.registerComponent('launcher', {
schema: {
attach: { type:"selector"},