DIR : /home/kozerus/public_html/keyholes.html
/home/kozerus/public_html
<html>
<head>
<title>keyholes.html 20200811_2345</title>
<script id="script_kolists" >
kolists = new Array();
kolists['keyholes'] =
`/imgs/btn/btn_keyhole_oak.png
/imgs/btn/btn_keyhole_brass.png
/imgs/btn/btn_keyhole_us1.png
/imgs/btn/btn_keyhole2heaven.png`;
// alert( "BUGS_001 kolists_keyholes="+kolists['keyholes'] );
kolists['peeks'] =
`/imgs/links/gazibo.png
/fb/jtfdc/imgs/tn_jtfdc_sawhorse.png
/imgs/links/gazibo.png
/fb/jtfdc/imgs/tn_jtfdc_sawhorse.png
/imgs/links/gazibo.png
`;
// alert( "BUGS_002 kolists_peeks="+kolists['peeks'] );
</script>
<script id="script_keyholes" >
function keyholes(args) {
// alert( "BUGS_031 args="+args );
// alert( "BUGS_032 kolists_peeks="+kolists['peeks'] );
canvas_id="canvas_keyhole";
if( document.getElementById(canvas_id)) {
ctx = document.getElementById(canvas_id).getContext('2d');
}
else { return(args); }
keyholes=kolists['keyholes'].split("\n");
keyholes_len=keyholes.length;
// alert( "BUGS_031 kolists_keyholes="+kolists['keyholes'] );
// alert( "BUGS_032 kolists_peeks="+kolists['peeks'] );
// alert( "BUGS_033 keyholes="+keyholes );
img_keyhole_num=random_int(keyholes_len,0);
img_keyhole_rand=keyholes[img_keyhole_num];
// alert( "BUGS_045 img_keyhole_rand="+img_keyhole_rand );
img_keyhole = new Image();
img_keyhole.src=img_keyhole_rand;
// alert( "BUGS_50 kolists_peeks="+ kolists['keyholes'] );
ctx.drawImage(img_keyhole,0,0);
// alert( "BUGS_52 kolists_peeks="+ kolists['peeks'] );
// peeks=kolists['peeks'].split("\n");
// peeks_len=peeks.length;
// alert( "BUGS_054 peeks_len="+peeks_len+" kolist_peeks="+kolusts['peeks' );
// img_peek_num=random_int(keyholes_len,0);
// img_peek_rand=peeks[img_peek_num];
// img_peek = new Image();
// img_peek.src=img_peek_rand;
// alert( "BUGS_056 img_peek_rand="+img_peek_rand );
// ctx.drawImage(img_peek,0,0);
// text="keyhole/peek";
//
// ctx.globalAlpha=1.0
// ctx.fillStyle="black"
return(args);
}
</script>
<script id="script_keyholes_bugs" >
function keyholes_bugs(args) {
alert( "BUGS_071 args="+args );
alert( "BUGS_072 keyhole_bugs args="$args );
canvas_id="canvas_keyhole";
if( document.getElementById(canvas_id)) {
ctx = document.getElementById('canvas_id').getContext('2d');
}
else { return(args); }
alert( "BUBG_80 ke
keyholes=kolists['keyholes'].split("\n");
keyholes_len=keyholes.length;
img_keyhole_rand=random_int(keyholes_len,0);
img_keyhole = new Images();
img_keyhole.src=img_keyhole_rand;
peeks=kolists['keyholes'].split("\n");
peeks_len=peeks.length;
img_peek_rand=random_int(keyholes_len,0);
img_peek = new Images();
img_peek.src=img_peek_rand;
text="keyhole/peek";
// ctx.globalAlpha=1.0
// ctx.fillStyle="black"
// ctx.fillText(text,0,0);
return(img_peek_rand);
}
</script>
<script id="script_today">
function today(args) {
var today = new Date();
var day = today.getDay();
` var daylist = ["Sunday","Monday","Tuesday","Wednesday ","Thursday","Friday","Saturday"];
// console.log("Today is : " + daylist[day] + ".");
var hour = today.getHours();
var minute = today.getMinutes();
var second = today.getSeconds();
var prepand = (hour >= 12)? " PM ":" AM ";
hour = (hour >= 12)? hour - 12: hour;
if (hour===0 && prepand===' PM ') {
if (minute===0 && second===0) {
hour=12;
prepand=' Noon';
}
else {
hour=12;
prepand=' PM';
}
}
if (hour===0 && prepand===' AM ') {
if (minute===0 && second===0) {
hour=12;
prepand=' Midnight';
}
else {
hour=12;
prepand=' AM';
}
}
dttm=hour + prepand + ":" + minute + ":" + second;
// console.log("Current Time : "+hour + prepand + " : " + minute + " : " + second);
alert( "BUGS_27800 dttm="+dttm );
}
</script>
<script id="script_random_int" >
function random_int(max,min) {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random() * (max - min + 1)) + min;
}
</script>
<script id="script_starup" >
function startup(args) {
// alert( "BUGS_101 startup args="+args );
img_peek=keyholes('');
// alert( "BUGS_102 startup args="+args+" img_peek="+img_peek );
}
</script>
</head>
<body bgcolor=linen onload="startup('');return false;">
<img src="/imgs/btn/koeyeb.png" onclick="startup(''); return false;" border=0>
<img src="/imgs/btn/koeyeb.png" onclick="keyholes(''); return false;" border=0>
<img src="/imgs/btn/btn_keyholes.png"
onclick="window.open('/imgs/links/gazibo.png'); return false;"
height=200 width=200 border=0>
<br>
<hr color=goldenrod>
<h1>keyholes</h1>
<hr color=goldenrod>
<canvas id="canvas_keyhole" onclick="keyholes(''); return false;" height=400 width=400 border=0> </canvas>
<hr color=goldenrod>
</body>
</html>
//
koh5_pano
Drag mouse to navigate.
Navigation
- Left/Right Mouse drag: Changes camera heading.
- Up/Sown Mouse drag: Changes camera pitch.
- Scroll wheel: Changes camera field of view.
- I-Key: Displays Info panel with canvas size, image size and FPS.
17.Aug.2010, Martin Wengenmayer