DIR : /home/kozerus/public_html/pn/ko_pn.php
/home/kozerus/public_html/pn
<!DOCTYPE html>
<html>
<head>
<?php
/* */
/* File: dir.php */
/* Most recent version available @ : http://tomicki.net/ */
/* Version: 0.8 */
/*
/* This program is free software; you can redistribute it and/or modify
/* it under the terms of the GNU General Public License as published by
/* the Free Software Foundation; either version 2 of the License, or
/* (at your option) any later version.
/*
/* This program is distributed in the hope that it will be useful,
/* but WITHOUT ANY WARRANTY; without even the implied warranty of
/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
/* GNU Library General Public License for more details.
/*
/* You should have received a copy of the GNU General Public License
/* along with this program; if not, write to the Free Software
/* Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
/* */
?>
<style TYPE="text/css">
<!--
* { font-family: courier new; font-size: 10pt;
}
A { text-decoration: none;
}
A:HOVER { text-decoration: underline;
}
-->
</style>
<pre>
<?php
function sortRows($data)
{
$size = count($data);
for ($i = 0; $i < $size; ++$i) {
$row_num = findSmallest($i, $size, $data);
$tmp = $data[$row_num];
$data[$row_num] = $data[$i];
$data[$i] = $tmp;
}
return ( $data );
}
function findSmallest($i, $end, $data)
{
$min['pos'] = $i;
$min['value'] = $data[$i]['data'];
$min['dir'] = $data[$i]['dir'];
for (; $i < $end; ++$i) {
if ($data[$i]['dir']) {
if ($min['dir']) {
if ($data[$i]['data'] < $min['value']) {
$min['value'] = $data[$i]['data'];
$min['dir'] = $data[$i]['dir'];
$min['pos'] = $i;
}
} else {
$min['value'] = $data[$i]['data'];
$min['dir'] = $data[$i]['dir'];
$min['pos'] = $i;
}
} else {
if (!$min['dir'] && $data[$i]['data'] < $min['value']) {
$min['value'] = $data[$i]['data'];
$min['dir'] = $data[$i]['dir'];
$min['pos'] = $i;
}
}
}
return ( $min['pos'] );
}
$self = $_SERVER['PHP_SELF'];
if (isset($_GET['dir'])) {
$dir = $_GET['dir'];
$size = strlen($dir);
while ($dir[$size - 1] == '/') {
$dir = substr($dir, 0, $size - 1);
$size = strlen($dir);
}
} else {
$dir = $_SERVER["SCRIPT_FILENAME"];
$size = strlen($dir);
while ($dir[$size - 1] != '/') {
$dir = substr($dir, 0, $size - 1);
$size = strlen($dir);
}
$dir = substr($dir, 0, $size - 1);
}
echo "DIR : ", $dir;
echo "\n\n";
if (is_dir($dir)) {
if ($handle = opendir($dir)) {
$size_document_root = strlen($_SERVER['DOCUMENT_ROOT']);
$pos = strrpos($dir, "/");
$topdir = substr($dir, 0, $pos + 1);
$i = 0;
while (false !== ($file = readdir($handle))) {
if ($file != "." && $file != "..") {
$rows[$i]['data'] = $file;
$rows[$i]['dir'] = is_dir($dir . "/" . $file);
$i++;
}
}
closedir($handle);
}
$size = count($rows);
$rows = sortRows($rows);
echo "<table style=\"white-space:pre;\">";
echo "<tr>";
echo "<td>[UP]";
echo "</td>";
echo "<td> ";
echo "<a href='", $self, "?dir=", $topdir, "'>..</a>\n";
echo "</td>";
echo "<td>size (bytes)";
echo "</td>";
echo "<td> ";
echo "</td>";
echo "</tr>";
for ($i = 0; $i < $size; ++$i) {
$topdir = $dir . "/" . $rows[$i]['data'];
echo "<tr>";
echo "<td>";
if ($rows[$i]['dir']) {
echo "[DIR]";
$file_type = "dir";
} else {
echo "[FILE]";
$file_type = "file";
}
echo "</td>";
echo "<td> ";
echo "<a href='", $self, "?dir=", $topdir, "'>", $rows[$i]['data'], "</a>\n";
echo "</td>";
echo "<td>";
echo filesize($topdir);
echo "</td>";
echo "<td> ";
echo "<a href='", substr($topdir, $size_document_root, strlen($topdir) - $size_document_root), "'>open ", $file_type, "</a>\n";
echo "</td>";
echo "</tr>";
}
echo "</table>";
} else if (is_file($dir)) {
$pos = strrpos($dir, "/");
$topdir = substr($dir, 0, $pos);
echo "<a href='", $self, "?dir=", $topdir, "'>", $topdir, "</a>\n\n";
$file = file($dir);
$size = count($file);
for ($i = 0; $i < $size; ++$i)
echo htmlentities($file[$i], ENT_QUOTES);
} else {
echo "bad file or unable to open";
}
?>
</pre>
<html>
<head>
<meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type">
// <script type="text/javascript" src="html5pano.js"></script>
<script type="text/javascript" >
/*
Copyright (c) 2010, Martin Wengenmayer ( www.cheetah3d.com )
All rights reserved.
Redistribution and use in source and binary forms, with or without modification, are
permitted provided that the following conditions are met:
-Redistributions of source code must retain the above copyright notice, this list of
conditions and the following disclaimer.
-Redistributions in binary form must reproduce the above copyright notice, this list
of conditions and the following disclaimer in the documentation and/or other materials
provided with the distribution.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS
OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER
OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE
OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
POSSIBILITY OF SUCH DAMAGE.
*/
const FPS = 30;
const DEG2RAD=Math.PI/180.0;
//Canvas to which to draw the panorama
var pano_canvas=null;
//Event state
var mouseIsDown=false;
var mouseDownPosLastX=0;
var mouseDownPosLastY=0;
var displayInfo=false;
var highquality=true;
//Camera state
var cam_heading=90.0;
var cam_pitch=90.0;
var cam_fov=90;
//Load image
var img_buffer=null;
var img = new Image();
img.onload = imageLoaded;
// img.src = 'pano.jpg';
img.src = 'pano.jpg';
function init_pano(canvasid){
//get canvas and set up call backs
pano_canvas = document.getElementById('canvas');
pano_canvas.onmousedown = mouseDown;
window.onmousemove = mouseMove;
window.onmouseup = mouseUp;
window.onmousewheel = mouseScroll;
window.onkeydown = keyDown;
draw();
//setInterval(draw, 1000/FPS);
}
function imageLoaded(){
var buffer = document.createElement("canvas");
var buffer_ctx = buffer.getContext ("2d");
//set buffer size
buffer.width = img.width;
buffer.height = img.height;
//draw image
buffer_ctx.drawImage(img,0,0);
//get pixels
var buffer_imgdata = buffer_ctx.getImageData(0, 0,buffer.width,buffer.height);
var buffer_pixels = buffer_imgdata.data;
//convert imgdata to float image buffer
img_buffer = new Array(img.width*img.height*3);
for(var i=0,j=0;i<buffer_pixels.length;i+=4, j+=3){
img_buffer[j] = buffer_pixels[i];
img_buffer[j+1] = buffer_pixels[i+1];
img_buffer[j+2] = buffer_pixels[i+2];
}
}
function mouseDown(e){
mouseIsDown=true;
mouseDownPosLastX=e.clientX;
mouseDownPosLastY=e.clientY;
}
function mouseMove(e){
if(mouseIsDown==true){
cam_heading-=(e.clientX-mouseDownPosLastX);
cam_pitch+=0.5*(e.clientY-mouseDownPosLastY);
cam_pitch=Math.min(180,Math.max(0,cam_pitch));
mouseDownPosLastX=e.clientX;
mouseDownPosLastY=e.clientY;
draw();
}
}
function mouseUp(e){
mouseIsDown=false;
draw();
}
function mouseScroll(e){
cam_fov+=e.wheelDelta/120;
cam_fov=Math.min(90,Math.max(30,cam_fov));
draw();
}
function keyDown(e){
if(e.keyCode==73){ //i==73 Info
displayInfo = !displayInfo;
draw();
}
}
function renderPanorama(canvas){
if(canvas!=null && img_buffer!=null){
var ctx = canvas.getContext("2d");
var imgdata = ctx.getImageData(0, 0,canvas.width,canvas.height);
var pixels = imgdata.data;
var src_width=img.width;
var src_height=img.height;
var dest_width=canvas.width;
var dest_height=canvas.height;
//calculate camera plane
var theta_fac=src_height/Math.PI;
var phi_fac=src_width*0.5/Math.PI
var ratioUp=2.0*Math.tan(cam_fov*DEG2RAD/2.0);
var ratioRight=ratioUp*1.33;
var camDirX=Math.sin(cam_pitch*DEG2RAD)*Math.sin(cam_heading*DEG2RAD);
var camDirY=Math.cos(cam_pitch*DEG2RAD);
var camDirZ=Math.sin(cam_pitch*DEG2RAD)*Math.cos(cam_heading*DEG2RAD);
var camUpX=ratioUp*Math.sin((cam_pitch-90.0)*DEG2RAD)*Math.sin(cam_heading*DEG2RAD);
var camUpY=ratioUp*Math.cos((cam_pitch-90.0)*DEG2RAD);
var camUpZ=ratioUp*Math.sin((cam_pitch-90.0)*DEG2RAD)*Math.cos(cam_heading*DEG2RAD);
var camRightX=ratioRight*Math.sin((cam_heading-90.0)*DEG2RAD);
var camRightY=0.0;
var camRightZ=ratioRight*Math.cos((cam_heading-90.0)*DEG2RAD);
var camPlaneOriginX=camDirX + 0.5*camUpX - 0.5*camRightX;
var camPlaneOriginY=camDirY + 0.5*camUpY - 0.5*camRightY;
var camPlaneOriginZ=camDirZ + 0.5*camUpZ - 0.5*camRightZ;
//render image
var i,j;
for(i=0;i<dest_height;i++){
for(j=0;j<dest_width;j++){
var fx=j/dest_width;
var fy=i/dest_height;
var rayX=camPlaneOriginX + fx*camRightX - fy*camUpX;
var rayY=camPlaneOriginY + fx*camRightY - fy*camUpY;
var rayZ=camPlaneOriginZ + fx*camRightZ - fy*camUpZ;
var rayNorm=1.0/Math.sqrt(rayX*rayX + rayY*rayY + rayZ*rayZ);
var theta=Math.acos(rayY*rayNorm);
var phi=Math.atan2(rayZ,rayX) + Math.PI;
var theta_i=Math.floor(theta_fac*theta);
var phi_i=Math.floor(phi_fac*phi);
var dest_offset=4*(i*dest_width+j);
var src_offset=3*(theta_i*src_width + phi_i);
pixels[dest_offset] = img_buffer[src_offset];
pixels[dest_offset+1] = img_buffer[src_offset+1];
pixels[dest_offset+2] = img_buffer[src_offset+2];
//pixels[dest_offset+3] = img_buffer[src_offset+3];
}
}
//upload image data
ctx.putImageData(imgdata, 0, 0);
}
}
function drawRoundedRect(ctx,ox,oy,w,h,radius){
ctx.beginPath();
ctx.moveTo(ox + radius,oy);
ctx.lineTo(ox + w - radius,oy);
ctx.arc(ox +w-radius,oy+ radius, radius,-Math.PI/2,0, false);
ctx.lineTo(ox + w,oy + h - radius);
ctx.arc(ox +w-radius,oy + h - radius, radius,0,Math.PI/2, false);
ctx.lineTo(ox + radius,oy + h);
ctx.arc(ox + radius,oy + h - radius, radius,Math.PI/2,Math.PI, false);
ctx.lineTo(ox,oy + radius);
ctx.arc(ox + radius,oy + radius, radius,Math.PI,3*Math.PI/2, false);
ctx.fill();
}
function draw(){
if(pano_canvas!=null && pano_canvas.getContext!=null){
var ctx = pano_canvas.getContext("2d");
//clear canvas
ctx.fillStyle = "rgba(0, 0, 0, 1)";
ctx.fillRect(0,0,pano_canvas.width,pano_canvas.height);
//render paromana direct
var startTime = new Date();
renderPanorama(pano_canvas);
var endTime = new Date();
//draw info text
if(displayInfo==true){
ctx.fillStyle = "rgba(255,255,255,0.75)";
drawRoundedRect(ctx,20,pano_canvas.height-60-20,180,60,7);
ctx.fillStyle = "rgba(0, 0, 0, 1)";
ctx.font="10pt helvetica";
ctx.fillText("Canvas = " + pano_canvas.width + "x" + pano_canvas.height,30,pano_canvas.height-60);
ctx.fillText("Image size = " + img.width + "x" + img.height,30,pano_canvas.height-45);
ctx.fillText("FPS = " + (1000.0/(endTime.getTime()-startTime.getTime())).toFixed(1),30,pano_canvas.height-30);
}
}
}
</script>
</head>
<body onload="init_pano('canvas')">
<div align="center"> <br>
<br>
<h1>koh5_pano</h1>
</div>
<div align="center"> <br>
<br>
<canvas id="canvas" width="640" height="480">
<p>Your browser does not support the HTML5 canvas element.</p>
</canvas> <br>
Drag mouse to navigate. </div>
<div style="padding:50px;" align="left">
<!--
<h2>Description</h2>
Experimental HTML5 panorama viewer using the new HTLM5 canvas element.
This script displays equirectangular (360x180) panoramas. So just one
image is necessary to display a complete 360x180 panorama.
<h2>Purpose</h2>
I mainly was curious how fast equirectangular panorama image can be
displayed with a HTML5 canvas. So the script isn't cleaned up very well,
but it gave me at least an idea that it is possible. On my an Intel Core
i7 CPU I get more than 20 frames per second. That is of course not very
fast but usable. And the best of all it doesn't require any Plug-Ins :)
-->
<h2>Navigation</h2>
<ul>
<li>Left/Right Mouse drag: Changes camera heading. </li>
<li>Up/Sown Mouse drag: Changes camera pitch. </li>
<li>Scroll wheel: Changes camera field of view. </li>
<li>I-Key: Displays Info panel with canvas size, image size and FPS. </li>
</ul>
<!--
<h2>Requirements</h2>
I've tested this HTML5 panorama script with the latest versions of Safari,
Firefox and Chrome on Mac OS X. But it should also run on other platforms
supporting HTML5. <br>
<br>
<h2>License</h2>
The html5pano.js script is released under the Simplified BSD License.
Please see comments within the script.<br>
<br>
<h2>Dowload</h2>
Please use the following link to download the script including a sample
panorama image. <br>
<br>
<a href="http://www.cheetah3d.com/download/HTML5pano/HTML5pano.zip">http://www.cheetah3d.com/download/HTML5pano/HTML5pano.zip</a><br>
-->
<br>
<br>
<br>
<br>
<a href="http://cheetah3d.com">17.Aug.2010, Martin Wengenmayer</a> </div>
</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