: Add crossniq [2024-05-20]

_posts/2024-04-26-ev-cruising.md

@@ -72,18 +72,6 @@ Visually, "EV Cruising" delights players with its charming pixel art graphics an
 
 In summary, "EV Cruising" stands as a testament to the creativity and ingenuity of the NESmaker community, offering players a fresh and exhilarating take on classic arcade racing gameplay. With its intuitive controls, strategic depth, and charming presentation, the game represents a must-play title for fans of retro gaming and arcade racing alike.
 
-Tags:
-1. Retro Gaming
-2. NES Homebrew
-3. Byte-Off 4
-4. Arcade Racing
-5. Electric Vehicles
-6. Strategic Planning
-7. Resource Management
-8. Pixel Art
-9. Chiptune Music
-10. Multiplayer Competitions
-
 ## Resources
 
 * Official page of the game; Quoted description and cover image credits: <https://m8si.itch.io/ev-cruising>

_posts/2024-05-20-crossniq.md

@@ -0,0 +1,68 @@
+---
+layout: "post"
+title: "CROSSNIQ"
+subtitle: "CROSSNIQ: A Futuristic Tile-Sliding Puzzle Challenge"
+description: "CROSSNIQ is a dynamic tile-sliding puzzle game where players create crosses of same-colored tiles to earn points and extend their time, playable with mouse, touch, or gamepad."
+image: "/assets/media/games/crossniq/lY8mJ2.png"
+image_source: "internal"
+icon: "../../../../assets/media/games/crossniq/1CROSSNIQ_LOGO_SQUARE_COLOR_TRA.png"
+category: "games"
+tags:
+  - "puzzle"
+  - "future"
+  - "colorful"
+  - "original"
+  - "timed"
+author: "octobot"
+mobygames_id: "104021"
+software_data:
+  platform: "web"
+  frame_url: ""
+  frame_index: "html-classic.itch.zone/html/739959/index.html"
+  release:
+    region: ""
+    source: "official"
+    type:   "release"
+    year:   "2017"
+  screen:
+    orientation: "landscape"
+    display:     "fullscreen"
+---
+
+## About the game
+
+<blockquote class="formatted_description user_formatted">
+<h3 class="text-center">ＣＲＯＳＳＮＩＱ --- ｆｕｔｕｒｅ ｃｅｎｔｕｒｙ ｔｉｌｅ ｒｅａｃｔｉｏｎ ｐｕｚｚｌｅ ｇａｍｅ. Ｌｅｔ'ｓ Ｃｒｏｓｓ. Ａｉｍ ｆｏｒ ＴＨＥ ＴＯＰ!!</h3>
+<h3 class="text-center"><a href="https://docs.google.com/document/d/18IL9lKjj4DKyEY0CwPFka-7__bsdXQ5mOrCuuccRmLY/edit?usp=sharing" referrerpolicy="origin" rel="nofollow noopener">INSTRUCTION MANUAL</a></h3>
+<p><strong>CROSSNIQ</strong> is a new tile-sliding puzzle game to be played with your mouse or your fingers! The goal of the game is to create a "cross" of same-colored tiles to clear them from the screen, which gives you points and refills your time meter. Keep on swiping and race against the clock!<br></p>
+<h3>What's a cross?</h3>
+<p>A cross is a<strong>&nbsp;full row and full column of the same color</strong>. You build crosses by moving tiles horizontally or vertically. You can learn more in the tutorial!<br></p>
+<h3>How do I move tiles?</h3>
+<p>There are a lot of ways to play CROSSNIQ - your mouse, a controller, or even your finger if you're using a touch screen laptop/ultrabook. Simply click/tap and drag, if you're using a mouse/finger/stylus. If you're using a gamepad, make sure to check out the tutorial for controls. <br></p>
+<h3>Can I lose?</h3>
+<p>Yeah, if you run out of time. To keep the time bar full, keep making crosses! Careful, it'll get fast and faster as your level increases.<br></p>
+<h3>Sweet, where can I play?</h3>
+<p>Right here! The game window should have loaded right above this section, if you're viewing from a desktop browser. If the game isn't loading or is having performance problems, you can also download CROSSNIQ to play offline! Windows, Mac, and Linux are currently supported. Currently CROSSNIQ does not support mobile devices, but check back soon for more information! <br></p></blockquote>
+
+CROSSNIQ is an innovative tile-sliding puzzle game designed to challenge players with its fast-paced and strategic gameplay. Set in a sleek, futuristic interface, CROSSNIQ requires players to create "crosses"—full rows and columns of the same color—to clear tiles from the board, earn points, and replenish the constantly depleting time meter. As the game progresses, the difficulty escalates with increasing speed, pushing players' reflexes and strategic thinking to the limit.
+
+The core mechanic of CROSSNIQ revolves around its intuitive tile movement system. Players can slide tiles horizontally or vertically using various input methods, including a mouse, touch screen, or gamepad. This versatility allows for a highly accessible gaming experience, whether on a desktop, laptop, or an ultrabook with a touch interface. The game’s design ensures that controls are easy to learn but challenging to master, appealing to both casual gamers and puzzle enthusiasts.
+
+Upon starting the game, players are greeted with a tutorial that comprehensively explains how to create crosses and effectively use the game's controls. This initial guidance is crucial as players must quickly adapt to the increasing pace and complexity of the game. The objective is straightforward: keep forming crosses to prevent the time meter from running out. Each cross formed clears the respective tiles, provides points, and adds precious seconds to the timer, allowing the player to continue playing.
+
+CROSSNIQ's aesthetic is heavily influenced by futuristic design, incorporating sleek visuals and a vibrant color palette that enhances the gameplay experience. The minimalistic yet striking graphics provide a clear and engaging environment where players can focus on their strategic tile movements. The user interface is designed to be clean and intuitive, ensuring that players can easily navigate the game without unnecessary distractions.
+
+The game's sound design complements its visual style, featuring upbeat and futuristic music tracks that keep the players energized and immersed. Sound effects are carefully crafted to provide feedback for successful moves and to alert players when time is running low, adding an additional layer of engagement and urgency.
+
+In addition to its single-player mode, CROSSNIQ offers various gameplay modes to keep the experience fresh and exciting. These modes include time trials, where players aim to achieve the highest score within a set time, and endless modes, which challenge players to last as long as possible against the relentless clock. Each mode provides a unique challenge, encouraging players to refine their skills and strategies continuously.
+
+CROSSNIQ also supports offline play, allowing users to download the game for Windows, Mac, and Linux systems. This flexibility ensures that players can enjoy CROSSNIQ anywhere, even without an internet connection. While mobile support is not currently available, the developers have indicated that they are working on expanding compatibility, promising even more accessibility in the future.
+
+The game's community aspect is fostered through online leaderboards, where players can compare their scores with others worldwide. This competitive element adds another layer of motivation, as players strive to improve their rankings and achieve the coveted top spots.
+
+Overall, CROSSNIQ stands out as a compelling and addictive puzzle game that blends intuitive gameplay with a stylish presentation. Its emphasis on quick thinking, strategic planning, and reflexes ensures a captivating experience for players of all skill levels. Whether you're looking for a quick gaming session or a marathon of tile-sliding fun, CROSSNIQ offers an engaging and satisfying challenge that is hard to put down.
+
+## Resources
+
+* Official page of the game; Quoted description and cover image credits: <https://maxkrieger.itch.io/crossniq>
+

