index.html 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. <a href="https://github.com/NikolaySuslov/livecodingspace">
  2. <img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/e7bbb0521b397edbd5fe43e7f760759336b5e05f/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677265656e5f3030373230302e706e67"
  3. alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png">
  4. </a>
  5. <div id="header" class="mdc-layout-grid mdc-layout-grid--align-left">
  6. <div class="mdc-layout-grid__inner">
  7. <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12">
  8. <span class="mdc-typography--subtitle1 mdc-theme--text-secondary-on-background mdc-typography">
  9. <a id="ruLang" class="mdc-typography link-in-text mdc-theme--text-hint-on-background" style="cursor:pointer">RU</a>
  10. <!--<strong>LiveCoding</strong>.space -->
  11. </span>
  12. <span class="mdc-typography--subtitle1 mdc-theme--text-secondary-on-background mdc-typography">
  13. <a id="enLang" class="mdc-typography link-in-text mdc-theme--text-hint-on-background" style="cursor:pointer">EN</a>
  14. <!--<strong>LiveCoding</strong>.space -->
  15. </span>
  16. </div>
  17. <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12">
  18. <div id="titleText">
  19. <h1 class="mdc-typography--headline3 mdc-theme--text-secondary-on-background mdc-typography"><a class="mdc-typography link-in-text"
  20. style="cursor: pointer;" onclick="window.location.reload(true)"><strong>LiveCoding</strong>.space</a>
  21. <!--<strong>LiveCoding</strong>.space -->
  22. </h1>
  23. </div>
  24. </div>
  25. <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12">
  26. <div id="headerText">
  27. <h1 class="mdc-typography mdc-typography--headline4 mdc-typography--adjust-margin mdc-theme--text-hint-on-background">Collaborative
  28. Live Coding Space with support of user-defined languages and WebVR ready 3D graphics.<br> Based on: <strong>Virtual
  29. World Framework | A-Frame | Ohm language | OSC.js | Gun DB and more... </strong> by <a class="mdc-typography link-in-text mdc-theme--text-hint-on-background"
  30. href="https://www.krestianstvo.org"><strong>Krestianstvo.org</strong></a> </h1>
  31. </div>
  32. </div>
  33. </div>
  34. </div>
  35. <div id="about" class="mdc-layout-grid">
  36. <div class="mdc-layout-grid__inner">
  37. <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-6">
  38. <div id="featuresText">
  39. <h1 class="mdc-typography--headline4 mdc-theme--text-hint-on-background">Features</h1>
  40. <ul class="featureList mdc-typography mdc-typography--headline5 mdc-theme--text-hint-on-background">
  41. <li><strong>Decentralized network model</strong> for <strong>A-Frame</strong> components and entities based on <strong>VWF</strong>
  42. replicated computation architecture</li>
  43. <li>(<span id="alpha" style="font-size: 14; color: red">New!</span>)
  44. <a class="mdc-typography link-in-text-vis mdc-theme--text-hint-on-background" href="https://gun.eco/"><strong>GunDB
  45. storage system</strong> </a>
  46. for serving Proxy VWF components, Worlds prototypes, World save states, User Inventories ect. in fully decentralized (peer-to-peer
  47. or multi-master) DB </li>
  48. <li>(<span id="alpha" style="font-size: 14; color: red">New!</span>)
  49. <a class="mdc-typography link-in-text-vis mdc-theme--text-hint-on-background" href="https://gun.eco/docs/Auth"><strong>GunDB
  50. SEA</strong> </a> framework for user authorization and P2P identities</li>
  51. <li><strong>Ohm</strong> language driver for sharing user-defined grammars, parsers, tokenisers inside virtual
  52. space</li>
  53. <li>In browser <strong>Code and Properties editor</strong> based on Cell.js</li>
  54. <li><strong>OSC </strong>messaging through <a class="mdc-typography link-in-text mdc-theme--text-hint-on-background"
  55. href="https://github.com/NikolaySuslov/osc-relay-lcs">OSC relay</a> on the client</li>
  56. <li><strong>Avatars</strong> (Simple and GLTF models with animation)</li>
  57. <li><strong>Multi-window</strong> or multi-monitor/multi-machine setups with view <strong>offset cameras</strong></li>
  58. <li><strong>WebRTC</strong> for video/audio streaming,<strong>3D positional audio</strong> support</li>
  59. <li><strong>GearVR, Windows MixedReality</strong> motion controllers</li>
  60. </ul>
  61. <h4 class="mdc-typography--headline5 mdc-theme--text-hint-on-background"><a class="mdc-typography link-in-text mdc-theme--text-hint-on-background"
  62. href="https://www.krestianstvo.org/books/doc/sdk3/">Read documentation</a> </h4>
  63. </div>
  64. </div>
  65. <div class="mdc-layout-grid__cell mdc-layout-grid__cell">
  66. <iframe src="https://player.vimeo.com/video/239924195?title=0&byline=0&portrait=0" width="600" height="338" frameborder="0"
  67. webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
  68. </div>
  69. </div>
  70. </div>
  71. <hr class="mdc-list-divider mdc-theme--text-hint-on-background divider" />
  72. <div id="videoList">
  73. <div id="about" class="mdc-layout-grid">
  74. <div class="mdc-layout-grid__inner">
  75. <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12">
  76. <div id="demoText">
  77. <h1 class="mdc-typography--headline4 mdc-theme--text-hint-on-background">Demo videos</h1>
  78. </div>
  79. <iframe src="https://player.vimeo.com/video/243291223?title=0&byline=0&portrait=0" width="600" height="337" frameborder="0"
  80. webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
  81. <iframe src="https://player.vimeo.com/video/251057056?title=0&byline=0&portrait=0" width="600" height="338" frameborder="0"
  82. webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. <hr class="mdc-list-divider mdc-theme--text-hint-on-background divider" />
  88. <div id="info" class="mdc-layout-grid">
  89. <div class="mdc-layout-grid__inner">
  90. <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12">
  91. <div id="worldInfo">
  92. <h1 class="mdc-typography--headline4 mdc-theme--text-hint-on-background">Virtual Worlds</h1>
  93. <h1 class="mdc-typography mdc-typography--headline5 mdc-theme--text-hint-on-background">To begin collaborative coding in virtual space, just start one of the listed prototypes and connect to it from another
  94. browser window using the generated link. The link will apper near the <strong>Start new</strong> button.</h1>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. <hr class="mdc-list-divider mdc-theme--text-hint-on-background divider" />