<?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>Studio Kreft &#187; MEDIA TABLE</title>
	<atom:link href="https://www.studiokreft.de/?cat=12&#038;feed=rss2" rel="self" type="application/rss+xml" />
	<link>https://www.studiokreft.de</link>
	<description>Consult Concept Design Develop</description>
	<lastBuildDate>Wed, 20 Mar 2024 10:40:37 +0000</lastBuildDate>
	<language>de-DE</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=3.8.41</generator>
	<item>
		<title>POST MORTEM / MAPPING</title>
		<link>https://www.studiokreft.de/?p=14</link>
		<comments>https://www.studiokreft.de/?p=14#comments</comments>
		<pubDate>Fri, 13 Dec 2013 17:12:42 +0000</pubDate>
		<dc:creator><![CDATA[Studio Kreft]]></dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[ART]]></category>
		<category><![CDATA[EXPERIENCE]]></category>
		<category><![CDATA[MEDIA TABLE]]></category>
		<category><![CDATA[PORTFOLIO]]></category>

		<guid isPermaLink="false">http://www.studiokreft.de/?p=14</guid>
		<description><![CDATA[&#160;]]></description>
				<content:encoded><![CDATA[<div class="topcolumn">
<div class="elastic-video-wrapper">
<div class="elastic-video"><a href="http://iframewidth=1280height=720src=//www.youtube.com/embed/J3qOobiHw3Yframeborder=0allowfullscreen/iframe"><iframe src="//www.youtube.com/embed/J3qOobiHw3Y" height="720" width="1280" allowfullscreen="" frameborder="0"></iframe></a></div>
</div>
<p></div><br />
<div class="leftcolumn">
<!-- meta slider -->
<div style="max-width: 800px; margin: 0 auto;" class="metaslider metaslider-nivo metaslider-654 ml-slider">
    <style type="text/css">
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/metaslider/public.css?ver=2.5.1');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/nivo-slider.css?ver=2.5.1');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
    </style>
    <div id="metaslider_container_654">
        <div class='slider-wrapper theme-default'>
            <div class='ribbon'></div>
            <div id='metaslider_654' class='nivoSlider'>
                <img src="http://www.studiokreft.de/wp-content/uploads/2013/12/art_postmortem_16_9-800x450.jpg" height="450" width="800" class="slider-654 slide-645" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/art_postmortem_16_9_3-800x450.jpg" height="450" width="800" class="slider-654 slide-656" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/post-mortem-speech-720x405.jpg" height="450" width="800" class="slider-654 slide-412" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/art_postmortem_16_9_6-800x450.jpg" height="450" width="800" class="slider-654 slide-663" />
            </div>
        </div>
    </div>
    <script type="text/javascript">
        var metaslider_654 = function($) {
            $('#metaslider_654').nivoSlider({ 
                boxCols:7,
                boxRows:5,
                pauseTime:5000,
                effect:"fade",
                controlNav:false,
                directionNav:false,
                pauseOnHover:false,
                animSpeed:600,
                prevText:"<",
                nextText:">",
                slices:15,
                manualAdvance:false
            });
        };
        var timer_metaslider_654 = function() {
            var slider = !window.jQuery ? window.setTimeout(timer_metaslider_654, 100) : !jQuery.isReady ? window.setTimeout(timer_metaslider_654, 100) : metaslider_654(window.jQuery);
        };
        timer_metaslider_654();
    </script>
</div>
<!--// meta slider--><br />
</div><div class="rightcolumn"><br />
<h5>WINNER OF THE CYNETART AWARD 2010</h5>
<p>The interactive media arts exhibit &#8220;Post Mortem“ by Jannis Kilian Kreft takes the user on a dark visual and acoustic journey. &#8220;Post Mortem“ shows the biological decomposition process of the human body alongside a developing population of flies &#8211; all processes are scientifically and realistically depicted, forming a one of kind media arts experience.<br />
&nbsp;<br />
</div><div class="leftcolumn"><a href="http://www.studiokreft.de/wp-content/uploads/2013/12/art_postmortem_16_9_2.jpg"><img src="http://www.studiokreft.de/wp-content/uploads/2013/12/art_postmortem_16_9_2-1024x576.jpg" alt="art_postmortem_16_9_2" width="1024" height="576" class="alignleft size-large wp-image-648" /></a><br />
</div>&nbsp;<div class="rightcolumn"><br />
<h5>HOW DOES POST MORTEM WORK?</h5>
<p>Kreft creates a media space that allows up to 8 people to interact at the same time. Discovering death is becomes a communicative group experience. The users place one or both bare arms on to the surface of the table. The position can be chosen freely. Once the arm is on the table, the user is virtually dead and the simulation begins, all calculated in REALTIME. The user experiences the process of decay directly on his arm! Once layed on the table, the users arm should not be moved to underline his symbolical death. Nevertheless, a repositioning of the arm during the simulation is possible at any time! &nbsp;</div><div class="leftcolumn"><br />
<a href="http://www.studiokreft.de/wp-content/uploads/2013/12/art_postmortem_16_9_4.jpg"><img src="http://www.studiokreft.de/wp-content/uploads/2013/12/art_postmortem_16_9_4-1024x576.jpg" alt="art_postmortem_16_9_4" width="1024" height="576" class="alignleft size-large wp-image-649" /></a><br />
</div><div class="rightcolumn"><br />
&nbsp;</p>
<h5>THE FLIES</h5>
<p>At the beginning of the simulation, the table surface is nearly free from flies. The intelligently programmed flies search for arms on the table surface. If an arm is held steady for about 15 seconds, a fly appears to lay eggs. From the eggs develop rapidly growing larvae, which feed on the dead flesh of the arm. Once they have reached a certain size, they pupate in brown cocoons. After about 10 days a new population of flies hatch. 14 days in the simulation correspond to approximately 5 minutes. The more arms on the table, the more flies mature. Even the flies are not immortal. After the expiration of their programmed life span, they remain motionless. When a new user places an arm on the table or someone leaves, the living flies get airborne until the visitors are calm again! A graphical display in front of the users hand with accompanying brief information about the decomposition stage and the corpse lying time provides visitors with additional scientific information.<br />
</div><div class="leftcolumn"><br />
<a href="http://www.studiokreft.de/wp-content/uploads/2013/12/art_postmortem_16_9_5.jpg"><img src="http://www.studiokreft.de/wp-content/uploads/2013/12/art_postmortem_16_9_5.jpg" alt="art_postmortem_16_9_5" width="1012" height="569" class="alignleft size-full wp-image-651" /></a><br />
</div><div class="rightcolumn"><br />
&nbsp;<br />
<h5>TECHNICAL IMPLEMENTATION</h5>
<p>Post Mortem by Jannis Kilian Kreft is programmed in realtime. The virtual flies follow complex behavior patterns, that are modeled close to nature. Using camera tracking, realtime masking and mapping, the decay process is projected directly onto the arms of the users. The entire table surface is interactive and multi-user capable. All effects are calculated dynamically.Post Mortem is programmed in vvvv.<br />
</div></p>
]]></content:encoded>
			<wfw:commentRss>https://www.studiokreft.de/?feed=rss2&#038;p=14</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PRADAXA TABLE</title>
		<link>https://www.studiokreft.de/?p=1054</link>
		<comments>https://www.studiokreft.de/?p=1054#comments</comments>
		<pubDate>Thu, 03 Jan 2013 23:12:56 +0000</pubDate>
		<dc:creator><![CDATA[Studio Kreft]]></dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[MEDIA TABLE]]></category>
		<category><![CDATA[PORTFOLIO]]></category>

		<guid isPermaLink="false">http://www.studiokreft.de/?p=1054</guid>
		<description><![CDATA[]]></description>
				<content:encoded><![CDATA[<p><div class="topcolumn">
<!-- meta slider -->
<div style="max-width: 1000px; margin: 0 auto;" class="metaslider metaslider-nivo metaslider-1056 ml-slider">
    <style type="text/css">
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/metaslider/public.css?ver=2.5.1');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/nivo-slider.css?ver=2.5.1');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
    </style>
    <div id="metaslider_container_1056">
        <div class='slider-wrapper theme-default'>
            <div class='ribbon'></div>
            <div id='metaslider_1056' class='nivoSlider'>
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/slider_prj_pradaxa05-1000x400.jpg" height="400" width="1000" class="slider-1056 slide-1060" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/07_hand-1000x400.jpg" height="400" width="1000" class="slider-1056 slide-1057" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/slider_prj_pradaxa-1000x400.jpg" height="400" width="1000" class="slider-1056 slide-1058" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/slider_prj_pradaxa04-1000x400.jpg" height="400" width="1000" class="slider-1056 slide-1061" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/slider_prj_pradaxa03-1000x400.jpg" height="400" width="1000" class="slider-1056 slide-1062" />
            </div>
        </div>
    </div>
    <script type="text/javascript">
        var metaslider_1056 = function($) {
            $('#metaslider_1056').nivoSlider({ 
                boxCols:7,
                boxRows:5,
                pauseTime:4000,
                effect:"fold",
                controlNav:false,
                directionNav:false,
                pauseOnHover:false,
                animSpeed:600,
                prevText:"<",
                nextText:">",
                slices:25,
                manualAdvance:false
            });
        };
        var timer_metaslider_1056 = function() {
            var slider = !window.jQuery ? window.setTimeout(timer_metaslider_1056, 100) : !jQuery.isReady ? window.setTimeout(timer_metaslider_1056, 100) : metaslider_1056(window.jQuery);
        };
        timer_metaslider_1056();
    </script>
</div>
<!--// meta slider--></div><div class="leftcolumn"><br />

<!-- meta slider -->
<div style="max-width: 800px; margin: 0 auto;" class="metaslider metaslider-nivo metaslider-1065 ml-slider">
    <style type="text/css">
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/metaslider/public.css?ver=2.5.1');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/nivo-slider.css?ver=2.5.1');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
    </style>
    <div id="metaslider_container_1065">
        <div class='slider-wrapper theme-default'>
            <div class='ribbon'></div>
            <div id='metaslider_1065' class='nivoSlider'>
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_pra_03-800x450.jpg" height="450" width="800" class="slider-1065 slide-1067" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_pra_01-800x450.jpg" height="450" width="800" class="slider-1065 slide-1068" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_pra_02-800x450.jpg" height="450" width="800" class="slider-1065 slide-1070" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_pra_04-771x434.jpg" height="450" width="800" class="slider-1065 slide-1072" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_pra_06.jpg" height="450" width="800" class="slider-1065 slide-1073" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_pra_07-800x450.jpg" height="450" width="800" class="slider-1065 slide-1071" />
            </div>
        </div>
    </div>
    <script type="text/javascript">
        var metaslider_1065 = function($) {
            $('#metaslider_1065').nivoSlider({ 
                boxCols:7,
                boxRows:5,
                pauseTime:4000,
                effect:"fade",
                controlNav:false,
                directionNav:false,
                pauseOnHover:false,
                animSpeed:600,
                prevText:"<",
                nextText:">",
                slices:25,
                manualAdvance:false
            });
        };
        var timer_metaslider_1065 = function() {
            var slider = !window.jQuery ? window.setTimeout(timer_metaslider_1065, 100) : !jQuery.isReady ? window.setTimeout(timer_metaslider_1065, 100) : metaslider_1065(window.jQuery);
        };
        timer_metaslider_1065();
    </script>
