{
    "componentChunkName": "component---src-templates-post-js",
    "path": "/dev/winteriscoming/",
    "result": {"data":{"site":{"siteMetadata":{"title":"Roman Kollatschny"}},"markdownRemark":{"id":"426b651d-cedb-5d5e-9c4f-d36a358f8f80","excerpt":"Winter is Coming Eine Webanwednung, die die Zeit bis zum Start der neuen Game of Thrones Season angibt. Da ich ein großer 'Game of Thrones'-Fan bin und nun seit…","html":"<h1>Winter is Coming</h1>\n<h2>Eine Webanwednung, die die Zeit bis zum Start der neuen Game of Thrones Season angibt.</h2>\n<p>Da ich ein großer 'Game of Thrones'-Fan bin und nun seit fast einem Jahr auf die neue Season warte, entschloss ich mich dazu, eine Anwendungzu entwickelen, die mir die noch verbleibende Zeit bis zum Start der neuen Season anzeigt.</p>\n<p>Da die bloße Darstellung der verbleidenden Zeit jedoch etwas langweilig wäre, wollte ich das Ganze etwas visuell aufpeppen. Ich orientierte mich dabei am <a href=\"https://www.youtube.com/watch?v=CuH3tJPiP-U\">Season 6 Trailer</a>, bei dem der Starttermin vor einer Nebelwolke dargestellt wird. Die Implementierung des Nebels erfolgte über WebGL mit <a href=\"http://threejs.org/\">ThreeJS</a>, bei der mehrere PlaneGeometries in der Szene rotieren und so die Illusion eines Nebels erzeugen.</p>\n<p>In der Infobox ist ein Link zur Anwendung.</p>","frontmatter":{"title":"Winter is Coming","published":"März 2015","description":"Eine Webanwednung, die die Zeit bis zum Start der neuen Game of Thrones Season angibt","banner":{"childImageSharp":{"id":"57389ce8-80f1-582a-8e7d-ed34ac89cf79","gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1710'%20height='1069'%20viewBox='0%200%201710%201069'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%20535v534h1711V0H0v535m403-68l-3%201-2%202%201%201c3%200%2011%2011%2010%2015l1%203%204%2010%205%2013%202%206c0%203%207%2020%209%2022%202%200%205-3%205-6l2-5a140%20140%200%20004-13l1-4%201-5%201-3%201-2%201-4%201-3h1c1-2%205%205%206%209l1%205%201%203%201%202%201%204%205%2013%201%205%202%202%201%201c2%203%205-1%207-11l3-7a265%20265%200%200012-40l1-4c0-1%205-6%207-6s0-2-3-3c-4-1-16%200-17%201l2%202c1%201%201%201-1%2011l-1%205c-2%201-3%207-3%2010l-1%202-1%202-1%205c-2%203-2%203-3%201l-2-3-1-4-6-15c-3-10-7-18-9-18s-5%204-5%206l-2%206-5%2016c0%202-6%2017-7%2016l-2-4-2-5-2-7-3-10c-2-5-3-14-1-14s1-2-2-3c-4-2-16-3-16-1m132%2010l-1%2028v27l-3%203c-3%203-3%204%201%204l3%201%2013-2v-2c-4%200-5-3-4-18l-1-14-1-2h1l1-1%201-2c2%200%205%203%204%204l1%201c1-1%202%200%202%201l1%201%206%205%208%207%201%202%201%201%205%204c8%208%2016%2015%2018%2015s2-3%202-30v-27l3-2c3-2%203-2%201-3l-18%201%202%202%203%205c1%204%200%2031-2%2032l-9-8a1870%201870%200%2000-32-30c-3-3-6-4-7-3m68%200c-1%201-1%2011%201%2012l2-3%202-3h8l8%201%201%203v45l-3%203c-4%202-2%204%208%204s11-1%208-4l-3-2v-50h7c9%200%2011%201%2013%204%202%204%203%201%203-5v-5h-4a478%20478%200%2001-51%200m247%200c-9%201-15%207-15%2015%200%207%202%209%2016%2020%2012%209%2014%2014%209%2019-7%207-20%204-22-6-2-6-4-3-4%205%200%206%201%207%209%209%2018%204%2033-9%2026-23-2-3-3-3-16-13-10-9-12-12-10-17%205-6%2015-6%2020%201%202%204%203%203%203-3%200-7-3-8-16-7m76%200c-8%202-17%209-21%2017l-2%206c-2%204-1%2017%202%2023%206%2011%2014%2016%2028%2017%2012%200%2022-3%2028-10%203-2%204-15%203-17-1-1-3%203-3%205%200%203-7%2011-10%2013-8%204-19%204-27%201-18-10-15-44%204-49%208-2%2021%200%2021%202l1%201c2%200%205%204%208%209s4%202%202-8c0-5-4-8-14-10h-20m75%200c-11%202-19%208-25%2017-5%2010-3%2025%204%2034%203%204%2011%209%2016%2011%209%203%2027%200%2033-6l4-3%206-8c4-9%204-14%201-23-5-16-21-25-39-22m-499%201c-4%200-5%202-2%203%204%202%204%203%204%2027%200%2023%200%2026-5%2028-2%200-2%200-1%202%203%202%2022%202%2023%200v-2c-2-1-5-3-4-4l-1-1v-22a161%20161%200%20011-24l2-4%202-3h-19m179%200c-17%200-20%201-15%203%204%202%204%208%204%2033-1%2020-1%2021-5%2022-4%202%203%203%2019%203%2022%200%2020%201%2023-9%203-7%202-10-1-4-3%205-9%207-18%207h-9l-1-4v-11l1-6%206-1c9%200%2012%200%2012%203%202%206%203-6%202-12%200-2-2-1-2%201%200%203-15%205-18%202v-21c2-2%2019-1%2021%201l2%203%201%201%201-6v-6h-3l-20%201m378%200l-6%2041c-1%2012-3%2016-7%2017s0%203%208%202c8%200%209%200%207-3-2-2-1-12%202-31v-3l2%202%209%2016a228%20228%200%200010%2019c1%202%204%202%204%200l18-38c2-2%203%200%203%207l3%2017c1%2010%201%2012-2%2012v1c1%202%2019%202%2019%200l-2-1c-4%200-5-4-8-29l-6-29c-1-2-4%202-18%2031-6%2012-7%2014-9%2013l-10-19c-12-24-15-29-17-25m113%200v27c0%2027%200%2031-4%2031-1%200-2%200-1%201l9%201%208-1-1-1-4-2c-1-3-1-38%201-38l15%2013c27%2026%2032%2030%2033%2030l1-28c0-29%200-31%205-31v-1h-18l2%202c4%201%205%204%205%2019s-1%2021-2%2021l-13-12a13190%2013190%200%2000-36-31m93%200c-18%204-27%2022-22%2040%207%2022%2035%2029%2057%2013%203-2%204-5%204-12%200-6%200-7%202-7%204-2%202-3-6-3l-9%201%201%201c3%200%204%203%204%2010%200%206%200%206-3%209-7%205-15%206-25%204-18-4-23-35-7-48%203-2%2010-5%2015-5%209%200%2020%207%2022%2014%201%204%203%203%202-2l-1-7c0-5-7-8-21-9l-13%201m-548%201l1%202c4%202%204%203%204%2028%200%2023-1%2027-4%2027l-2%201%2013%202%204-1c3%200%204-2%202-2l-3-1c-1-1-2-29-1-45v-7h6c9%200%2015%204%2015%2012%200%207-3%2010-12%2011-7%201-9%203-6%204s8%206%2013%2014c7%2010%2013%2014%2021%2014%206%200%207-1%202-3-3-1-6-5-12-12l-8-10%204-4c9-8%2010-18%203-26l-8-4h-32m87%200l-2%201%203%201%203%201v21c1%2026%200%2033-5%2033l-1%201%2010%201%2012-1-2-1c-4%200-5-3-5-28v-23l2-3%204-2-1-1h-18m333%200l-2%201h2c5%202%205%202%205%2028s0%2028-5%2028l-2%201h21l-2-2c-4-1-4-3-4-28%200-23%201-25%205-27h3l-3-1h-18m-136%204c-9%203-14%208-17%2017-5%2021%2010%2038%2029%2034%2024-6%2025-43%202-51h-14M401%20587c-4%203-4%207-1%2011l2%202%201-2%202-3c1%201%201%200%201-1%200-2%200-2%202%200%203%202%203%203-1%207l-2%203%203%204c3%203%204%204%203%206%200%202-6%208-8%208l-2%201c-2%202-2%202%201%203%2010%205%2024-4%2022-14v-5l-1-1c-2%200-1-5%201-8l2-3%201%202c1%203%204%204%204%202s5-6%207-5c4%202%201%2012-6%2019l-3%204-1%202-2%204c0%201%208%203%2014%203%2010%200%2014-3%2014-10%200-5-1-6-3-4-1%202-6%201-4-1l1-1c1%201%205-8%205-12%201-5-1-8-7-11-4-2-15-2-15%200l-2%201c-1-1-2%200-3%203-2%204-2%204-4%200s-6-5-11-5h-6l-4%201m225%201l-3%201-4%201c-2%201-2%201-1%203%202%202%202%2026%200%2028v2c8%203%2014%202%2014-2l-1-3-1-8c1-9%200-22-1-23l-3%201m14%200c-5%202-6%203-4%207%203%205%203%205%205%200l3-3%203%201c1%200%202%201%202%204l-1%202-1%201-2%202c-4%202-4%202%200%204%208%203%206%2013-5%2017-4%202-4%203%201%204%2013%202%2024-9%2018-20-1-2-2-4-1-5v-10c-1-4-10-6-18-4m421%200c-7%203-10%2011-7%2018%202%204%206%205%2011%205l5-1c0%204-4%209-8%2012-5%203-4%204%201%204%2011%200%2019-10%2019-22%200-6-2-12-6-15-3-2-11-2-15-1m-20%202l-3%203-14%2016c-3%203-2%205%205%205l7%201v6l-1%202%206%201h7l-1-5%201-5c2%200%202%200%203-4%201-2%201-3-1-4s-3-2-3-6l-2-12-4%202m-567%202c-3%201-4%202-2%203a116%20116%200%2001-1%2028c1%205%2026%202%2032-4%203-2%204-14%202-17-3-5-6-8-8-8-1%200-2%200-1-1l-3-1h-19m46%201l-4%206c0%203-2%205-2%205l-1%201-8%2016c-1%202-1%202%204%203%203%201%206-1%206-3l1-2%201-2v-2c2-1%206-2%206%200v1c2%200%204%203%204%206s4%204%208%203c3-1%204-3%202-6l-1-2-1-1-5-9-4-10-1-3c0-2%200-2-1-1h-4m15%200c-3%200-2%201%200%203l2%203%203%205%203%206%201%2011c-2%200-1%203%202%203%205%201%2011-1%208-3-2%200-2-1-1-2v-1c-2%200%203-15%205-16l2-1c-1-1%204-6%205-6%202%200%200-2-3-2-6-1-8%200-8%202%201%202-3%207-5%207%200%200-2-1-2-3l-1-3-1-2c-1-1-6-2-10-1m35%201c-6%204-5%2011%204%2017l4%205%201%201h1l-1%201-1%201c1%202-3%202-6%202v-3l-2-1c-1-2-4-2-4-1v3c-2%204%208%208%2013%206%204-2%207-6%207-9s-4-8-6-10l-6-6v-2l1-2%201%201%202%201h3c1%202%202%201%202-2%200-4-8-6-13-2m118%203l-2%2013-2%2011c-2%203-1%203%203%203l4-1v-6c0-9%201-10%204-5%204%208%207%2012%208%2012l5-9c5-11%206-11%206%201l1%208h4c5%200%205-1%204-3l-3-10c-3-20-4-22-9-11-5%2010-7%2014-8%2013l-5-8-7-11-2-2-1%205m125-4l1%205%201-1%205-1h4v13l-1%2013v1h9l-1-1-1-13%201-12%203-1%204%201c2%202%203%201%203-2v-2h-28m63%200c-8%204-7%2010%201%2016l7%207c1%205-7%207-11%202-2-2-2-2-3-1-2%204%202%207%209%207%206%200%209-3%209-8%200-4-1-5-8-11-6-5-6-8-2-9%202-1%203-1%205%201%203%203%204%203%204-1-1-4-6-5-11-3m88%200c-2%200-3%202-1%203%201%200%202%201%201%202v14l-3-2-5-4c-4-4-14-13-16-13l-1%2014-1%2014c-2%202-1%203%204%203%203%200%204-1%203-3l-2-13c1-3%203-3%2012%206%209%208%2013%2011%2014%2010v-14l1-15c3-1-1-3-6-2m140%200c-5%201-8%206-6%2010l9%209c5%204%204%208%200%209-3%200-7-3-7-5%200-3-3%200-3%203%200%204%204%206%2011%205%205-1%208-3%208-8s-2-7-8-11c-5-4-6-7-3-9%202-1%207%200%207%202l1%201c2-2%201-6-2-6l-4-1-3%201m26%200c-8%200-10%201-8%202v26c-3%202%201%203%2010%203h9l1-3c2-4%201-7-1-4l-3%202-1%201-3%201-4-1-1-2v-6c1-2%206-3%208-1%201%202%202%201%202-2%200-4-1-6-2-4s-8%201-8%200v-8c-1-1%200-1%204-1l6%201c1%202%202%201%202-2-1-3%200-3-11-2m24%201c-10%206-11%2020-2%2027%208%206%2024%203%2025-5%201-4%200-5-2-2-4%209-17%209-21%201-7-14%208-26%2019-15l3%203v-3c0-4-3-7-9-7-7-1-9-1-13%201m41-1c-7%201-14%208-14%2014%200%205%204%2012%207%2014%204%203%2014%204%2020%201%205-2%208-7%208-14%200-11-9-17-21-15m106%200c-7%203-7%2011%200%2015%206%205%208%208%208%2010-2%205-9%205-11%200-2-3-3-3-3%201%200%208%2016%206%2018-2%201-3%200-4-6-10l-7-8c0-4%207-5%2010-1%201%201%201%201%201-2l-1-3h-9m-574%201l1%201c3%201%202%2026%200%2026-2%201%200%203%205%203%204%200%205-1%203-2-1-1-1-26%201-27v-1h-10m18%203a686%20686%200%2000-1%2025c-2%202-1%202%204%201l3-1c-2-1-2-3-2-10%200-10%201-10%2011%200l13%2012%201-20%201-9c3-1%201-2-2-2-4%200-6%201-4%202%201%201%202%208%201%2014v5l-11-11c-12-11-14-12-14-6m37-3v1l1%2011c0%2014%203%2018%2013%2018s13-4%2013-18l1-10%201-2h-8l1%201v22c-1%205-12%206-15%201v-23l1-1h-8m62%200l1%202c2%201%202%2024%200%2026-1%201%202%202%2012%202%207-1%207-1%209-4%201-4%201-5-1-3-2%203-6%204-9%204-4%200-5-1-4-7%200-4%200-4%204-4l4%201%201%201%201-3c0-4-1-5-3-3l-5%201-3-1v-5l1-5c0-1%2010%200%2011%202%201%201%201%201%201-2v-3h-9l-11%201m67%2014l-8%2015%204%201c4%200%204-1%204-4l1-3v-2l6-1c5%200%206%200%207%203l1%205c-1%202%205%203%208%202v-3l-6-9c-6-16-8-19-9-19l-8%2015m66-12v24l-1%204h11c14-1%2017-2%2020-8%204-8%202-17-6-21-3-2-5-2-14-2h-11l1%203m245-2a967%20967%200%20000%2029c3%201%207%200%205-1l-1-10c0-7%200-9%201-8l1%201h1l21%2019%201-14c0-13%200-15%202-15v-1h-7v1l1%2016c0%203-1%203-8-4-14-13-17-16-17-13m37%200v1c2%201%202%2026%200%2027s2%202%2012%201c8%200%2011%200%2013-2%209-5%209-20%200-26-3-2-24-3-25-1m-66%203c-7%205-7%2020%201%2023%209%204%2016-2%2016-11%200-11-9-17-17-12m-208%200v1c-1%200-2%2016%200%2021%201%204%2010%203%2014-2%205-6%204-16-2-19-3-2-15-3-12-1m281%2012v12h6c10%200%2016-7%2013-17-2-6-5-8-13-8h-6v13m-781-11c-4%200-4%201-4%2012-1%208%200%209%207%209%205-1%208-3%209-6v-3c1-4-4-13-7-13l-5%201'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e"},"images":{"fallback":{"src":"/projects/static/7528833a2909791f321bcdb128e91d63/b8213/head.jpg","srcSet":"/projects/static/7528833a2909791f321bcdb128e91d63/84519/head.jpg 750w,\n/projects/static/7528833a2909791f321bcdb128e91d63/09f70/head.jpg 1080w,\n/projects/static/7528833a2909791f321bcdb128e91d63/b8213/head.jpg 1710w","sizes":"(min-width: 1710px) 1710px, 100vw"},"sources":[{"srcSet":"/projects/static/7528833a2909791f321bcdb128e91d63/59596/head.webp 750w,\n/projects/static/7528833a2909791f321bcdb128e91d63/45939/head.webp 1080w,\n/projects/static/7528833a2909791f321bcdb128e91d63/5ab1e/head.webp 1710w","type":"image/webp","sizes":"(min-width: 1710px) 1710px, 100vw"}]},"width":1710,"height":1069}}},"location":null,"date":{"from":"März 2015","to":null},"team":null,"repos":[{"link":"https://github.com/RomanKol/winteriscoming","title":"GitHub Repository WebGL"},{"link":"https://github.com/RomanKol/winteriscoming_css","title":"GitHub Repository CSS"}],"links":[{"link":"https://kollatschny.net/winteriscoming/","title":"Demo"}],"videos":null}},"allFile":{"edges":[]}},"pageContext":{"slug":"/dev/winteriscoming/","gallery":"dev/winteriscoming/gallery","previous":{"fields":{"slug":"/study/abgespaced/"},"frontmatter":{"title":"abgespaced","published":"2015-03-01"}},"next":{"fields":{"slug":"/photo/savognin/"},"frontmatter":{"title":"Savognin","published":"2015-08-01"}}}},
    "staticQueryHashes": ["2841359383"]}