assets/js/idb-backup-and-restore.js

@@ -41,7 +41,7 @@ exportToJson: function (idbDatabase) {
                 idbDatabase.objectStoreNames.length ===
                 Object.keys(exportObject).length
               ) {
-                resolve(JSON.stringify(exportObject))
+                resolve(/*JSON.stringify(*/exportObject/*)*/)
               }
             }
           })
@@ -66,7 +66,7 @@ importFromJson: function (idbDatabase, json) {
     )
     transaction.addEventListener('error', reject)
 
-    var importObject = JSON.parse(json)
+    var importObject = /*JSON.parse(*/json/*)*/
     for (const storeName of idbDatabase.objectStoreNames) {
       let count = 0
       for (const toAdd of importObject[storeName]) {

assets/js/preferences.js

@@ -6,8 +6,27 @@ var Prefs = window.SalaMuseoGames.Prefs = {
   softwarePwaManifests: { default: true, /* dependsOn: "pwaManifests", */ name: "Allow installing individual games as PWAs" },
   pwaManifests: { default: false, name: "Allow installing the site home itself as a PWA" },
   offlineCache: { default: true, name: "Cache site pages and game files offline", summary: "Allow faster site navigation, and gameplay without an Internet connection, by caching unlimited data offline. Disable if you want to save storage. (Note that data for some emulators and games is always cached regardless of this setting; you can only manage their data when they show an option in their interface.)" },
-  // dataExport: { onclick: (function(){}), section: "data", name: "Export configuration and gamesaves" },
-  // dataImport: { onclick: (function(){}), section: "data", name: "Import configuration and gamesaves" },
+  dataExport: { onclick: (function(){
+    var data = { localStorage, indexedDB: {} };
+    var dbs = ["EmulatorJS-core", "/data/saves", "/home/web_user/.renpy"];
+    dbs.forEach(function(db){
+      indexedDB.open(db).onsuccess = (function(event){
+        idbBackupAndRestore.exportToJson(event.target.result).then(function(json){
+          data.indexedDB[db] = json;
+          if (Object.keys(data.indexedDB).length === dbs.length) {
+            var anchorElem = SMG.Util.makeElement('a', {
+              hidden: true, download: 'SalaMuseoGames-Export.json',
+              href: URL.createObjectURL(new Blob([JSON.stringify(data)], { type: 'application/json' })),
+            });
+            document.body.appendChild(anchorElem);
+            anchorElem.click();
+            document.body.removeChild(anchorElem);
+          }
+        });
+      });
+    });
+  }), section: "data", name: "Export site configuration and game saves", summary: "(Currently a beta, not all saves might be exported! Import feature coming soon.)" },
+  // dataImport: { onclick: (function(){}), section: "data", name: "Import site configuration and game saves" },
   // featurePreview: { default: false, name: "Use experimental features before their release", summary: "If some new site features or adjustments are scheduled to release soon, you might be chosen to preview them before they are officially available" },
   developerMode: { default: false, name: "Developer Mode", summary: "Show options and enable features dedicated to developers" },
   allowDownloads: { default: false, section: "developer", name: "Allow downloads where available", summary: "Only for developers." },
@@ -28,7 +47,7 @@ Object.keys(Prefs).forEach(function(key){
 });
 
 var PrefsSections = {
-  // data: { name: "Data management", visible: true },
+  data: { name: "Data management", visible: true },
   developer: { name: "Development", visible: Prefs.developerMode.value },
   // advanced: { name: "Advanced", visible: true },
 };

assets/js/pwa.js

@@ -59,10 +59,9 @@ if (Prefs.pwaManifests.value || Prefs.softwarePwaManifests.value) {
       purpose: "any",
     }],
   });
-  var manifestElem = document.createElement('link');
-  manifestElem.rel = 'manifest';
-  manifestElem.href = ('data:application/manifest+json;utf8,' + encodeURIComponent(JSON.stringify(manifestData)));
-  document.head.appendChild(manifestElem);
+  document.head.appendChild(SMG.Util.makeElement('link', {
+    rel: 'manifest', href: ('data:application/manifest+json;utf8,' + encodeURIComponent(JSON.stringify(manifestData))),
+  }));
 }
 
 if ('serviceWorker' in navigator) {

assets/js/util.js

@@ -3,7 +3,7 @@
 var Util = window.SalaMuseoGames.Util = {};
 
 Util.makeElement = (function(tag, attrs){
-  return Object.assign(document.createElement('tag'), attrs);
+  return Object.assign(document.createElement(tag), attrs);
 });
 
 Util.elementFromHtml = (function(html){