Noughts & CrossesMade with Node.js
This is a multiplayer Noughts & Crosses game. Instructions on how to play are on the home page. Play Noughts and Crosses with fellow Replers!
This program uses Replit Auth to authenticate users with Replit DB (using my EZReplDB package) to store user data (wins, draws, losses and other info on past matches).
Inspiration: I saw this Repl which is a multiplayer Tic-Tac-Toe game and decided, having newly learnt to use Express, Socket.IO and WebSockets, I would try to make my own multiplayer Noughts & Crosses game (which as you can see, I did). Did I underestimate the challenge? Massively! Did I push myself and learn a lot from this project? Definitely! Have I succeeded in my goal? I'd say so!Recent comments (13)triptych10 days ago
I really like how clean and easy to understand it is! I agree a single player mode would be cool, I really dig this Repl!Ajh49929 days ago
There should be an option to either go against players or go against computers because since this repl isnt popular, nobody is going to be onAjh49929 days ago
British tic tac toesonicx18030 days ago
awesome! this should get trending.OverdriveReplit2 months ago
Looks cool... wish some one would play
Skeleton LoadingMade with HTML, CSS, JS
A simple example of skeleton loading. Skeleton loading uses simple placeholder elements while loading actual content, replacing the placeholder or 'skeleton' content with real content when loaded.
To really see the skeleton loading in action, go to your browser's console, navigate to the network tab and change
no throttlingto the slowest default option (probably
slow 3gbut may vary).Recent comments (11)DragonProgrammer4 days ago
wow!!STCollier4 days ago
Reminds me of when discord messages have to load haha, nice jobVulcanWM4 days ago
woah this is amazing!Rhysen2 months ago
true! a lot of larger-scale websites (the google browser comes to mind) use this too - it's a pretty useful featureSomeWebber2 months ago
YOU LIED THERES NO SKELETONMrVoo2 months ago
Getting ParticularMade with HTML, CSS, JS
A recreation of a common particle effect. Click or tap your screen to add more particles.Recent comments (17)MattDESTROYER1 month ago
A very simple (kinda says something that I didn't think of it much earlier...) optimisation improvement means that you should be able to add drastically more particles than before!
Also note: I am learning WebGL, and once I have sufficient knowledge, I will release a further optimised version using WebGL (which should be even faster)!Fath00mm6 months ago
this is coolKingsleyXu6 months ago
so muchsoren6 months ago
niiiceMrVoo6 months ago
ooooooooVulcanWM6 months ago
This is really cool!
No Budget Flappy BirdMade with HTML, CSS, JS
nice game i saw your comment on mine so i decided to check your program
Intro to JSMade with HTML, CSS, JSRecent comments (21)SounakSaha22 months ago
Loved the tutorial...... want some more about JS.... a little bit advanced this time!
Thanks very muchEAsh13 months ago
Congrats on third place :))MattDESTROYER3 months ago
Wow! I am lost for words! Third place! Thanks so much!
I'm amazed that already their are 435 forks of this Repl (within three days of it being added to the learn page). (Edit: Wow! That number almost doubled in two days!) I really hope you learn a thing or two from my tutorial! And I'm always happy to help out if you get stuck :D I'd love to know if you finished my tutorial, so feel free to comment here if you did! Also feedback is greatly appreciated :)
As to why I didn't make a video: I have three younger siblings so my house is never really quiet which wouldn't be ideal, but also my exams started yesterday (I'm in Year 10) and while making this tutorial I was preparing for my exams so I didn't really have the time to put together a video.
Maybe after my exams are over, I'll add a video component. Also keep an eye out for my (work-in progress) Intro to JS Game Dev tutorial, which will be somewhat of a 'sequel' to this tutorial.MattDESTROYER3 months ago