{"id":301,"date":"2011-09-04T20:57:51","date_gmt":"2011-09-04T18:57:51","guid":{"rendered":"https:\/\/lorenzpotthast.de\/old\/?p=301"},"modified":"2013-08-05T00:40:01","modified_gmt":"2013-08-04T22:40:01","slug":"old-website","status":"publish","type":"post","link":"https:\/\/lorenzpotthast.de\/old\/old-website\/","title":{"rendered":"<!--:de-->Alte Website<!--:--><!--:en-->Old Website<!--:-->"},"content":{"rendered":"<p><!--:de--><\/p>\n<h5>Meine alte 3D Flash Website<\/h5>\n<p>Meine alte Website <a href=\"https:\/\/lorenzpotthast.de\/old\/old\" target=\"_blank\">www.ciaok\u00e4sten.de<\/a> ist aus einer Besch\u00e4ftigung mit den technischen M\u00f6glichkeiten der Realtime 3D Engine <a href=\"http:\/\/code.google.com\/p\/papervision3d\/\" target=\"_blank\">Papervision<\/a> f\u00fcr Flash Actionscript 3 entstanden.<br \/>\nDie konzeptionelle Idee zu diesem Projekt kam mir bei der Besch\u00e4ftigung mit experimentellen M\u00f6glichkeiten zur Sortierung von Inhalten mithilfe von Relevanzen. Die interaktive Seite zeigt dem Benutzer eine dynamisch gewichtete Auswahl an Projekten in einer r\u00e4umlichen Anordnung. Dabei soll die Seite zum St\u00f6bern und entdecken einladen und neugierig<br \/>\nmachen.<\/p>\n<p><iframe loading=\"lazy\" src=\"http:\/\/player.vimeo.com\/video\/71691025?title=0&#038;byline=0&#038;portrait=0&#038;color=ffffff\" height=\"450\" width=\"800\" allowfullscreen=\"\" frameborder=\"0\"><\/iframe><\/p>\n<p>Umgesetzt ist die Website in Actionscript 3 und <a href=\"http:\/\/blog.papervision3d.org\/\" target=\"_blank\">Papervision3D<\/a> einem Open-Source-Framework, das dazu dient, 3D-Modelle in Flash-Anwendungen zu integrieren. Au\u00dferdem wird die (wirklich coole) Tweening Engine <span style=\"text-decoration: underline;\"><a href=\"http:\/\/www.greensock.com\/tweenlite\/\" target=\"_blank\">TweenLite<\/a><\/span> verwendet. Au\u00dferdem verwendet die Seite <span style=\"text-decoration: underline;\"><a href=\"http:\/\/www.asual.com\/swfaddress\/\" target=\"_blank\">SWFAddress<\/a><\/span>, das eine Deep-Linking Navigation erm\u00f6glicht, die man von normalen Flash Seiten nicht gew\u00f6hnt ist und einzelne Projekte per eindeutigem Link direkt ansteuerbar macht.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-308\" alt=\"oldwebsite_01\" src=\"https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_01-800x416.jpg\" width=\"800\" height=\"416\" srcset=\"https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_01-800x416.jpg 800w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_01-380x197.jpg 380w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_01-120x62.jpg 120w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_01.jpg 1367w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-307\" alt=\"oldwebsite_02\" src=\"https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_02-800x416.jpg\" width=\"800\" height=\"416\" srcset=\"https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_02-800x416.jpg 800w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_02-380x197.jpg 380w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_02-120x62.jpg 120w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_02.jpg 1367w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-306\" alt=\"oldwebsite_03\" src=\"https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_03-800x416.jpg\" width=\"800\" height=\"416\" srcset=\"https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_03-800x416.jpg 800w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_03-380x197.jpg 380w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_03-120x62.jpg 120w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_03.jpg 1367w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-305\" alt=\"oldwebsite_04\" src=\"https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_04-800x416.jpg\" width=\"800\" height=\"416\" srcset=\"https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_04-800x416.jpg 800w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_04-380x197.jpg 380w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_04-120x62.jpg 120w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_04.jpg 1367w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-304\" alt=\"oldwebsite_05\" src=\"https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_05-800x416.jpg\" width=\"800\" height=\"416\" srcset=\"https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_05-800x416.jpg 800w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_05-380x197.jpg 380w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_05-120x62.jpg 120w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_05.jpg 1367w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-303\" alt=\"oldwebsite_06\" src=\"https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_061-800x416.jpg\" width=\"800\" height=\"416\" srcset=\"https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_061-800x416.jpg 800w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_061-380x197.jpg 380w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_061-120x62.jpg 120w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_061.jpg 1367w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><!--:--><!--:en--><\/p>\n<h5>My old interactive 3d flash website<\/h5>\n<p>My old website <a href=\"https:\/\/lorenzpotthast.de\/old\/old\" target=\"_blank\">www.ciaok\u00e4sten.de<\/a> evolved from working with the technical possibilities of the realtime 3d engine <a href=\"http:\/\/blog.papervision3d.org\/\" target=\"_blank\">Papervision<\/a> for Flash Actionscript 3.<br \/>\nThe conceptual idea came during thinking about experimental possibilities to sort contents by relevance. The interactive site shows the user a dynamically weighted selection of projects in a spatial arrangement. The site was supposed to make the user interested and dig arround.<\/p>\n<p><iframe loading=\"lazy\" src=\"http:\/\/player.vimeo.com\/video\/71691025?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff\" height=\"450\" width=\"800\" allowfullscreen=\"\" frameborder=\"0\"><\/iframe><\/p>\n<p>The website is programmed in Actionscript 3 and uses the Opensource Framework Papervision 3D to integrate 3D elements in a Flash environment. Also the (very cool) tweening engine <a href=\"http:\/\/www.greensock.com\/tweenlite\/\" target=\"_blank\">TweenLite<\/a>\u00a0is used for animations. The navigation works with <a href=\"http:\/\/www.asual.com\/swfaddress\/\" target=\"_blank\">SWFadress<\/a> which allows a Deep-Linking which is normally not available on a Flash Website and enables the direct linking to a single subpage.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-308\" alt=\"oldwebsite_01\" src=\"https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_01-800x416.jpg\" width=\"800\" height=\"416\" srcset=\"https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_01-800x416.jpg 800w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_01-380x197.jpg 380w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_01-120x62.jpg 120w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_01.jpg 1367w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-307\" alt=\"oldwebsite_02\" src=\"https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_02-800x416.jpg\" width=\"800\" height=\"416\" srcset=\"https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_02-800x416.jpg 800w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_02-380x197.jpg 380w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_02-120x62.jpg 120w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_02.jpg 1367w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-306\" alt=\"oldwebsite_03\" src=\"https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_03-800x416.jpg\" width=\"800\" height=\"416\" srcset=\"https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_03-800x416.jpg 800w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_03-380x197.jpg 380w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_03-120x62.jpg 120w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_03.jpg 1367w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-305\" alt=\"oldwebsite_04\" src=\"https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_04-800x416.jpg\" width=\"800\" height=\"416\" srcset=\"https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_04-800x416.jpg 800w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_04-380x197.jpg 380w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_04-120x62.jpg 120w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_04.jpg 1367w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-304\" alt=\"oldwebsite_05\" src=\"https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_05-800x416.jpg\" width=\"800\" height=\"416\" srcset=\"https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_05-800x416.jpg 800w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_05-380x197.jpg 380w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_05-120x62.jpg 120w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_05.jpg 1367w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-303\" alt=\"oldwebsite_06\" src=\"https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_061-800x416.jpg\" width=\"800\" height=\"416\" srcset=\"https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_061-800x416.jpg 800w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_061-380x197.jpg 380w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_061-120x62.jpg 120w, https:\/\/lorenzpotthast.de\/old\/wp-content\/uploads\/2013\/08\/oldwebsite_061.jpg 1367w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><!--:--><\/p>\n","protected":false},"excerpt":{"rendered":"<h5>Meine alte 3D Flash Website&hellip;<\/h5>\nMeine alte Website www.ciaok\u00e4sten.de ist aus einer Besch\u00e4ftigung mit den technischen M\u00f6glichkeiten der Realtime 3D Engine Papervision f\u00fcr Flash Actionscript 3 entstanden.\nDie konzeptionelle Idee zu diesem Projekt kam mir bei der Besch\u00e4ftigung mit experimentellen M\u00f6glichkeiten zur Sortierung von Inhalten mithilfe von Relevanzen. Die interaktive Seite zeigt dem Benutzer eine dynamisch gewichtete Auswahl an Projekten in einer r\u00e4umlichen Anordnung. Dabei soll die Seite zum St\u00f6bern und entdecken einladen und neugierig\nmachen.\n\nUmgesetzt ist die","protected":false},"author":1,"featured_media":311,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[9,6,2],"tags":[],"_links":{"self":[{"href":"https:\/\/lorenzpotthast.de\/old\/wp-json\/wp\/v2\/posts\/301"}],"collection":[{"href":"https:\/\/lorenzpotthast.de\/old\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lorenzpotthast.de\/old\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lorenzpotthast.de\/old\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lorenzpotthast.de\/old\/wp-json\/wp\/v2\/comments?post=301"}],"version-history":[{"count":9,"href":"https:\/\/lorenzpotthast.de\/old\/wp-json\/wp\/v2\/posts\/301\/revisions"}],"predecessor-version":[{"id":313,"href":"https:\/\/lorenzpotthast.de\/old\/wp-json\/wp\/v2\/posts\/301\/revisions\/313"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lorenzpotthast.de\/old\/wp-json\/wp\/v2\/media\/311"}],"wp:attachment":[{"href":"https:\/\/lorenzpotthast.de\/old\/wp-json\/wp\/v2\/media?parent=301"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lorenzpotthast.de\/old\/wp-json\/wp\/v2\/categories?post=301"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lorenzpotthast.de\/old\/wp-json\/wp\/v2\/tags?post=301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}