</div>
<!--// meta slider--></div><div class="rightcolumn"><br />
&nbsp;</p>
<h5>PRADAXA TABLE</h5>
<p>The Pradaxa media table featured 8 touch screens that displayed the content making deep level information accessable to visitors at 8 individually controllable stations. The interesting architectural structre that framed the table was illuminated with changing color schemes, controlled by the visitor&#8217;s interactions on the screens.<br />
&nbsp;<br />
Jannis Kilian Kreft designed &#038; developed the realtime media content &#038; lighting control in collaboration with meso digital interiors.<br />
&nbsp;<br />
Programmed in vvvv<br />
&nbsp;</p>
<h6>CLIENT: Boehringer Ingelheim<br />
CONTRACTOR: meso</h6>
<p></div></p>
]]></content:encoded>
			<wfw:commentRss>https://www.studiokreft.de/?feed=rss2&#038;p=1054</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SIEMENS WORLD OF COFFEE</title>
		<link>https://www.studiokreft.de/?p=1032</link>
		<comments>https://www.studiokreft.de/?p=1032#comments</comments>
		<pubDate>Thu, 03 Jan 2013 23:12:51 +0000</pubDate>
		<dc:creator><![CDATA[Studio Kreft]]></dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[MEDIA TABLE]]></category>
		<category><![CDATA[PORTFOLIO]]></category>

		<guid isPermaLink="false">http://www.studiokreft.de/?p=1032</guid>
		<description><![CDATA[]]></description>
				<content:encoded><![CDATA[<p><div class="topcolumn">
<!-- meta slider -->
<div style="max-width: 1000px; margin: 0 auto;" class="metaslider metaslider-nivo metaslider-1034 ml-slider">
    <style type="text/css">
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/metaslider/public.css?ver=2.5.1');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/nivo-slider.css?ver=2.5.1');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
    </style>
    <div id="metaslider_container_1034">
        <div class='slider-wrapper theme-default'>
            <div class='ribbon'></div>
            <div id='metaslider_1034' class='nivoSlider'>
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/siemens5-1000x400.jpg" height="400" width="1000" class="slider-1034 slide-1035" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/sl_prj_siemens6-1000x400.jpg" height="400" width="1000" class="slider-1034 slide-1036" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/slider_interact2-1000x400.jpg" height="400" width="1000" class="slider-1034 slide-1037" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_siemens02-1000x400.jpg" height="400" width="1000" class="slider-1034 slide-1041" />
            </div>
        </div>
    </div>
    <script type="text/javascript">
        var metaslider_1034 = function($) {
            $('#metaslider_1034').nivoSlider({ 
                boxCols:7,
                boxRows:5,
                pauseTime:4000,
                effect:"fold",
                controlNav:false,
                directionNav:false,
                pauseOnHover:false,
                animSpeed:600,
                prevText:"<",
                nextText:">",
                slices:25,
                manualAdvance:false
            });
        };
        var timer_metaslider_1034 = function() {
            var slider = !window.jQuery ? window.setTimeout(timer_metaslider_1034, 100) : !jQuery.isReady ? window.setTimeout(timer_metaslider_1034, 100) : metaslider_1034(window.jQuery);
        };
        timer_metaslider_1034();
    </script>
</div>
<!--// meta slider--></div><div class="leftcolumn"><br />

<!-- meta slider -->
<div style="max-width: 800px; margin: 0 auto;" class="metaslider metaslider-nivo metaslider-1042 ml-slider">
    <style type="text/css">
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/metaslider/public.css?ver=2.5.1');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/nivo-slider.css?ver=2.5.1');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
    </style>
    <div id="metaslider_container_1042">
        <div class='slider-wrapper theme-default'>
            <div class='ribbon'></div>
            <div id='metaslider_1042' class='nivoSlider'>
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_siemens01-800x450.jpg" height="450" width="800" class="slider-1042 slide-1043" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_siemens04-800x450.jpg" height="450" width="800" class="slider-1042 slide-1044" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_siemens05-800x450.jpg" height="450" width="800" class="slider-1042 slide-1045" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_siemens09-800x450.jpg" height="450" width="800" class="slider-1042 slide-1046" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/interact3-800x450.jpg" height="450" width="800" class="slider-1042 slide-1047" />
            </div>
        </div>
    </div>
    <script type="text/javascript">
        var metaslider_1042 = function($) {
            $('#metaslider_1042').nivoSlider({ 
                boxCols:7,
                boxRows:5,
                pauseTime:4000,
                effect:"fade",
                controlNav:false,
                directionNav:false,
                pauseOnHover:false,
                animSpeed:600,
                prevText:"<",
                nextText:">",
                slices:15,
                manualAdvance:false
            });
        };
        var timer_metaslider_1042 = function() {
            var slider = !window.jQuery ? window.setTimeout(timer_metaslider_1042, 100) : !jQuery.isReady ? window.setTimeout(timer_metaslider_1042, 100) : metaslider_1042(window.jQuery);
        };
        timer_metaslider_1042();
    </script>
