--- title: Internet Archive VR description: The Internet Archive offers free universal access to books, movies & music, as well as 446 billion archived web page. Over the years, volunteers have 3D scanned the physical building to create VR experiences with. image: https://i.imgur.com/FS2BZym.jpg robots: index, follow lang: en dir: ltr breaks: true disqus: xrdevlog --- # Internet Archive VR {%hackmd theme-dark %} ###### tags: `devlog` **Website: https://archive.org/** \ **Gitlab: https://gitlab.com/unityversity/InternetVARchive** \ **Github: https://github.com/madjin/internet-archive-vr** \ **Dweb: https://hackmd.io/@XR/dweb** \ **Album: https://imgur.com/a/u882EZS** --- ## Intro The Internet Archive is an American digital library with the stated mission of "universal access to all knowledge." It provides free public access to collections of digitized materials, including websites, software applications/games, music, movies/videos, moving images, and millions of books. ![](https://i.imgur.com/FS2BZym.jpg) This dev log is all about the VR demos we made that are about the great archive.org. ![](https://i.imgur.com/kScczgI.jpg) --- ## Google Earth ![](https://i.imgur.com/HJSD7Co.gif) https://i.imgur.com/hk91n9q.mp4 Foggy ![](https://i.gyazo.com/3b862a80f311723915495c5443f85066.gif =100%x) Snowy ![](https://cdn.discordapp.com/attachments/376894805185265674/539013442745663488/snowwait.gif =100%x) **Visit: https://vesta.janusvr.com/bepis/archive-snowy** ![](https://i.imgur.com/MTrGTBv.gif =100%x) ![](https://i.gyazo.com/4287ed7ccdbed772af78cf4b562e001a.gif =100%x) **Visit: https://vesta.janusvr.com/bepis/archive-rain** --- ## Interior - Finally somebody archived the archive. Thanks to Simbridge we now have a virtual timecapsule of inside the building. ### Stylized Lets pause for a moment. This is virtual reality, where anything is possible! When it comes to digital, limiting ourselves to the limits of reality is just one style out of many. ![](https://i.imgur.com/QFXvp61.jpg) **Visit: https://vesta.janusvr.com/bepis/archive-street** ![](https://i.imgur.com/jibuFHl.jpg) **Visit: https://vesta.janusvr.com/bepis/archive-street2** Artificial neural nets were used to paint the geometry and other effects to simulate an underwater version of Internet Archive. ![](https://i.imgur.com/unowjbd.jpg) Here's the plain vanilla version. <p align="center"><iframe width="100%" height="400" src="https://vesta.janusvr.com/bepis/archive-street3 /embed" frameborder="0" allowfullscreen></iframe></p> --- ## History ## 2015 Internet Arcade: https://archive.org/details/internetarcade Metacade: https://hackmd.io/@XR/metacade Metacade is a web based VRcade project powered by javascript and MAME and modeled after Flynn’s Arcade. The arcade machines are powered by the Internet Archive's video game collection. ![](https://i.imgur.com/pm1jo0O.gif =100%x) ## 2016 <div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/170893706?color=ffffff&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script> Internet Archive VR experiences: [**Tango 1**](https://vimeo.com/181720458) / [**Tango 2**](https://vimeo.com/181868697) ![](https://i.imgur.com/ye5rpUI.jpg) ![](https://i.imgur.com/ITYR9zj.jpg) ![](https://i.imgur.com/FgBiMR8.jpg) http://assets.metacade.com/library/ Internet Archive 20th Anniversary timecapsule ## 2017 [James Baicoianu](https://twitter.com/bai0) build a WebVR experience with leap motion in which you could search media from the Internet Archive's collection in VR and play it, all inside your browser. ![](https://i.imgur.com/ohiMJlA.jpg) http://assets.metacade.com/archive/archive.html Play media from the archive Video (VR mode): <https://www.youtube.com/watch?v=InprppZdNew> Video2 (Desktop mode): https://www.youtube.com/watch?v=ZsvjmyvX0g4 ## 2018 Components: https://madjin.github.io/janus-guide/#/examples/components?id=search [James Baicoianu](https://twitter.com/bai0) updated the VR archive experience with new media types and an environment inside a 3D scan of the Great Room. ![](https://i.imgur.com/1qsqdNC.jpg) http://assets.metacade.com/internetarchive/ Search the archive inside the archive ![](https://i.imgur.com/9SjS9CT.jpg) <p align="center"><iframe width="100%" height="400" src="https://vesta.janusvr.com/bepis/ford-vault/embed" frameborder="0" allowfullscreen></iframe></p> Timecapsule from Virtual Worlds Vault, Dweb 2018: **https://vesta.janusvr.com/bepis/ford-vault/** ![](https://i.imgur.com/J8BWuVv.jpg) Created the outdoor and indoor world ![](https://i.imgur.com/dn7swJl.jpg) ![](https://i.imgur.com/WllV55c.gif =100%x) ![](https://i.imgur.com/ANwKhHn.jpg) ![](https://i.imgur.com/h1RT3fq.jpg) --- ## 2020 **Github: https://github.com/madjin/internet-archive-vr** Bringing the Internet Archive to other virtual worlds and making cryptoart with it. ### VRChat Worlds Plain 3D scan <div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/448360441?color=ffffff&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script> --- Alternate realities <div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/456113333?color=ffffff&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script> ---- Here's how the raw Matterport scan looks like in Unity without any modifications. ![](https://i.imgur.com/9oP6ebt.jpg) Closer to how the Great Room looks like in real life. ![](https://i.imgur.com/dT8IItG.jpg) Underwater version made with volumetric light, fake caustics, and ambient sounds. ![](https://i.imgur.com/jWfkUNs.jpg) Overgrown version. Textures made with Substance painter and then added some Ivy over top the scene. To-do: add some birds flying overhead. ![](https://i.imgur.com/UFMnKC4.jpg) ![](https://i.imgur.com/3aHwI2Y.jpg) Studio world has a camera system imported in for doing panels and interviews on stage. ![](https://i.imgur.com/R1K6uKp.jpg) From here we can host Dweb virtual productions. The world is optimized to support Oculus Quest users. We can have panels about Web3 and VR while in VR! ![](https://i.imgur.com/62qQpju.jpg) --- ### Blockchain Artifacts ![](https://i.imgur.com/PQiyRUs.jpg) #### The Great Room https://makersplace.com/jin/the-great-room-2-of-2-31901/ ![](https://i.imgur.com/L7QeCmh.gif) > There are bits of information invisibly flowing all around us in ever increasing rates. Considering that 90% of the world's information was generated in the past 2 years, our world has become completely submerged within a digital reality. > The Internet Archive is a modern day Library of Alexandria with a mission to provide Universal Access to All Knowledge. Within this former church, the servers behind these walls currently store over 330 billion web pages, 20 million books and texts, 200,000 software programs, 4.5 million audio recordings, and much more. > Since 2015 the Internet Archive has called for a distributed web and has been experimenting with systems like IPFS for its own systems. Within this Great Room the original architects of the web like Vint Cerf and Tim Berners Lee along with the next generation have gathered to discuss technologies of the decentralized web and how we can build it together. This piece symbolizes the story of Noah's Ark with water representing the vast quantities of data that we produce every year. The flood can also be interpreted as a form of destruction like fires were for past libraries. The Great Room comes with a mp3 file of the background music playing in the VR experience, an underwater remix of the Temple of Time theme. This token is also the first NFT ever sent to the Internet Archive: https://opensea.io/assets/0x2a46f2ffd99e19a89476e2f62270e0a35bbf0756/27830/ VRC World: https://vrchat.com/home/launch?worldId=wrld_b4475921-0b47-4380-ac47-22622fd4cbf4&instanceId=0 JanusXR: https://madjin.github.io/internet-archive-vr/indoor/water.html --- #### The Golden Era https://makersplace.com/jin/the-golden-era-1-of-2-31684/ ![](https://i.imgur.com/35fqAFc.gif) > Are we living during the Golden Age of the Internet or has it already come to pass? Time moves in one direction, memory another. > Artifacts have played an important role throughout history for societies to preserve their culture and heritage. Without them, civilization has no memory or mechanism to learn from its successes and failures. Much of the cultural artifacts of the past 20 years are produced in digital form. The Internet Archive is the amber of the information age. > The Archive's vision is to build a version 2 Library of Alexandria and provide Universal Access to All Knowledge. Within this former church, the servers behind these walls serve millions of people each day with access to over 330 billion web pages, 20 million books and texts, 200,000 software programs, 4.5 million audio recordings, and much more. The Golden Era depicts what the Internet Archive looks like present day, but not necessarily thinking about present time. There is something about the early internet that we admire and reminisce about, it This piece is also a metaphor for what the archive is: amber for the information age. What touches the Internet Archive fossilizes into a digital artifact made to last forever. This NFT is also the very first tokenized avatar file, minted atleast a month before the first Cryptoavatar (Orion). The owner of this piece is able to extract from the gif a CC0 licensed VRM hedgehog and use it as an avatar across dozens of programs. Golden hedgehog also pokes fun at Sonic games. VRC World: https://vrchat.com/home/launch?worldId=wrld_9105c877-31d3-4913-8e15-595b47bd6982&instanceId=0 JanusXR: https://madjin.github.io/internet-archive-vr/indoor/index.html Hubs: https://hubs.mozilla.com/scenes/dSgoJtN --- #### The Archives https://makersplace.com/jin/the-archives-1-of-2-31896/ ![](https://i.imgur.com/djCbPnJ.gif) > The web is an ephemeral media, always growing in size, and stuck in a constant state of rot. Even as nature has slowly overtaken the church, a faint hum can still be heard coming from the machines. > As our society became more digital, the archives have played an increasingly important role in preserving our culture and all knowledge into the ultimate library and allowing universal access. Perhaps by delivering on this ambitious mission the Internet Archive could be considered by future generations as one of the great Wonders of the World. This piece symbolizes the test of time as it relates to our digital history. Our past can be traced back thousands of years, with Sumerian tablets and libraries lasting milleniums. The web as we know it is only 30 years young, mostly stored on storage devices that need to be refreshed every 5 years. Will the Archives stand the test of time so that future generations can not only recover, but also make sense of our collective digital footprints? Within this piece there is a GLTF model of Suzanne, a bejeweled monkey head that is used as a standard reference model for 3D graphics. This artifact can also represent the quest for immortality like a golden mummy mask. VRChat World: https://vrchat.com/home/launch?worldId=wrld_a00ec13c-fc45-4489-b5c3-7ffc434e16af&instanceId=0 JanusXR World: https://madjin.github.io/internet-archive-vr/indoor/earth.html --- ## WebGL Versions Optimized the 3D scan mesh down to 120k triangles and 5 textures, much more ideal for working with WebGL. The model is hosted up on Sketchfab and available to download: https://sketchfab.com/3d-models/internet-archive-b895255e32fd408eab9cf6d4d092c1b9 <div class="sketchfab-embed-wrapper"> <iframe title="A 3D model" width="100%" height="480" src="https://sketchfab.com/models/b895255e32fd408eab9cf6d4d092c1b9/embed?ui_controls=1&amp;ui_infos=1&amp;ui_inspector=1&amp;ui_stop=1&amp;ui_watermark=1&amp;ui_watermark_link=1" frameborder="0" allow="autoplay; fullscreen; vr" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe> ### JanusXR These experiences below are made using [JanusWeb](https://github.com/jbaicoianu/janusweb), a framework for building social virtual reality experiences. **Outside** <a href="https://madjin.github.io/internet-archive-vr/outdoor/index.html"> <img alt="Vanilla" target="_blank" src="https://i.gyazo.com/3b862a80f311723915495c5443f85066.gif" height="190" width="32%"> </a> <a href="https://madjin.github.io/internet-archive-vr/outdoor/painting.html"> <img alt="Painted" target="_blank" src="https://i.imgur.com/QFXvp61.jpg" height="190" width="32%"> </a> <a href="https://madjin.github.io/internet-archive-vr/outdoor/underwater.html"> <img alt="Underwater" target="_blank" src="https://i.imgur.com/unowjbd.jpg" height="190" width="32%"> </a> **Inside** <a href="https://madjin.github.io/internet-archive-vr/indoor/index.html"> <img alt="Presentation" target="_blank" src="https://i.imgur.com/23B1yBk.jpg" height="190" width="32%"> </a> <a href="https://madjin.github.io/internet-archive-vr/indoor/earth.html"> <img alt="Earth" target="_blank" src="https://i.imgur.com/iSBjeCE.jpg" height="190" width="32%"> </a> <a href="https://madjin.github.io/internet-archive-vr/indoor/water.html"> <img alt="Water" target="_blank" src="https://i.imgur.com/63keZ3e.jpg" height="190" width="32%"> </a> --- ### Mozilla Hubs - https://hubs.mozilla.com/scenes/dSgoJtN - https://hubs.mozilla.com/NpEDx7H/greatroom ![](https://i.imgur.com/5Pk1kjh.jpg) --- ## 2021 ### Webaverse - https://webaverse.com ![](https://i.imgur.com/uW2s1dl.jpg) ![](https://i.imgur.com/iV2n8PK.jpg) --- ![](https://i.imgur.com/UnF8MQ4.jpg) ![](https://i.imgur.com/DhgX7i4.jpg) ![](https://i.imgur.com/EnjXKbG.jpg) --- To-do: - [ ] Setup Leap Motion and record clips from VR experiences - [ ] Upload older Internet Archive VR experiences to repo - [ ] Record clips with slow camera movement going from Google Earth, to archive-street, to inside the archive, to great room, then watch a presentation / play media. - [ ] Get links to all the components involved for documentation purposes - [ ] Optional: Get clip from orbit mode around library (FirefoxG) - [ ] Optional: create a portal hub via church arches