Theta Trinity

An interactive game using Theta to uplift the player's experience of Web3 games

Comment 8

Inspiration

Blockchain is undoubtedly the most burning topic in today's technological world. It's not only revolutionizing the security aspect of the applications but is opening many realms for DApps development.

What I and my team have experienced in the past is that developers /participants are only making projects around NFTs (minting, exchanging) and they consider those to be the projects that are showcasing and using blockchain to the fullest. A few years back this was undoubtedly an intriguing concept (owing to the mass getting to know about blockchain). But we somehow feel that blockchain is way more than NFTs (or playing around with them). Now is the time to switch to a new concept & a way that can be used by the mass in order to actually experience what the powers of blockchain are all about. With these thoughts, we made THETA TRINITY - a blockchain-based game that does way more than NFT sharing

One can break down THETA TRINITY as a game that consumes theta blockchain in the best manner possible. It can be attributed as EDUCATIVE because, through the course of playing this game, the player can get to know about various computer science domains (like operating systems, data structures, databases) , javascript & also THETA blockchain. Isn't that cool? This application is all about Learning While Playing. Proudly we want to highlight the fact that this game is entirely built with vanilla JS & PHP. No third party libraries/modules have been used either for styling or for functioning purposes.

We started working on this game to make an interactive playful area using Theta to play a beautiful game and get time to understand the basics behind what drives Theta. We wanted to make the project from bare scripting languages (no frontend/backend frameworks) to tell the world that if you have innovation and passion within you, then you can even cross a mountain. It is the process that matters, not the medium. With these thoughts, the game Theta Trinity was made.

How Theta Is being used

  1. Weekly high scorer will be awarded with a cool NFT (that is being dropped on the theta blockchain) and this will be done by the Theta JS SDK in the best and smoothest manner possible.

  2. For regularly logging into the game and clearing levels, users will be paid off with tfuels and they will be credited into their account in the slightest of time

  3. Theta videos will be rendered onto the canvas and that takes the project to another level because the Theta Video Game is whole together a different story.

  4. The blend of 3 games & their integration with the theta blockchain are really providing value to this game. It is a knowledge pool where the player can only earn and learn

What it does

Apart from providing the users with 3 games i.e. Flip The Bucket, Maze Runner, and Theta Video the project is ensuring that the knowledge bank of the user will be refilled time and again.

🔴 LOGIN FUNCTIONALITY: Users now have to first provide the wallet address to link an account to the localhost machine & then only the game proceeds. Not only this, we have configured the processing in such a manner that an account can be used on a single device only. That means, if you have logged into the game with your laptop with the email address vats@gmail.com, then the same id can't be accessed on another device. This helps in keeping your credentials in your locality of reference & no one can't access them anywhere.

🟢 Hints Purchase: Gaining knowledge can be a bit tricky for many of us. The Flip Bucket game tests skills related to the computer science domain (with questions related to Data Structures & Algorithms, Operating Sytems, and Database Management Systems). Not only this, especially for this event, we have included the Theta questions also. Guess what, after making a correct match, a modal pops up and states the reasoning behind the solution. There is a RESOURCES page attached to every answer modal that can take the user to the page that elaborates the reasoning. So, it is a great way of making people visit the Theta doc (for example and get to know about how it works)

🔵 NFT Section: I have minted the NFT tokens and provided their metadata on the ipfs storage. Every week, a new NFT will be there for the winner (highest scorer of that week) and the NFT can be seen from the left side REWARDS section. In there, your score along with the leader's score will be seen, so that you can always know how much more points you need to grab that NFT.

A winner email will be sent to the top player so that he can rest assured that the transfer has taken place. Each week, new NFTs with different descriptions will come up. So, there is always a sense of excitement and a purpose to play.

🟡 Theta Video Game: This game has 9 levels which contain videos from 3 different domains: Technology, History, and Science. The playground area provides a timer with every video, which needs to be followed. After the player has watched the entire video a Q&A area opens up. This area is a very special aspect of this game because it uses the Theta P2P JS SDK to make the Theta videos available to the end user and the player can go through the 9 videos in the most attractive manner possible.

🟣Apart from the above-mentioned points, there are a ton of UI and backend changes that have been done.

How we built it

For the entire project, we have used vanilla javascript only. PHP has been used as the backed language (for manipulating the database and doing secretive things separately). The Theta calls are secured in the most elegant way.

Challenges we ran into

This is one of the first projects that have SEPARATION OF CONCERNS, that is frontend and backend are distributing the workload equally and ensuring that one eases the work for the other one. In the journey of naming an idea into reality, I faced the following problems:

  1. Passing and getting back the required information from the backend was very tedious and cumbersome because there were many streams of information flow and we have to align all of them properly.

  2. Controlling and managing the UI with only CSS (not any framework) was challenging but e liked that one and somehow managed to accommodate more than 250 elements into their correct place.

(Let's keep it short and don't include the difficulties we faced while understanding a completely new blockchain technology: Theta because in the end, we integrated all of our learnings into a great project)

Accomplishments that we're proud of

From the body tag to the backend file, we are proud of every LINE OF CODE that we have written to make this project live. We really hope that the judges see the entire demonstration video because it is meant to convey the essence of the project to you so that the project can be evaluated properly.

Good things take time to get judged 😊

Important Note: We are providing demo credentials for you to access the application. You can use them freely as they will not require any of your personal details.

Wallet address: 0xCc128c976f1bCf8a8833692f3b54f9704e473B44

Email: chamanrock145@gmail.com

OTP: 64415

Built With

+ 30 more
Share this project:

Updates