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
4 weeks ago 00:25:07 1
“I do control that party“ Nigel Farage fury as Ben Habib launches Integrity Party to rival Reform UK
4 weeks ago 00:01:37 1
Divine Decree of the Golden Rose Codes with Paul White Gold Eagle #paulwhitegoldeagle #decree 🕉
1 month ago 00:00:23 1
ZorayPT Custom Bone Marrow Needle | Precision OEM/ODM Showcase
1 month ago 00:01:18 4
ORIVISION New Launch - 4 Channels HEVC HDMI Encoder EH1304