Qubic

Qubic, or 3 dimensional tic-tac-toe is a game of tic tac toe played of a 4x4x4 cube board. This is a website that allows people to play this game.

Comment

Inspiration

I wanted to learn three.js in a fun way, and I have always been interested in 3 dimensional board games. So when I found out about Qubic, a 3 dimensional version of tic tac toe, I decided that making it would be the perfect project!

What it does

This website allows you to play Qubic on an interactive 3D board. It has very simple controls and is much easier to visualize and play than on paper or on a physical board.

Qubic

Qubic is similar to tic tac toe, but is played on a 4x4x4 cube. As in regular tic tac toe, players take turn placing their markers, and the first player to place 4 markers in a line or diagonal wins. The lines and diagonals can be vertical, going through multiple boards! The rules of this game are no much more complicated than regular tic tac toe, but Qubic allows for some significantly longer and more strategic gameplay.

How I built it

This is a static website. I built this using html, css, and mostly (by far) JavaScript. I used the Three.js library for everything 3 dimensional, and I sometimes used blender (an open source 3D modeling program) for planning models.

Challenges I ran into

This is the first time I attempted to use Three.js, so there was a lot I had to learn in a short time.

Accomplishments that I'm proud of

I am proud that I managed to make a working 3D website.

What I learned

I learned a little more JavaScript, and I learned how to use the Three.js library.

What's next for Qubic

Next I want to use what I learned last hackathon about asp.net web app development to make this into a full on multiplayer game. This will require me to learn the SignalR library. I may then also experiment with ml.net (machine learning library) to enable a player to play this against a computer.

Share this project:

Updates