Retro/pcjs
Watch
1
0
Fork
You've already forked pcjs
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Cleaned up PC8080 cross-browser full-screen support (matches PCx86 now)

Browse source
This commit is contained in:
Jeff Parsons 2017-08-03 08:42:29 -07:00 • committed by Jeff Parsons
commit 13b0c23b0a
19 changed files with 500 additions and 524 deletions
Download patch file Download diff file Expand all files Collapse all files

18
devices/README.md
View file

@ -11,13 +11,19 @@ redirect_from:
Device Configurations
---------------------
All PCjs machines are built from the following sets of devices:
All PCjs machines are built from devices organized by CPU:
* [6502 Devices](c1p/): [Challenger 1P](c1p/machine/)
* [8080 Devices](pc8080/): [Space Invaders](pc8080/machine/invaders/), [VT100 Terminal](pc8080/machine/vt100/)
* [8086 Devices](pcx86/): [IBM PC and compatibles](pcx86/machine/)
* [PDP-10 Devices](pdp10/): [PDP-10 (Model KA10)](pdp10/machine/ka10/)
* [PDP-11 Devices](pdp11/): [PDP-11/20](pdp11/machine/1120/), [PDP-11/45](pdp11/machine/1145/), [PDP-11/70](pdp11/machine/1170/)
* [6502](c1p/)
- [Challenger 1P](c1p/machine/)
* [8080](pc8080/)
- [Space Invaders](pc8080/machine/invaders/)
- [VT100 Terminal](pc8080/machine/vt100/)
* [8086-80386](pcx86/)
- [IBM PC and compatibles](pcx86/machine/)
* [PDP-10](pdp10/)
- [PDP-10 (Model KA10)](pdp10/machine/ka10/)
* [PDP-11](pdp11/)
- [PDP-11/20](pdp11/machine/1120/), [PDP-11/45](pdp11/machine/1145/), [PDP-11/70](pdp11/machine/1170/)
These devices are user-installable components that you would typically find in a real personal computer,
such as keyboards, disk drive controllers with one or more drives, video cards, etc.

6
docs/pcx86/examples/pcx86-dbg.js
View file

File diff suppressed because one or more lines are too long

6
docs/pcx86/examples/pcx86.js
View file

File diff suppressed because one or more lines are too long

55
modules/pc8080/lib/video.js
View file

