How to code Picture Puzzle game in plain javascript - Part 1

  Рет қаралды 22,539

The Codeholic

The Codeholic

Күн бұрын

In the following video I show how to code picture puzzle game using vanilla Javascript, without any framework or library.
This is the Part 1 where we create the parts of the game - cells.
And we position them randomly.
For the project setup I use Webpack.
I create two ES6 classes and put the main logic there.
Project link on github
github.com/the...
Follow on social media:
/ thecodeholic
/ thecodeholic
github.com/the...

Пікірлер: 16
@saikalbiev7843
@saikalbiev7843 5 жыл бұрын
Awesome video! Liked the ES6 writing skills with classes etc. Looking forward for more videos like this ;)
@shibnathroy106
@shibnathroy106 5 жыл бұрын
Very nice Tutorial. Just One Suggestion. Next time can you please zoom in the text a bit. It was very hard to read and puts a lot of strain in the eyes. Thank once again.
@TheCodeholic
@TheCodeholic 5 жыл бұрын
Thanks... I will keep your suggestion in mind.
@Mr767267
@Mr767267 4 жыл бұрын
Did you happen to make the part 2? :) This is good learning
@TheCodeholic
@TheCodeholic 4 жыл бұрын
Yes I made. Checkout my channel videos. You will find it.
@futureautomation9518
@futureautomation9518 2 жыл бұрын
Link to Part2: kzbin.info/www/bejne/anLOk56nhLqoaNE, just incase anyone else looking for it
@ashutoshtiwari199
@ashutoshtiwari199 5 жыл бұрын
Code-Text is not visible could u zoom it out and make it again
@TheCodeholic
@TheCodeholic 5 жыл бұрын
Make sure to set quality on 1080p and watch it on full screen. Unfortunatelly I can not re-record and reupload the same video, but for my next videos I use larger fonts.
@ashutoshtiwari199
@ashutoshtiwari199 5 жыл бұрын
Ok thanks
@getdoc7992
@getdoc7992 4 жыл бұрын
how can I use this logic in react native?
@TheCodeholic
@TheCodeholic 4 жыл бұрын
Sorry, I do not have any experience working on React Native. Just search for "Using vanilla JS with react native", there will be some solutions.
@nolandseigler1215
@nolandseigler1215 4 жыл бұрын
Made it five minutes into the video. It has taken me more than fifteen minutes to get to this point in the video. Please reshoot the video with your directory tree closed, the view zoomed on your fullscreen code, and hide the output unless you have something to briefly show us. Great ideas. Poor execution.
@TheCodeholic
@TheCodeholic 4 жыл бұрын
Thank you Noland for your honest feedback, Appreciate it... I do not know if I will reshoot this video because I am working on others, but I will keep in mind your remarks. I think I am improving quality of the videos step by step... If you have any kind of feedback in the future, will be glad to hear...
@CrzyGazara
@CrzyGazara 5 жыл бұрын
there is no such thing as dividing by percentage , its called the modulo operator and it return the reminder of the division.
@vann7509
@vann7509 4 жыл бұрын
beisikali
@peteeastham7245
@peteeastham7245 4 жыл бұрын
"height"is pronounced HITE not HATE
How to code Picture Puzzle game with vanilla javascript - Part 2
30:46
💩Поу и Поулина ☠️МОЧАТ 😖Хмурых Тварей?!
00:34
Ной Анимация
Рет қаралды 1,5 МЛН
5 JavaScript Concepts You HAVE TO KNOW
9:38
James Q Quick
Рет қаралды 1,4 МЛН
Memory Card Game - JavaScript Tutorial
34:16
freeCodeCamp.org
Рет қаралды 179 М.
Image manipulation in vanilla JavaScript (Cutting images into Pieces)
9:04
Radu Mariescu-Istodor
Рет қаралды 6 М.
Coding Challenge 165: Slide Puzzle
26:53
The Coding Train
Рет қаралды 165 М.
Coding "Snake" in 4 min 30 sec (plain browser JavaScript)
7:09
Chris DeLeon of HomeTeam GameDev
Рет қаралды 8 МЛН
Table cell editing using plain Javascript | DOM coding challenges
26:48
Перетягивание элементов ( drag & drop) на JavaScript
10:24
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 46 М.
How to Create Game in Javascript | Picture Puzzle
14:26
Online Tutorials
Рет қаралды 10 М.
Cursor AI tutorial for beginners
40:35
Greg Isenberg
Рет қаралды 68 М.