In this game dev experiment, we perform a code review of a 3D tic-tac-toe built using Three JS and React. is a JavaScript library that provides an API for WebGL and makes it easy to create 3D games/animations on a browser. You can draw complex shapes, import blender objects, and even animate them all with JavaScript. Today, we go over how to set up the Three JS scene, create our game board, animate player actions, and detect when someone wins the game.
📖 Code -
🐦 Twitter -
💻 GitHub -
🌎 Website -
== [ Resources ] ==
Docs -
Guide -
Raycaster - #api/en/core/Raycaster
Dat GUI Tutorial - @bumbeishvili/three-js-dat-gui-controls
Scene Guide -
== [ Timestamps ] ==
00:00 Tic Tac Toe Demo
00:42 Create Scene with Board
03:20 Detect Click with Raycasting
05:30 Alternate Between Players
07:04 Check Win Conditions
== [ Tags ] ==
#suboptimal #metaverse #threejs
1 view
21
8
1 day ago 00:21:22 1
Крым. Курортное. А где КУРОРТ?
2 days ago 00:14:37 1
🔴 As US Cozies Up To Russia’s Economy, Putin’s Call With China Just Changed Everything
3 days ago 00:03:00 18
Architects - “Brain Dead (feat. House of Protection)“
6 days ago 00:56:31 2
“Ce détail nous a échappé à tous lors des Jeux Olympiques de Paris.“😱😱
6 days ago 00:01:39 14
Opening Credits | Dexter: Original Sin
1 week ago 00:23:30 1
Terrifying Truths Learned on Carnivore
2 weeks ago 00:36:51 1
💥 Breaking! Protestant Church ⛪ in England 🇬🇧 on Path to Holy Orthodoxy ☦️
2 weeks ago 00:53:40 31
Lily Phillips Slept With 100 Men In One Day and Doesn’t Regret It
2 weeks ago 01:56:37 1
Les secrets à la vue de tous 1/4 ~ Scott Onstott (Secrets in Plain Sight)