Coding a 3D Tic-Tac-Toe Game JavaScript + Three.js

Pubblicato il: 18 novembre 2021
sul canale di: Suboptimal Engineer

3,684

In this game dev experiment, we perform a code review of a 3D tic-tac-toe built using Three JS and React. Three.js 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 - https://github.com/SuboptimalEng/thre...

🎥 YouTube -    / suboptimaleng
💻 GitHub - https://github.com/SuboptimalEng
🐦 Twitter -   / suboptimaleng
🧵 Threads - https://www.threads.net/@suboptimaleng
📸 Instagram -   / suboptimaleng

== [ Resources ] ==
Three.js Docs - https://threejs.org
Three.js Guide - https://sbcode.net/threejs/scene-came...
Three.js Raycaster - https://threejs.org/docs/#api/en/core...
Dat GUI Tutorial - https://observablehq.com/@bumbeishvil...
Three.js Scene Guide - https://threejsfundamentals.org/three...

== [ Timestamps ] ==
00:00 Tic Tac Toe Demo
00:42 Create Three.js Scene with Board
03:20 Detect Click with Raycasting
05:30 Alternate Between Players
07:04 Check Win Conditions

== [ Tags ] ==
#suboptimal #metaverse #threejs

In questa pagina del sito puoi guardare il video online Coding a 3D Tic-Tac-Toe Game JavaScript + Three.js della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Suboptimal Engineer 18 novembre 2021, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 3,684 volte e gli è piaciuto 87 spettatori. Buona visione!

11,731

160