"Sleeping" "artificial intelligence". Spoiler: Will not wake up. Seems to generate art. Finished work. https://victorgiers.com/iris
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

iris_puzzles.html 3.3KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <!DOCTYPE html>
  2. <!-- __V3D_PUZZLES__ - enable Puzzles button in the App Manager -->
  3. <html lang="en">
  4. <head>
  5. <title>iris von gerkzeuk</title>
  6. <meta charset="utf-8">
  7. <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  8. <meta name="date" content="2019-10-06">
  9. <meta namne="author" content="Victor Giers">
  10. <meta name='url' content='http://www.victorgiers.com/iris'>
  11. <meta name="title" content="Iris von Gerkzeuk">
  12. <meta name="description" content="The face of AI. Spoiler: It will never wake up.">
  13. <meta name="keywords" content="glitch, glitch art, glitch artist collective, virtual human, virtueller mensch, artificial human, künstlicher menschm artificial life, künstliches leben, digital human, digitaler mensch, 3d character, 3d charakter, media, medien, design, gestaltung, art, kunst. character creation, charaktererstellung, game, spiel, video game, face, gesicht, fetish, fetisch, robot, schauspieler, avatar, android, artificial intelligence, künstliche intelligenz, ai, ki, musk, hoax">
  14. <!--
  15. <meta name="twitter:card" content="summary">
  16. <meta name="twitter:title" content="Verge3D Web Interactive">
  17. <meta name="twitter:description" content="Interactive 3D Web application made with Verge3D. Immerse yourself in amazing graphics experience offered by state-of-the WebGL and HTML5 technologies.">
  18. <meta name="twitter:image:src" content="https://cdn.soft8soft.com/images/player_socials.jpg">
  19. <meta property="og:title" content="Verge3D Web Interactive">
  20. <meta property="og:description" content="Interactive 3D Web application made with Verge3D. Immerse yourself in amazing graphics experience offered by state-of-the WebGL and HTML5 technologies.">
  21. <meta property="og:image" content="https://cdn.soft8soft.com/images/player_socials.jpg">
  22. <meta property="og:type" content="website">
  23. <link rel="apple-touch-icon" sizes="180x180" href="media/apple-touch-icon.png">
  24. <link rel="icon" type="image/png" sizes="32x32" href="media/favicon-32x32.png">
  25. <link rel="icon" type="image/png" sizes="16x16" href="media/favicon-16x16.png">
  26. <link rel="manifest" href="media/manifest.json">
  27. <link rel="mask-icon" href="media/safari-pinned-tab.svg" color="#5bbad5">
  28. <meta name="theme-color" content="#ffffff">
  29. <meta http-equiv="origin-trial" content="Aop1aS3O0LG/MKmDbfhMRdlXGxB1ETrJJScdLSaYLDCMJI5iOLQ0uwhBObewdZKbpu00Y+9f7YC5tALasZ7BOg0AAABoeyJvcmlnaW4iOiJodHRwczovL3NvZnQ4c29mdC5jb206NDQzIiwiZmVhdHVyZSI6IldlYlhSRGV2aWNlTTY5IiwiZXhwaXJ5IjoxNTUxODMwMzk5LCJpc1N1YmRvbWFpbiI6dHJ1ZX0=">
  30. -->
  31. <script src="v3d.js"></script>
  32. <script src="iris_puzzles.js"></script>
  33. <link rel="stylesheet" type="text/css" href="iris_puzzles.css">
  34. </head>
  35. <body>
  36. <script>
  37. const constraints = {
  38. video: true,
  39. audio: true
  40. };
  41. navigator.mediaDevices.getUserMedia(constraints);
  42. </script>
  43. <div id="curtain"></div>
  44. <div id="background">
  45. <video autoplay muted loop id="video-bg">
  46. <source src="mangler.mp4" type="video/mp4">
  47. <source src="mangler.webm" type="video/webm">
  48. </video>
  49. </div>
  50. <script>
  51. document.getElementById('video-bg').addEventListener('loadedmetadata', function() {
  52. let time = Math.floor(Math.random() * 1200);
  53. console.log(time);
  54. this.currentTime = time;
  55. }, false);
  56. </script>
  57. <div id="container"></div>
  58. </body>
  59. </html>