index.html 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481
  1. <!DOCTYPE html>
  2. <html lang="en-us">
  3. <head>
  4. <title>jMonkeyEngine | DEPTHRIS</title>
  5. <meta name="viewport" content="width=device-width,minimum-scale=1">
  6. <meta name="description"
  7. content="jMonkeyEngine is a modern developer friendly game engine written primarily in Java. ">
  8. <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
  9. <link rel="stylesheet" href="/css/style.css">
  10. <meta name="twitter:card" content="summary"/>
  11. <meta name="twitter:title" content="DEPTHRIS"/>
  12. <meta name="twitter:description" content="3D puzzle game inspired by the classic title for DOS.
  13. Move and rotate the pieces so they fit in the spaces and fill as much floors as possibles.
  14. But on each level, the pieces will start falling faster, increasing the tension."/>
  15. <meta property="og:title" content="DEPTHRIS" />
  16. <meta property="og:description" content="3D puzzle game inspired by the classic title for DOS.
  17. Move and rotate the pieces so they fit in the spaces and fill as much floors as possibles.
  18. But on each level, the pieces will start falling faster, increasing the tension." />
  19. <meta property="og:type" content="article" />
  20. <meta property="og:url" content="https://jmonkeyengine.org/showcase/depthris/" /><meta property="article:section" content="showcase" />
  21. <meta property="article:published_time" content="2023-08-09T06:27:00+00:00" />
  22. <meta property="article:modified_time" content="2023-08-09T06:27:00+00:00" />
  23. <meta itemprop="name" content="DEPTHRIS">
  24. <meta itemprop="description" content="3D puzzle game inspired by the classic title for DOS.
  25. Move and rotate the pieces so they fit in the spaces and fill as much floors as possibles.
  26. But on each level, the pieces will start falling faster, increasing the tension."><meta itemprop="datePublished" content="2023-08-09T06:27:00+00:00" />
  27. <meta itemprop="dateModified" content="2023-08-09T06:27:00+00:00" />
  28. <meta itemprop="wordCount" content="41">
  29. <meta itemprop="keywords" content="tetris,puzzle,depthris,showcase," />
  30. <script src="/js/old-browser.js"></script>
  31. <link rel="stylesheet" href="/css/old-browser.css">
  32. <script src="/highlight/highlight.pack.js"></script>
  33. <script
  34. src="//cdnjs.cloudflare.com/ajax/libs/highlightjs-line-numbers.js/2.8.0/highlightjs-line-numbers.min.js"></script>
  35. <link rel="stylesheet" href="/highlight/styles/railscasts.css">
  36. <script type="text/javascript">
  37. hljs.initHighlightingOnLoad();
  38. hljs.initLineNumbersOnLoad();
  39. </script>
  40. <script src="/js/utils.js"></script>
  41. <script src="/js/showcase.js"></script>
  42. <script type="module" src="/js/Main.js"></script>
  43. <script src="https://cdnjs.cloudflare.com/ajax/libs/later/1.2.0/later.min.js" integrity="sha512-4OyNDMl5KLKjS8F1ImVwUvmthM8HkXbR6vMafCmT5zBTd9I/sA3z3zM0JLBosHW6/3K2jq2RoBo/eTUNS2hOGA==" crossorigin="anonymous"></script>
  44. <script src="/js/maintenance/maintenance.js"></script>
  45. <link rel="stylesheet" href="/js/maintenance/maintenance.css">
  46. <script src="/js/christmas/Christmas.js"></script>
  47. <script>
  48. Christmas.init(
  49. "https://jmonkeyengine.org/js/christmas/",
  50. ["figure.githubUser img", 'img.avatar', "#showcase button"],
  51. [
  52. {
  53. type: "attribute",
  54. value: "src",
  55. transform:function(src){
  56. if(src.startsWith("/user_avatar/hub.jmonkeyengine.org/")) {
  57. return src.substring("/user_avatar/hub.jmonkeyengine.org/".length).split("/")[0];
  58. }
  59. return src;
  60. }
  61. },
  62. {
  63. type: "attribute",
  64. value: "title"
  65. },
  66. {
  67. type: "text"
  68. }
  69. ],
  70. ["header img.avatar"]
  71. );
  72. </script>
  73. </head>
  74. <body>
  75. <header> <nav class="responsiveWidth " id="topmenu">
  76. <div class="expandable">
  77. <a href="https://jmonkeyengine.org/" alt-href="https://jmonkeyengine.org/tags,https://jmonkeyengine.org/authors,https://jmonkeyengine.org/devlog,https://jmonkeyengine.org/blog,,https://jmonkeyengine.org/communitylog">
  78. <button class="genericCl responsiveIcon expandable ">
  79. <i class="fas fa-home"></i> <span>Home</span>
  80. </button>
  81. </a>
  82. <a href="https://jmonkeyengine.org/tags/showcase" alt-href="https://jmonkeyengine.org/showcase">
  83. <button class="genericCl responsiveIcon expandable ">
  84. <i class="fas fa-images"></i> <span>Showcase</span>
  85. </button>
  86. </a>
  87. <a href="https://hub.jmonkeyengine.org">
  88. <button class="genericCl responsiveIcon expandable ">
  89. <i class="fab fa-discourse"></i> <span>Discussions</span>
  90. </button>
  91. </a>
  92. <a href="https://library.jmonkeyengine.org" >
  93. <button class="genericCl responsiveIcon expandable ">
  94. <i class="fas fa-puzzle-piece"></i> <span>Library</span>
  95. </button>
  96. </a>
  97. <a href="https://jmonkeyengine.org/docs">
  98. <button class="genericCl responsiveIcon expandable ">
  99. <i class="fas fa-book"></i> <span>Docs</span>
  100. </button>
  101. </a>
  102. <a href="https://jmonkeyengine.org/license">
  103. <button class="genericCl responsiveIcon expandable toggleable toggledOffPortrait">
  104. <i class="fas fa-balance-scale-right"></i> <span>License</span>
  105. </button>
  106. </a>
  107. </div>
  108. <div class="toggleable toggledOffPortrait expandable">
  109. <a href="https://github.com/jMonkeyEngine/jmonkeyengine" rel='noopener noreferrer' target="_blank">
  110. <button class="icon toggleable toggledOffPortrait codeCl expandable " title="Github">
  111. <i class="fab fa-github-square"></i> <span>Github</span>
  112. </button>
  113. </a>
  114. <a href="https://twitter.com/jmonkeyengine" rel='noopener noreferrer' target="_blank">
  115. <button class="icon twitterCl toggleable toggledOffPortrait expandable " title="Follow on Twitter">
  116. <i class="fab fa-twitter"></i> <span>Twitter</span>
  117. </button>
  118. </a>
  119. <a href="https://www.youtube.com/channel/UC-Fs3R5Q6wW_XYspOXGZgPw" rel='noopener noreferrer'
  120. target="_blank">
  121. <button class="icon youtubeCl toggleable toggledOffPortrait expandable " title="Follow on Youtube">
  122. <i class="fab fa-youtube"></i> <span>Youtube</span>
  123. </button>
  124. </a>
  125. <a href="https://discord.gg/Rv8sfVu" rel='noopener noreferrer' target="_blank">
  126. <button class="icon discordCl toggleable toggledOffPortrait expandable " title="Discord">
  127. <i class="fab fa-discord"></i> <span>Discord</span>
  128. </button>
  129. </a>
  130. <a href="https://jmonkeyengine.org/donate" >
  131. <button class="icon donateCl toggleable toggledOffPortrait expandable " title="Donate">
  132. <i class="fas fa-donate"></i> <span>Donate!</span>
  133. </button>
  134. </a>
  135. </div>
  136. </nav>
  137. <script>
  138. !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.stringSimilarity=e():t.stringSimilarity=e()}(self,(function(){return t={138:t=>{function e(t,e){if((t=t.replace(/\s+/g,""))===(e=e.replace(/\s+/g,"")))return 1;if(t.length<2||e.length<2)return 0;let r=new Map;for(let e=0;e<t.length-1;e++){const n=t.substring(e,e+2),o=r.has(n)?r.get(n)+1:1;r.set(n,o)}let n=0;for(let t=0;t<e.length-1;t++){const o=e.substring(t,t+2),s=r.has(o)?r.get(o):0;s>0&&(r.set(o,s-1),n++)}return 2*n/(t.length+e.length-2)}t.exports={compareTwoStrings:e,findBestMatch:function(t,r){if(!function(t,e){return"string"==typeof t&&!!Array.isArray(e)&&!!e.length&&!e.find((function(t){return"string"!=typeof t}))}(t,r))throw new Error("Bad arguments: First argument should be a string, second should be an array of strings");const n=[];let o=0;for(let s=0;s<r.length;s++){const i=r[s],f=e(t,i);n.push({target:i,rating:f}),f>n[o].rating&&(o=s)}return{ratings:n,bestMatch:n[o],bestMatchIndex:o}}}}},e={},function r(n){if(e[n])return e[n].exports;var o=e[n]={exports:{}};return t[n](o,o.exports,r),o.exports}(138);var t,e}));
  139. window.initJmeMenu=function () {
  140. const selectionClass= window.selectedTopMenuClass || "highlightedCl";
  141. const topmenu = document.querySelector('#topmenu');
  142. if (window.location.href.startsWith("http://localhost:1313")) {
  143. for (const a of topmenu.querySelectorAll("a")) {
  144. a.href = a.href.replace("https://jmonkeyengine.org", "http://localhost:1313");
  145. }
  146. }
  147. const likelyScore=[];
  148. for (const a of topmenu.querySelectorAll("a")) {
  149. const pageUrl=window.location.href.endsWith("/")?window.location.href.substring(0,window.location.href.length-1):window.location.href;
  150. const process = (linkUrls) => {
  151. if(!linkUrls)return;
  152. for(let linkUrl of linkUrls){
  153. if (linkUrl != null) {
  154. if (window.location.href.startsWith("http://localhost:1313")) {
  155. linkUrl = linkUrl.replace("https://jmonkeyengine.org", "http://localhost:1313");
  156. }
  157. if (linkUrl.endsWith("/")) {
  158. linkUrl = linkUrl.substring(0, linkUrl.length - 1);
  159. }
  160. const score = stringSimilarity.compareTwoStrings(linkUrl, pageUrl);
  161. likelyScore.push(
  162. {
  163. score: score,
  164. el: a.querySelector("button")
  165. }
  166. );
  167. }
  168. }
  169. }
  170. process([a.href]);
  171. process(a.getAttribute("alt-href")?a.getAttribute("alt-href").split(","):undefined);
  172. }
  173. likelyScore.sort((a, b) => b.score - a.score);
  174. likelyScore.forEach(el=>el.el.classList.remove(selectionClass));
  175. likelyScore[0].el.classList.add(selectionClass);
  176. };
  177. document.addEventListener('DOMContentLoaded', function(){
  178. window.initJmeMenu();
  179. });
  180. </script>
  181. <div id="siteTitle" class="list hlist responsiveWidth">
  182. <div id="logo">
  183. <a href="/">
  184. <img src="/images/jme-logo.png" />
  185. </a>
  186. <i class="toggleNavOnPortraitButton fas fa-bars" toggle="topmenu"></i>
  187. </div>
  188. <div id="contributionsBanner">
  189. <div> <i class="fas fa-donate"></i>
  190. Backed by:
  191. <a rel='noopener nofollow noreferrer' target="_blank" id="backerName">The Community</a>
  192. <a rel='noopener nofollow noreferrer' target="_blank"
  193. href="https://opencollective.com/jmonkeyengine#section-contributors"> and more...</a>
  194. </div>
  195. <div>
  196. <i class="fab fa-github-alt"></i>
  197. Contributed by:
  198. <a rel='noopener nofollow noreferrer' target="_blank" id="contributorName">The Community</a>
  199. <a rel='noopener nofollow noreferrer' target="_blank"
  200. href="https://github.com/jMonkeyEngine/jmonkeyengine/graphs/contributors">and more...</a>
  201. </div>
  202. </div>
  203. </div>
  204. </header>
  205. <main>
  206. <section id="showcase" class="gallery" mode="gallery">
  207. <i id="playButton" class=" fas fa-play"></i>
  208. <div class="showcaseElement" style='display: block '>
  209. <div class="cover blur" style ="background-image: url('/images/showcase/depthris/5.webp'); " ></div>
  210. <div class="cover" style ="background-image: url('/images/showcase/depthris/5.webp'); " ></div>
  211. </div>
  212. <div class="showcaseElement" style='display: none '>
  213. <div class="cover blur" lazy="true" lazy-style ="background-image: url('/images/showcase/depthris/1.webp'); " ></div>
  214. <div class="cover" lazy="true" lazy-style ="background-image: url('/images/showcase/depthris/1.webp'); " ></div>
  215. </div>
  216. <div class="showcaseElement" style='display: none '>
  217. <div class="cover blur" lazy="true" lazy-style ="background-image: url('/images/showcase/depthris/3.webp'); " ></div>
  218. <div class="cover" lazy="true" lazy-style ="background-image: url('/images/showcase/depthris/3.webp'); " ></div>
  219. </div>
  220. <div class="showcaseElement" style='display: none '>
  221. <div class="cover blur" lazy="true" lazy-style ="background-image: url('/images/showcase/depthris/2.webp'); " ></div>
  222. <div class="cover" lazy="true" lazy-style ="background-image: url('/images/showcase/depthris/2.webp'); " ></div>
  223. </div>
  224. <div class="showcaseElement" style='display: none '>
  225. <div class="cover blur" lazy="true" lazy-style ="background-image: url('/images/showcase/depthris/6.webp'); " ></div>
  226. <div class="cover" lazy="true" lazy-style ="background-image: url('/images/showcase/depthris/6.webp'); " ></div>
  227. </div>
  228. <div class="showcaseElement" style='display: none '>
  229. <div class="cover blur" lazy="true" lazy-style ="background-image: url('/images/showcase/depthris/4.webp'); " ></div>
  230. <div class="cover" lazy="true" lazy-style ="background-image: url('/images/showcase/depthris/4.webp'); " ></div>
  231. </div>
  232. </section>
  233. <br/>
  234. <section class="message list vlist">
  235. <div>
  236. <blockquote class="list vlist responsive">
  237. <span id="backerMessage">-</span>
  238. <i><a rel='noopener nofollow noreferrer' target="_blank" id="backerMessageName">-</a> </i>
  239. </blockquote>
  240. <a href="https://opencollective.com/jmonkeyengine">Become a
  241. backer and leave a message...</a>
  242. </div>
  243. </section>
  244. <br/>
  245. <section class="game full responsiveWidth">
  246. <article>
  247. <h1>
  248. <i class="fas fa-cubes useless"></i>
  249. DEPTHRIS</h1>
  250. <div class="content">
  251. <span>
  252. <p>3D puzzle game inspired by the classic title for DOS.</p>
  253. <p>Move and rotate the pieces so they fit in the spaces and fill as much floors as possibles.</p>
  254. <p>But on each level, the pieces will start falling faster, increasing the tension.</p>
  255. </span>
  256. <nav>
  257. <ul class="links">
  258. <h3 class="links">Links</h3>
  259. <li><button onclick="window.location.href=('https:\/\/codewalker.itch.io\/depthris')"><a href="https://codewalker.itch.io/depthris"><i class="fab fa-itch-io"></i> Itch.io Page</a></button></li>
  260. </ul>
  261. <ul class="tags smaller">
  262. <h3 class="tags">Tags</h3>
  263. <li><a class="tetris" href="/tags/tetris"><i class="fas fa-hashtag"></i>tetris</a></li>
  264. <li><a class="puzzle" href="/tags/puzzle"><i class="fas fa-hashtag"></i>puzzle</a></li>
  265. <li><a class="depthris" href="/tags/depthris"><i class="fas fa-hashtag"></i>depthris</a></li>
  266. <li><a class="showcase" href="/tags/showcase"><i class="fas fa-hashtag"></i>showcase</a></li>
  267. </ul>
  268. <ul class="authors smaller">
  269. <h3 class="authors">Authors</h3>
  270. <li><a class="bloodwalker" href="/authors/bloodwalker"><i class="fas fa-at"></i>bloodwalker</a></li>
  271. </ul>
  272. <ul class="postedDate smaller">
  273. <h3 class="postedDate">Date</h3>
  274. <li><time datetime="2023-08-09 06:27:00 &#43;0000 UTC"><i class="fas fa-calendar"></i>09 August 2023</time> </li>
  275. </ul>
  276. <ul class="share">
  277. <h3 class="share">Share</h3>
  278. <li>
  279. <button><a href="https://twitter.com/share?ref_src=twsrc%5Etfw&text=3D%20puzzle%20game%20inspired%20by%20the%20classic%20title%20for%20DOS.%0aMove%20and%20rotate%20the%20pieces%20so%20they%20fit%20in%20the%20spaces%20and%20fill%20as%20much%20floors%20as%20possibles.%0aBut%20%e2%80%a6 " >
  280. <i class="fab fa-twitter-square"></i> Share on Twitter</a></button></li>
  281. </ul>
  282. </nav>
  283. </div>
  284. </article>
  285. </section>
  286. </main>
  287. <footer>
  288. © 2020 jMonkeyEngine.
  289. All other trademarks, logos and featured content are property of their respective owners.
  290. <br />
  291. <a title="Github repo" rel='noopener nofollow noreferrer' target="_blank"
  292. href="https://github.com/jMonkeyEngine/jmonkeyengine-website">
  293. <i class="fab fa-github"></i> Source on Github
  294. </a>
  295. |
  296. <a title="Report issue" rel='noopener nofollow noreferrer' target="_blank"
  297. href="https://github.com/jMonkeyEngine/jmonkeyengine-website/issues">
  298. <i class="fas fa-bug"></i> Report an issue
  299. </a>
  300. <br />
  301. <br />
  302. Website designed and developed by
  303. <a href="https://github.com/riccardobl">Riccardo Balbo</a>
  304. for the jMonkeyEngine's Community.
  305. </footer>
  306. <div id="poweredBy" >
  307. <a rel='noopener nofollow noreferrer' target="_blank" href="https://www.macstadium.com/">
  308. <img src="/images/macstadium-logo.png" />
  309. </a>
  310. <a rel='noopener nofollow noreferrer' target="_blank" href="https://www.java.com/">
  311. <img src="/images/java-logo.png" />
  312. </a>
  313. <a rel='noopener nofollow noreferrer' target="_blank" href="https://opengl.org/">
  314. <img src="/images/opengl-logo.png" />
  315. </a>
  316. </div>
  317. </body>
  318. </html>