</div>
<!--// meta slider--></div><div class="rightcolumn"><br />
&nbsp;</p>
<h5>SIEMENS WORLD OF COFFEE TABLE</h5>
<p>Set into a multilayered framework by Franken Architekten and filled with graphic layers developed by Hauser Lacour, meso developed developed the realtime content on multiple 4K-resolution (2560 × 1920 pixels at 60 fps) 30&#8243;-monitors, easy to access via a rotary dial interface.<br />
&nbsp;<br />
Jannis Kilian Kreft developed the realtime content in cooperation with meso.<br />
&nbsp;<br />
AWARDS: iF communication design award 2009, ADC Award 2009,<br />
Adam Award 2009<br />
&nbsp;<br />
Programmed in vvvv<br />
&nbsp;</p>
<h6>CLIENT: BSH Bosch und Siemens Hausgeräte GmbH<br />
CONTRACTOR: Franken Architekten; Hauser Lacour / meso</h6>
<p></div></p>
]]></content:encoded>
			<wfw:commentRss>https://www.studiokreft.de/?feed=rss2&#038;p=1032</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>NIKON TABLE</title>
		<link>https://www.studiokreft.de/?p=955</link>
		<comments>https://www.studiokreft.de/?p=955#comments</comments>
		<pubDate>Thu, 03 Jan 2013 23:11:03 +0000</pubDate>
		<dc:creator><![CDATA[Studio Kreft]]></dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[MEDIA TABLE]]></category>
		<category><![CDATA[PORTFOLIO]]></category>

		<guid isPermaLink="false">http://www.studiokreft.de/?p=955</guid>
		<description><![CDATA[&#160;]]></description>
				<content:encoded><![CDATA[<p><div class="topcolumn">
<!-- meta slider -->
<div style="max-width: 1000px; margin: 0 auto;" class="metaslider metaslider-nivo metaslider-957 ml-slider">
    <style type="text/css">
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/metaslider/public.css?ver=2.5.1');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/nivo-slider.css?ver=2.5.1');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
    </style>
    <div id="metaslider_container_957">
        <div class='slider-wrapper theme-default'>
            <div class='ribbon'></div>
            <div id='metaslider_957' class='nivoSlider'>
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_nikon01-1000x400.jpg" height="400" width="1000" class="slider-957 slide-958" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_nikon02-1000x400.jpg" height="400" width="1000" class="slider-957 slide-959" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_nikon04-1000x400.jpg" height="400" width="1000" class="slider-957 slide-960" />
            </div>
        </div>
    </div>
    <script type="text/javascript">
        var metaslider_957 = function($) {
            $('#metaslider_957').nivoSlider({ 
                boxCols:7,
                boxRows:5,
                pauseTime:5000,
                effect:"fold",
                controlNav:false,
                directionNav:false,
                pauseOnHover:false,
                animSpeed:600,
                prevText:"<",
                nextText:">",
                slices:25,
                manualAdvance:false
            });
        };
        var timer_metaslider_957 = function() {
            var slider = !window.jQuery ? window.setTimeout(timer_metaslider_957, 100) : !jQuery.isReady ? window.setTimeout(timer_metaslider_957, 100) : metaslider_957(window.jQuery);
        };
        timer_metaslider_957();
    </script>
</div>
<!--// meta slider--></div><div class="leftcolumn"><br />

<!-- meta slider -->
<div style="max-width: 800px; margin: 0 auto;" class="metaslider metaslider-nivo metaslider-962 ml-slider">
    <style type="text/css">
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/metaslider/public.css?ver=2.5.1');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/nivo-slider.css?ver=2.5.1');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
    </style>
    <div id="metaslider_container_962">
        <div class='slider-wrapper theme-default'>
            <div class='ribbon'></div>
            <div id='metaslider_962' class='nivoSlider'>
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_nikon05-800x450.jpg" height="450" width="800" class="slider-962 slide-963" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_nikon08-800x450.jpg" height="450" width="800" class="slider-962 slide-964" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_nikon09-800x450.jpg" height="450" width="800" class="slider-962 slide-965" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_nikon07-800x450.jpg" height="450" width="800" class="slider-962 slide-966" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_nikon10-800x450.jpg" height="450" width="800" class="slider-962 slide-967" />
            </div>
        </div>
    </div>
    <script type="text/javascript">
        var metaslider_962 = function($) {
            $('#metaslider_962').nivoSlider({ 
                boxCols:7,
                boxRows:5,
                pauseTime:5000,
                effect:"fade",
                controlNav:false,
                directionNav:false,
                pauseOnHover:false,
                animSpeed:600,
                prevText:"<",
                nextText:">",
                slices:25,
                manualAdvance:false
            });
        };
        var timer_metaslider_962 = function() {
            var slider = !window.jQuery ? window.setTimeout(timer_metaslider_962, 100) : !jQuery.isReady ? window.setTimeout(timer_metaslider_962, 100) : metaslider_962(window.jQuery);
        };
        timer_metaslider_962();
    </script>
</div>
<!--// meta slider--></div>&nbsp;<br />
<div class="rightcolumn"> &nbsp;<br />
<h5>NIKON TABLE</h5>
<p>This interactive multi user table displayed Nikons digital imaging technologies at the Photokina 08 in Cologne.<br />
&nbsp;<br />
Jannis Kilian Kreft created the visual design and developed the vvvv realtime software in collaboration with meso digital interiors.<br />
&nbsp;<br />
The colours of the table were chosen to match Nikons corporate identity, though using images as the main style element added much to the spectrum and formed a very colourful design approach.<br />
&nbsp;<br />
To access the content six stations were implemented. Two additional layers triggered a stunning visual effect covering the whole table with huge photographies and closeups of Nikon camera details, making the entire surface interactive.<br />
&nbsp;<br />
The content was organized in a floating semantic net and arranged around the topics Sharpness, Colours, Speed and Control. To open one of the items the visitor just needed to wave his hand over the table, another simple gesture of the hand browsed to the next item. The content consisted of short animated video sequences and text.<br />
&nbsp;<br />
The playful effect layers consisted of two flocks of images that fell at irregular intervals on the table. A waving gesture over an effect layer image triggered a mask transition and revealed the picture very large as a slowly moving table background. When the visitor left the table, the main topic returned to its dynamic position in the semantic net.<br />
&nbsp;<br />
vvvv was the multipurpose toolkit of choice for motion sensing and content creation.</p>
<h6>Client: Nikon Deutschland GmbH<br />
Contractor: Intersystems GmbH / meso </h6>
<p></div></p>
]]></content:encoded>
			<wfw:commentRss>https://www.studiokreft.de/?feed=rss2&#038;p=955</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>INTEGRATING ENERGY TABLE</title>
		<link>https://www.studiokreft.de/?p=918</link>
		<comments>https://www.studiokreft.de/?p=918#comments</comments>
		<pubDate>Thu, 03 Jan 2013 23:10:01 +0000</pubDate>
		<dc:creator><![CDATA[Studio Kreft]]></dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[MEDIA TABLE]]></category>
		<category><![CDATA[PORTFOLIO]]></category>

		<guid isPermaLink="false">http://www.studiokreft.de/?p=918</guid>
		<description><![CDATA[]]></description>
				<content:encoded><![CDATA[<p><div class="topcolumn">
<!-- meta slider -->
<div style="max-width: 1000px; margin: 0 auto;" class="metaslider metaslider-nivo metaslider-930 ml-slider">
    <style type="text/css">
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/metaslider/public.css?ver=2.5.1');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/nivo-slider.css?ver=2.5.1');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
    </style>
    <div id="metaslider_container_930">
        <div class='slider-wrapper theme-default'>
            <div class='ribbon'></div>
            <div id='metaslider_930' class='nivoSlider'>
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/tricolori-copy_aufmacher-1000x400.jpg" height="400" width="1000" class="slider-930 slide-940" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/slider_prj_energytable.jpg" height="400" width="1000" class="slider-930 slide-932" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_energytable02-1000x400.jpg" height="400" width="1000" class="slider-930 slide-936" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/MG_1619-visitors-1000x400.jpg" height="400" width="1000" class="slider-930 slide-931" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_energytable01-1000x400.jpg" height="400" width="1000" class="slider-930 slide-935" />
            </div>
        </div>
    </div>
    <script type="text/javascript">
        var metaslider_930 = function($) {
            $('#metaslider_930').nivoSlider({ 
                boxCols:7,
                boxRows:5,
                pauseTime:5000,
                effect:"fold",
                controlNav:false,
                directionNav:false,
                pauseOnHover:false,
                animSpeed:600,
                prevText:"<",
                nextText:">",
                slices:25,
                manualAdvance:false
            });
        };
        var timer_metaslider_930 = function() {
            var slider = !window.jQuery ? window.setTimeout(timer_metaslider_930, 100) : !jQuery.isReady ? window.setTimeout(timer_metaslider_930, 100) : metaslider_930(window.jQuery);
        };
        timer_metaslider_930();
    </script>
</div>
<!--// meta slider--></div><div class="leftcolumn"><br />

<!-- meta slider -->
<div style="max-width: 800px; margin: 0 auto;" class="metaslider metaslider-nivo metaslider-934 ml-slider">
    <style type="text/css">
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/metaslider/public.css?ver=2.5.1');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/nivo-slider.css?ver=2.5.1');
        @import url('https://www.studiokreft.de/wp-content/plugins/ml-slider/assets/sliders/nivoslider/themes/default/default.css');
    </style>
    <div id="metaslider_container_934">
        <div class='slider-wrapper theme-default'>
            <div class='ribbon'></div>
            <div id='metaslider_934' class='nivoSlider'>
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_energytable03-800x450.jpg" height="450" width="800" class="slider-934 slide-937" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_energytable02-800x450.jpg" height="450" width="800" class="slider-934 slide-936" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prjenergytable04-800x450.jpg" height="450" width="800" class="slider-934 slide-938" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_energytable01-800x450.jpg" height="450" width="800" class="slider-934 slide-935" />
                <img src="http://www.studiokreft.de/wp-content/uploads/2014/01/prj_nrg-800x450.jpg" height="450" width="800" class="slider-934 slide-939" />
            </div>
        </div>
    </div>
    <script type="text/javascript">
        var metaslider_934 = function($) {
            $('#metaslider_934').nivoSlider({ 
                boxCols:7,
                boxRows:5,
                pauseTime:5000,
                effect:"fade",
                controlNav:false,
                directionNav:false,
                pauseOnHover:false,
                animSpeed:600,
                prevText:"<",
                nextText:">",
                slices:25,
                manualAdvance:false
            });
        };
        var timer_metaslider_934 = function() {
            var slider = !window.jQuery ? window.setTimeout(timer_metaslider_934, 100) : !jQuery.isReady ? window.setTimeout(timer_metaslider_934, 100) : metaslider_934(window.jQuery);
        };
        timer_metaslider_934();
    </script>
</div>
<!--// meta slider--></div><br />
<div class="rightcolumn"> &nbsp;<br />
<h5>INTERGRATING ENERGY TABLE</h5>
<p>After a concept by and in collaboration with exhibition architects echo ))) kommunikation im raum and communications agency mainfeld, meso was tasked to design and develop this interactive table &#038; light installation.<br />
&nbsp;<br />
Jannis Kilian Kreft created the visual design and developed the vvvv realtime software in collaboration with meso.<br />
&nbsp;<br />
Visitors to the ISH fair learn facts &#038; figures about the current energy debate by playing with a little universe of abstract glowing objects, which pop up at the flick of a finger, illuminating the room.<br />
&nbsp;<br />
Tracking the visitors’ gestures with a robust and effective infrared tracking system, the table offers room for up to eight simultaneous users.<br />
Due to the nature of the optical tracking system from above, interaction works without the visitors even touching the surface – just a wave of the hand is enough to trigger the text infos and visual effects.</p>
<h6>Client: Messe Frankfurt<br />
Contractor: echo ))) Kommunikation im Raum / meso </h6>
<p></div></p>
]]></content:encoded>
			<wfw:commentRss>https://www.studiokreft.de/?feed=rss2&#038;p=918</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