@ -103,9 +103,8 @@ class Video8080 extends Component {
{
super("Video", parmsVideo, Messages8080.VIDEO);
var video = this;
var video = this, sProp, sEvent;
this.fGecko = Web.isUserAgent("Gecko/");
var i, sEvent, asWebPrefixes = ['', 'moz', 'ms', 'webkit'];
this.cxScreen = parmsVideo['screenWidth'];
this.cyScreen = parmsVideo['screenHeight'];
@ -176,18 +175,8 @@ class Video8080 extends Component {
var sSmoothing = Web.getURLParm('smoothing');
if (sSmoothing) fSmoothing = (sSmoothing == "true");
if (fSmoothing != null) {
for (i = 0; i < asWebPrefixes.length; i++) {
sEvent = asWebPrefixes[i];
if (!sEvent) {
sEvent = 'imageSmoothingEnabled';
} else {
sEvent += 'ImageSmoothingEnabled';
}
if (this.contextScreen[sEvent] !== undefined) {
this.contextScreen[sEvent] = fSmoothing;
break;
}
}
sProp = Web.findProperty(this.contextScreen, 'imageSmoothingEnabled');
if (sProp) this.contextScreen[sProp] = fSmoothing;
}
this.rotateScreen = parmsVideo['screenRotate'];
@ -210,33 +199,27 @@ class Video8080 extends Component {
/*
* Here's the gross code to handle full-screen support across all supported browsers. The lack of standards
* is exasperating; browsers can't agree on 'full' or 'Full, 'request' or 'Request', 'screen' or 'Screen', and
* while some browsers honor other browser prefixes, most browsers don't.
* is exasperating; browsers can't agree on 'Fullscreen' (most common) or 'FullScreen' (least common), and while
* some browsers honor other browser prefixes, most don't. Event handlers tend to be more consistent (ie, all
* lower-case).
*/
this.container = container;
if (this.container) {
this.container.doFullScreen = container['requestFullscreen'] || container['msRequestFullscreen'] || container['mozRequestFullScreen'] || container['webkitRequestFullscreen'];
if (this.container.doFullScreen) {
for (i = 0; i < asWebPrefixes.length; i++) {
sEvent = asWebPrefixes[i] + 'fullscreenchange';
if ('on' + sEvent in document) {
var onFullScreenChange = function() {
var fFullScreen = (document['fullscreenElement'] || document['msFullscreenElement'] || document['mozFullScreenElement'] || document['webkitFullscreenElement']);
video.notifyFullScreen(!!fFullScreen);
};
document.addEventListener(sEvent, onFullScreenChange, false);
break;
sProp = Web.findProperty(container, 'requestFullscreen') || Web.findProperty(container, 'requestFullScreen');
if (sProp) {
this.container.doFullScreen = container[sProp];
sEvent = Web.findProperty(document, 'on', 'fullscreenchange');
if (sEvent) {
var sFullScreen = Web.findProperty(document, 'fullscreenElement') || Web.findProperty(document, 'fullScreenElement');
document.addEventListener(sEvent, function onFullScreenChange() {
video.notifyFullScreen(!!sFullScreen);
}, false);
}
}
for (i = 0; i < asWebPrefixes.length; i++) {
sEvent = asWebPrefixes[i] + 'fullscreenerror';
if ('on' + sEvent in document) {
var onFullScreenError = function() {
sEvent = Web.findProperty(document, 'on', 'fullscreenerror');
if (sEvent) {
document.addEventListener(sEvent, function onFullScreenError() {
video.notifyFullScreen(null);
};
document.addEventListener(sEvent, onFullScreenError, false);
break;
}
}, false);
}
}
}

6
modules/pcx86/lib/video.js
View file

@ -2377,14 +2377,16 @@ class Video extends Component {
this.inputScreen.lockPointer = (sProp = Web.findProperty(this.inputScreen, 'requestPointerLock')) && this.inputScreen[sProp];
this.inputScreen.unlockPointer = (sProp = Web.findProperty(this.inputScreen, 'exitPointerLock')) && this.inputScreen[sProp];
if (this.inputScreen.lockPointer) {
var sPointerLock = Web.findProperty(document, 'pointerLockElement');
sEvent = Web.findProperty(document, 'on', 'pointerlockchange');
if (sEvent) document.addEventListener(sEvent, function onPointerLockChange() {
if (sEvent) {
var sPointerLock = Web.findProperty(document, 'pointerLockElement');
document.addEventListener(sEvent, function onPointerLockChange() {
var fLocked = !!(sPointerLock && document[sPointerLock] === video.inputScreen);
video.notifyPointerLocked(fLocked);
}, false);
}
}
}
this.sFileURL = parmsVideo['fontROM'];

2
modules/shared/lib/weblib.js
View file

@ -689,7 +689,7 @@ class Web {
if (sEvent in obj) return sName;
} else {
if (!sName) {
sName = sProp[0].toLowerCase();
sName = sProp[0];
} else {
sName += sProp[0].toUpperCase();
}

2
versions/c1pjs/1.36.0/c1p-uncompiled.js
View file

@ -1831,7 +1831,7 @@ class Web {
if (sEvent in obj) return sName;
} else {
if (!sName) {
sName = sProp[0].toLowerCase();
sName = sProp[0];
} else {
sName += sProp[0].toUpperCase();
}

500
versions/pc8080/1.36.0/pc8080-dbg.js
View file

File diff suppressed because one or more lines are too long

4
versions/pc8080/1.36.0/pc8080-dbg.map
View file

File diff suppressed because one or more lines are too long

57
versions/pc8080/1.36.0/pc8080-uncompiled.js
View file

@ -2121,7 +2121,7 @@ class Web {
if (sEvent in obj) return sName;
} else {
if (!sName) {
sName = sProp[0].toLowerCase();
sName = sProp[0];
} else {
sName += sProp[0].toUpperCase();
}
@ -14856,9 +14856,8 @@ class Video8080 extends Component {
{
super("Video", parmsVideo, Messages8080.VIDEO);
var video = this;
var video = this, sProp, sEvent;
this.fGecko = Web.isUserAgent("Gecko/");
var i, sEvent, asWebPrefixes = ['', 'moz', 'ms', 'webkit'];
this.cxScreen = parmsVideo['screenWidth'];
this.cyScreen = parmsVideo['screenHeight'];
@ -14929,18 +14928,8 @@ class Video8080 extends Component {
var sSmoothing = Web.getURLParm('smoothing');
if (sSmoothing) fSmoothing = (sSmoothing == "true");
if (fSmoothing != null) {
for (i = 0; i < asWebPrefixes.length; i++) {
sEvent = asWebPrefixes[i];
if (!sEvent) {
sEvent = 'imageSmoothingEnabled';
} else {
sEvent += 'ImageSmoothingEnabled';
}
if (this.contextScreen[sEvent] !== undefined) {
this.contextScreen[sEvent] = fSmoothing;
break;
}
}
sProp = Web.findProperty(this.contextScreen, 'imageSmoothingEnabled');
if (sProp) this.contextScreen[sProp] = fSmoothing;
}
this.rotateScreen = parmsVideo['screenRotate'];
@ -14963,33 +14952,27 @@ class Video8080 extends Component {
/*
* Here's the gross code to handle full-screen support across all supported browsers. The lack of standards
* is exasperating; browsers can't agree on 'full' or 'Full, 'request' or 'Request', 'screen' or 'Screen', and
* while some browsers honor other browser prefixes, most browsers don't.
* is exasperating; browsers can't agree on 'Fullscreen' (most common) or 'FullScreen' (least common), and while
* some browsers honor other browser prefixes, most don't. Event handlers tend to be more consistent (ie, all
* lower-case).
*/
this.container = container;
if (this.container) {
this.container.doFullScreen = container['requestFullscreen'] || container['msRequestFullscreen'] || container['mozRequestFullScreen'] || container['webkitRequestFullscreen'];
if (this.container.doFullScreen) {
for (i = 0; i < asWebPrefixes.length; i++) {
sEvent = asWebPrefixes[i] + 'fullscreenchange';
if ('on' + sEvent in document) {
var onFullScreenChange = function() {
var fFullScreen = (document['fullscreenElement'] || document['msFullscreenElement'] || document['mozFullScreenElement'] || document['webkitFullscreenElement']);
video.notifyFullScreen(!!fFullScreen);
};
document.addEventListener(sEvent, onFullScreenChange, false);
break;
sProp = Web.findProperty(container, 'requestFullscreen') || Web.findProperty(container, 'requestFullScreen');
if (sProp) {
this.container.doFullScreen = container[sProp];
sEvent = Web.findProperty(document, 'on', 'fullscreenchange');
if (sEvent) {
var sFullScreen = Web.findProperty(document, 'fullscreenElement') || Web.findProperty(document, 'fullScreenElement');
document.addEventListener(sEvent, function onFullScreenChange() {
video.notifyFullScreen(!!sFullScreen);
}, false);
}
}
for (i = 0; i < asWebPrefixes.length; i++) {
sEvent = asWebPrefixes[i] + 'fullscreenerror';
if ('on' + sEvent in document) {
var onFullScreenError = function() {
sEvent = Web.findProperty(document, 'on', 'fullscreenerror');
if (sEvent) {
document.addEventListener(sEvent, function onFullScreenError() {
video.notifyFullScreen(null);
};
document.addEventListener(sEvent, onFullScreenError, false);
break;
}
}, false);
}
}
}

320
versions/pc8080/1.36.0/pc8080.js
View file

File diff suppressed because one or more lines are too long

4
versions/pc8080/1.36.0/pc8080.map
View file

File diff suppressed because one or more lines are too long

6
versions/pcx86/1.36.0/pcx86-dbg.js
View file

File diff suppressed because one or more lines are too long

2
versions/pcx86/1.36.0/pcx86-dbg.map
View file

File diff suppressed because one or more lines are too long

8
versions/pcx86/1.36.0/pcx86-uncompiled.js
View file

@ -2349,7 +2349,7 @@ class Web {
if (sEvent in obj) return sName;
} else {
if (!sName) {
sName = sProp[0].toLowerCase();
sName = sProp[0];
} else {
sName += sProp[0].toUpperCase();
}
@ -49335,14 +49335,16 @@ class Video extends Component {
this.inputScreen.lockPointer = (sProp = Web.findProperty(this.inputScreen, 'requestPointerLock')) && this.inputScreen[sProp];
this.inputScreen.unlockPointer = (sProp = Web.findProperty(this.inputScreen, 'exitPointerLock')) && this.inputScreen[sProp];
if (this.inputScreen.lockPointer) {
var sPointerLock = Web.findProperty(document, 'pointerLockElement');
sEvent = Web.findProperty(document, 'on', 'pointerlockchange');
if (sEvent) document.addEventListener(sEvent, function onPointerLockChange() {
if (sEvent) {
var sPointerLock = Web.findProperty(document, 'pointerLockElement');
document.addEventListener(sEvent, function onPointerLockChange() {
var fLocked = !!(sPointerLock && document[sPointerLock] === video.inputScreen);
video.notifyPointerLocked(fLocked);
}, false);
}
}
}
this.sFileURL = parmsVideo['fontROM'];

6
versions/pcx86/1.36.0/pcx86.js
View file

File diff suppressed because one or more lines are too long

2
versions/pcx86/1.36.0/pcx86.map
View file

File diff suppressed because one or more lines are too long

2
versions/pdpjs/1.36.0/pdp10-uncompiled.js
View file

@ -2121,7 +2121,7 @@ class Web {
if (sEvent in obj) return sName;
} else {
if (!sName) {
sName = sProp[0].toLowerCase();
sName = sProp[0];
} else {
sName += sProp[0].toUpperCase();
}

2
versions/pdpjs/1.36.0/pdp11-uncompiled.js
View file

@ -2349,7 +2349,7 @@ class Web {
if (sEvent in obj) return sName;
} else {
if (!sName) {
sName = sProp[0].toLowerCase();
sName = sProp[0];
} else {
sName += sProp[0].toUpperCase();
}