<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Andrej Boleslavský &#187; video-mapping</title>
	<atom:link href="http://id144.org/tag/video-mapping/feed/" rel="self" type="application/rss+xml" />
	<link>http://id144.org</link>
	<description>purposing technology</description>
	<lastBuildDate>Sun, 22 Jan 2017 02:05:01 +0000</lastBuildDate>
	<language>en-US</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.0.38</generator>
	<item>
		<title>Archibio @ Clementinum</title>
		<link>http://id144.org/blog/archibio-clementinum/</link>
		<comments>http://id144.org/blog/archibio-clementinum/#comments</comments>
		<pubDate>Wed, 25 Sep 2013 20:35:55 +0000</pubDate>
		<dc:creator><![CDATA[Andrej Boleslavský]]></dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[archibio]]></category>
		<category><![CDATA[prague]]></category>
		<category><![CDATA[Signal]]></category>
		<category><![CDATA[video-mapping]]></category>

		<guid isPermaLink="false">http://id144.org/?p=82</guid>
		<description><![CDATA[Clementinum, National Library of the Czech Republic will host project ArchiBio during the Prague light festival Signal 2013. Unique location directly in the heart of the magic city! View interactive panorama: Explore the map: Enjoy the interactive pointcloud based on XB Pointstream and Microsoft Photosynth: > Additional links: Interactive Photosynth...]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.klementinum.com/">Clementinum</a>, <a href="http://www.en.nkp.cz/">National Library of the Czech Republic</a> will host project ArchiBio during the <a href="http://www.signalfestival.com/">Prague light festival Signal 2013</a>. Unique location directly in the heart of the magic city!</p>
<p>View interactive panorama:
<div id="panorama"></div>
<p><script src="http://www.id144.org/scripts/three.min.js"></script><script>
			var camera, scene, renderer;
			var fov = 70,
			texture_placeholder,
			isUserInteracting = false,
			onMouseDownMouseX = 0, onMouseDownMouseY = 0,
			lon = -40, onMouseDownLon = 0,
			lat = 20, onMouseDownLat = 0,
			phi = 0, theta = 0;
			init();
			animate();
			function init() {
				var container, mesh, place;
				container = document.getElementById( 'panorama' );
				camera = new THREE.PerspectiveCamera( fov, 2 / 1, 1, 1100 );
				camera.target = new THREE.Vector3(0, 0, 0);
				scene = new THREE.Scene();
				mesh = new THREE.Mesh( new THREE.SphereGeometry( 500, 60, 40 ), new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture( 'http://id144.org/wp-content/uploads/2013/09/clementinum.jpg' ) } ) );
				mesh.scale.x = -1;
				scene.add( mesh );
				renderer = new THREE.WebGLRenderer();
				renderer.setSize( document.getElementById('content').offsetWidth,document.getElementById('content').offsetWidth*0.5);
				//renderer.setSize(100, 100);
				container.appendChild( renderer.domElement );
				container.addEventListener( 'mousedown', onDocumentMouseDown, false );
				container.addEventListener( 'mousemove', onElementMouseMove, false );
				document.addEventListener( 'mouseup', onDocumentMouseUp, false );
				//document.addEventListener( 'mousewheel', onDocumentMouseWheel, false );
				//document.addEventListener( 'DOMMouseScroll', onDocumentMouseWheel, false);
				window.addEventListener( 'resize', onWindowResize, false );
			}
			function onWindowResize() {
				camera.aspect = window.innerWidth / window.innerHeight;
				camera.updateProjectionMatrix();
				renderer.setSize( window.innerWidth, window.innerHeight );
			}
			function onDocumentMouseDown( event ) {
				event.preventDefault();
				isUserInteracting = true;
				onPointerDownPointerX = event.clientX;
				onPointerDownPointerY = event.clientY;
				onPointerDownLon = lon;
				onPointerDownLat = lat;
			}
			function onElementMouseMove( event ) {
				if ( isUserInteracting ) {
					lon = ( onPointerDownPointerX - event.clientX ) * 0.1 + onPointerDownLon;
					lat = ( event.clientY - onPointerDownPointerY ) * 0.1 + onPointerDownLat;
				}
			}
			function onDocumentMouseUp( event ) {
				isUserInteracting = false;
			}
			function onDocumentMouseWheel( event ) {
				// WebKit
				if ( event.wheelDeltaY ) {
					fov -= event.wheelDeltaY * 0.05;
				// Opera / Explorer 9
				} else if ( event.wheelDelta ) {
					fov -= event.wheelDelta * 0.05;
				// Firefox
				} else if ( event.detail ) {
					fov += event.detail * 1.0;
				}
				camera.projectionMatrix.makePerspective( fov, window.innerWidth / window.innerHeight, 1, 1100 );
				render();
			}
			function animate() {
				requestAnimationFrame( animate );
				render();
			}
			function render() {
				lat = Math.max( - 85, Math.min( 85, lat ) );
				phi = THREE.Math.degToRad( 90 - lat );
				theta = THREE.Math.degToRad( lon );
				camera.target.x = 500 * Math.sin( phi ) * Math.cos( theta );
				camera.target.y = 500 * Math.cos( phi );
				camera.target.z = 500 * Math.sin( phi ) * Math.sin( theta );
				camera.lookAt( camera.target );
				/*
				// distortion
				camera.position.x = - camera.target.x;
				camera.position.y = - camera.target.y;
				camera.position.z = - camera.target.z;
				*/
				renderer.render( scene, camera );
			}
		</script></p>
<p>Explore the map:
            <style>
            #wpgmza_map img { max-width:none !important; }
            </style>
            
                
            <div id="wpgmza_map" style="display:block; overflow:auto; width:851px; height:400px; float:left;">
            </div>
        </p>
<p>Enjoy the interactive pointcloud based on XB Pointstream and Microsoft Photosynth:<br />
<iframe src="http://id144.org/scripts/pointstream/archibio/index.html"  style="border: 0px none;" width="851" height="450" scrolling="no">></iframe></p>
<p>Additional links:<br />
Interactive Photosynth collection of Clementinum courtyard <a href="http://photosynth.net/view.aspx?cid=9d31c75f-8e04-43c7-b33e-e36732b6284c">http://photosynth.net/view.aspx?cid=9d31c75f-8e04-43c7-b33e-e36732b6284c</a></p>
<p>Interactive Photosynth panorama of Clementinum courtyard <a href="http://photosynth.net/view.aspx?cid=e8da4e70-4f42-42a8-b563-201031b108e5">http://photosynth.net/view.aspx?cid=e8da4e70-4f42-42a8-b563-201031b108e5</a></p>
<p>Special thanks:<br />
Lenka Abessi, The National library of the Czech Republic<br />
Irena Maňáková, The National library of the Czech Republic<br />
<img src="http://www.en.nkp.cz/++resource++plonetheme.nkp.images/nkp_logo_en.png"></p>
]]></content:encoded>
			<wfw:commentRss>http://id144.org/blog/archibio-clementinum/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
