CINXE.COM
VIRTUALFOREST.IO
<!DOCTYPE html> <html lang="en-us"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="generator" content="Source Themes Academia 4.3.1"> <script src="https://aframe.io/releases/1.4.2/aframe.min.js"></script> <meta name="generator" content="Hugo 0.69.2" /> <meta name="author" content="Koen Hufkens, PhD"> <meta name="description" content="Bringing live forest images into a VR world"> <link rel="alternate" hreflang="en-us" href="https://virtualforest.io/"> <meta name="theme-color" content="#4caf50"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/academicons/1.8.6/css/academicons.min.css" integrity="sha256-uFVgMKfistnJAfoCUQigIl+JfUaP47GrRKjf6CTPVmw=" crossorigin="anonymous"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.0/css/all.css" integrity="sha384-aOkxzJ5uQz7WBObEZcHvV5JvRW3TUc2rNPA7pe3AwnsUohiw1Vj2Rgx2KSOkF5+h" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.css" integrity="sha256-ygkqlh3CYSUri3LhQxzdcm0n1EQvH2Y+U5S2idbLtxs=" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/github.min.css" crossorigin="anonymous" title="hl-light"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/dracula.min.css" crossorigin="anonymous" title="hl-dark" disabled> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.2.0/leaflet.css" integrity="sha512-M2wvCLH6DSRazYeZRIm1JnYyh22purTM+FDB5CsyxtQJYeKq83arPe5wgbNmcFXGqiSH2XR8dT/fJISVA1r/zQ==" crossorigin="anonymous"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Roboto:400,400italic,700|Roboto+Mono&display=swap"> <link rel="stylesheet" href="/css/academia.min.c93e9443effaef2db4c3ad8b7cd567cd.css"> <script> window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; ga('create', 'UA-190767338-1', 'auto'); ga('set', 'anonymizeIp', true); ga('require', 'eventTracker'); ga('require', 'outboundLinkTracker'); ga('require', 'urlChangeTracker'); ga('send', 'pageview'); </script> <script async src="//www.google-analytics.com/analytics.js"></script> <script async src="https://cdnjs.cloudflare.com/ajax/libs/autotrack/2.4.1/autotrack.js" integrity="sha512-HUmooslVKj4m6OBu0OgzjXXr+QuFYy/k7eLI5jdeEy/F4RSgMn6XRWRGkFi5IFaFgy7uFTkegp3Z0XnJf3Jq+g==" crossorigin="anonymous"></script> <link rel="alternate" href="/index.xml" type="application/rss+xml" title="VIRTUALFOREST.IO"> <link rel="feed" href="/index.xml" type="application/rss+xml" title="VIRTUALFOREST.IO"> <link rel="manifest" href="/site.webmanifest"> <link rel="icon" type="image/png" href="/img/icon.png"> <link rel="apple-touch-icon" type="image/png" href="/img/icon-192.png"> <link rel="canonical" href="https://virtualforest.io/"> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:site" content="@bluegreen_labs"> <meta property="twitter:creator" content="@bluegreen_labs"> <meta property="og:site_name" content="VIRTUALFOREST.IO"> <meta property="og:url" content="https://virtualforest.io/"> <meta property="og:title" content="VIRTUALFOREST.IO"> <meta property="og:description" content="Bringing live forest images into a VR world"><meta property="og:image" content="https://virtualforest.io/img/featured.jpg"> <meta property="twitter:image" content="https://virtualforest.io/img/featured.jpg"><meta property="og:locale" content="en-us"> <meta property="og:updated_time" content="2021-02-25T00:00:00+00:00"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css"> <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script> <script> window.addEventListener("load", function(){ window.cookieconsent.initialise({ "palette": { "popup": { "background": "#4caf50", "text": "#fff" }, "button": { "background": "#fff", "text": "#4caf50" } }, "theme": "classic", "content": { "message": "This website uses cookies to ensure you get the best experience on our website.", "dismiss": "Got it!", "link": "Learn more", "href": "https://cookies.insites.com" } })}); </script> <title>VIRTUALFOREST.IO</title> </head> <body id="top" data-spy="scroll" data-target="#navbar-main" data-offset="81" > <aside class="search-results" id="search"> <div class="container"> <section class="search-header"> <div class="row no-gutters justify-content-between mb-3"> <div class="col-6"> <h1>Search</h1> </div> <div class="col-6 col-search-close"> <a class="js-search" href="#"><i class="fas fa-times-circle text-muted" aria-hidden="true"></i></a> </div> </div> <div id="search-box"> <input name="q" id="search-query" placeholder="Search..." autocapitalize="off" autocomplete="off" autocorrect="off" role="textbox" spellcheck="false" type="search"> </div> </section> <section class="section-search-results"> <div id="search-hits"> </div> </section> </div> </aside> <nav class="navbar navbar-light fixed-top navbar-expand-lg py-0" id="navbar-main"> <div class="container"> <a class="navbar-brand" href="/">VIRTUALFOREST.IO</a> <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"><span><i class="fas fa-bars"></i></span> </button> <div class="collapse navbar-collapse" id="navbar"> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a class="nav-link " href="/#"><span>Home</span></a> </li> <li class="nav-item"> <a class="nav-link " href="/forest/"><span>Virtual Forest</span></a> </li> <li class="nav-item"> <a class="nav-link " href="/post/"><span>Blog</span></a> </li> <li class="nav-item"> <a class="nav-link " href="/about/"><span>About</span></a> </li> <li class="nav-item"> <a class="nav-link js-search" href="#"><i class="fas fa-search" aria-hidden="true"></i></a> </li> </ul> </div> </div> </nav> <span class="js-widget-page d-none"></span> <section id="hero" class="home-section wg-hero dark parallax " style="background-color: #fff;background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://virtualforest.io/img/background.jpg');padding: 250px 0 50px 0;" > <div class="container"> <div class="row"> <div class="col-10 mx-auto col-md-6 order-md-1 hero-media align-self-center"> <img class="hero-img img-fluid" src="/img/empty.png" alt=""> </div> <div class="col-md-6 order-md-2 text-center text-md-left align-self-end"> <div><h1 id="tracking-seasonal-change-in-a-virtual-forest">Tracking seasonal change in a virtual forest</h1> </div> <p class="mt-4"> <a href="/forest/" class="btn btn-light btn-lg page-scroll">Experience the forest*</a> </p> </div> </div> </div> </section> <section id="intro" class="home-section wg-intro " style="padding: 50px 0 50px 0;" > <div class="container"> <div class="row"> <div class="col-12 col-md-6"> <h2>Bringing a forest into a VR world</h2> <img src=/img/cardboard.png> </div> <div class="col-12 col-md-6"> <div><p>Virtual Forest provides a year round live VR experience of a forest tracking the changing seasons up close in a digital form. (* For optimal support use a Firefox browser)</p> </div> </div> </div> </div> </section> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/4.1.4/imagesloaded.pkgd.min.js" integrity="sha256-lqvxZrPLtfffUl2G/e7szqSvPBILGbwmsGE1MKlOi0Q=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.min.js" integrity="sha256-CBrpuqrMhXwcLLUd5tvQ4euBHCdh7wGlDfNz8vbu/iI=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.js" integrity="sha256-X5PoE3KU5l+JcX+w09p/wHl9AzK333C4hJ2I9S5mD4M=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/highlight.min.js" integrity="sha256-aYTdUrn6Ow1DDgh5JTc3aDGnnju48y/1c8s1dgkYPQ8=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.2.0/leaflet.js" integrity="sha512-lInM/apFSqyy1o6s89K4iQUKg6ppXEgsVxT35HbzUupEVRh2Eu9Wdl4tHj7dZO0s1uvplcYGmt3498TtHq+log==" crossorigin="anonymous"></script> <script>hljs.initHighlightingOnLoad();</script> <script> const search_index_filename = "/index.json"; const i18n = { 'placeholder': "Search...", 'results': "results found", 'no_results': "No results found" }; const content_type = { 'post': "Posts", 'project': "Projects", 'publication' : "Publications", 'talk' : "Talks" }; </script> <script id="search-hit-fuse-template" type="text/x-template"> <div class="search-hit" id="summary-{{key}}"> <div class="search-hit-content"> <div class="search-hit-name"> <a href="{{relpermalink}}">{{title}}</a> <div class="article-metadata search-hit-type">{{type}}</div> <p class="search-hit-description">{{snippet}}</p> </div> </div> </div> </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/3.2.1/fuse.min.js" integrity="sha256-VzgmKYmhsGNNN4Ph1kMW+BjoYJM2jV5i4IlFoeZA9XI=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/jquery.mark.min.js" integrity="sha256-4HLtjeVgH0eIB3aZ9mLYF6E8oU5chNdjU6p6rrXpl9U=" crossorigin="anonymous"></script> <script src="/js/academia.min.e4fc229c2f28284fc2dfa5b66a52b765.js"></script> <div class="container"> <footer class="site-footer"> <div class="container"> <div class="row"> <div class="col-md-12"> <center><p>Made possible with support from</p></center> <center> <div class="row" style="vertical-align: middle"> <div class="col-md-3" style="align-content: center"> <a href="https://ec.europa.eu/research/mariecurieactions/node_en" target="_blank"> <img src = https://virtualforest.io/img/client-logo/msca_logo.png height = "30px"></img> <br> </div> <div class="col-md-3"> <a href="http://ugent.be" target="_blank"> <img src=https://virtualforest.io/img/client-logo/ugent_color.png width="60px"></a> <br> </div> <div class="col-md-3"> <a href="http://inrae.fr" target="_blank"> <img src=https://virtualforest.io/img/client-logo/inrae.png></a> <br> </div> <div class="col-md-3"> <a href="http://bluegreenlabs.org" target="_blank"> <img src=https://virtualforest.io/img/client-logo/bluegreen.png></a> <br> </div> </div> </center> </div> </div> <br> <div class="row"> <div class="col-md-6"> <p> BlueGreen Labs 漏 2023 </p> <p class="powered-by"> <a href="/legal/credits/">Credits</a> </p> </div> <div class="col-md-6"> <ul class="list-inline network-icon text-right"> <li class="list-inline-item"> <a href="https://twitter.com/bluegreen_labs" target="_blank" rel="noopener" title="DM Me"><i class="fab fa-twitter" aria-hidden="true"></i></a> </li> </ul> </div> </div> </div> </footer> </div> <div id="modal" class="modal fade" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Cite</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <pre><code class="tex hljs"></code></pre> </div> <div class="modal-footer"> <a class="btn btn-outline-primary my-1 js-copy-cite" href="#" target="_blank"> <i class="fas fa-copy"></i> Copy </a> <a class="btn btn-outline-primary my-1 js-download-cite" href="#" target="_blank"> <i class="fas fa-download"></i> Download </a> <div id="modal-error"></div> </div> </div> </div> </div> </body> </html>