Image manipulation in vanilla JavaScript (Cutting images into Pieces)

  Рет қаралды 6,012

Radu Mariescu-Istodor

Radu Mariescu-Istodor

Күн бұрын

Пікірлер: 31
@Radu
@Radu 3 жыл бұрын
Have you ever worked with images like this? Let me know what other projects you worked on or what you would like to try out next!
@MrTomro
@MrTomro 3 жыл бұрын
i used jquery ui to make a puzzle game, but vanilla js approach is definitely more interesting
@Radu
@Radu 3 жыл бұрын
@@MrTomro Cool! Do you have a link to it? I would really like to see how it ended up :-)
@MrTomro
@MrTomro 3 жыл бұрын
@@Radu I don't, it was a school group project and I didn't save it to github :( . But it's an interesting library!
@Radu
@Radu 3 жыл бұрын
@@MrTomro yeah, it is. I used it few times as well. But I think it's not so used anymore nowadays.
@MrTomro
@MrTomro 3 жыл бұрын
@@Radu yep, jquery as a whole is kinda outdated and not as useful as it used to be
@paruslex
@paruslex 3 жыл бұрын
Thanks, your video are super. My english not very well, but i will see and repeat step by step.
@Radu
@Radu 3 жыл бұрын
Hi! I'm glad you find them useful :-)
@no-fuse
@no-fuse 2 жыл бұрын
Thank you! That's awesome! I admire your code and your way of thinking!
@Radu
@Radu 2 жыл бұрын
You're welcome! Thanks for watching :-)
@MrTomro
@MrTomro 3 жыл бұрын
cool channel man
@Radu
@Radu 3 жыл бұрын
Thank you :-)
@unknown-bx8my
@unknown-bx8my 3 жыл бұрын
Amazing.
@Radu
@Radu 3 жыл бұрын
Glad you think so!
@md.fakrulabedinbhuiyan2574
@md.fakrulabedinbhuiyan2574 3 жыл бұрын
i think you can also add part number.because it is a part of series video
@Radu
@Radu 3 жыл бұрын
Yes... I was thinking to make the parts independent, because some people don't want to watch the whole thing, they maybe just want to learn the technique to cut the image. I do start with code from last time, but that VIDEO object can be just a simple Image and code will be the same. I did keep the part 2/10 in the video thumbnail, but maybe you're right and I should add it in the title as well. Will think about it.
@70ALG
@70ALG 3 жыл бұрын
Do youtube short to brings more people it always work, your channel and your work is one of the best, you deserve more views ❤
@Radu
@Radu 3 жыл бұрын
Thanks for the idea, Abdullah. I will try in a week or two. Now moving to a different city and it's just chaos :-)
@mohamedyoussef8835
@mohamedyoussef8835 3 жыл бұрын
Awesome tutorial ++++++++++++++ :)
@Radu
@Radu 3 жыл бұрын
Many thanks
@Marcogoodie
@Marcogoodie 8 ай бұрын
Hello, im trying to use an image as source instead of camera for this project, are there things specific to camera i should be aware of? Thanks!
@Radu
@Radu 8 ай бұрын
Not really, should be straightforward to change it to use an image instead. But you'll need to use a local server (the live-server extension, in VS Code, for example). Otherwise you'll have issues with CORS.
@Marcogoodie
@Marcogoodie 7 ай бұрын
@@Radu Just went through the entire tutorial, code was amazing, good video!
@nikolay6143
@nikolay6143 3 жыл бұрын
tnx Radu, its awesome and very interesting video, I will subscribe to your channel. Can you please tell me is it possible to somehow recognize the text and the correspondence of two pictures through js, or is it worth using other technologies for this?
@Radu
@Radu 3 жыл бұрын
Hi Nikolay, thanks for subscribing! Usually tasks like that are handled server-side because they are more processor intensive. But I've heard good things about tesseract.js for recognizing text. I'm not sure what you mean by correspondence of two images. Do you mean to compute some kind of similarity measure?
@_GOUTHAM
@_GOUTHAM 2 жыл бұрын
radu don't worry about low views great things taken time
@Radu
@Radu 2 жыл бұрын
Thanks for the tip :-) I'm quite patient with these things.
@_GOUTHAM
@_GOUTHAM 2 жыл бұрын
@@Radu can I say some thing don't feel bad please explain slowly line by line ,importance of that line as every one who watch your videos are not expert
@Radu
@Radu 2 жыл бұрын
@@_GOUTHAM Ok. I will try to keep that in mind next time I make a video :-)
@Radu
@Radu 2 жыл бұрын
@@_GOUTHAM You can also ask anything that is unclear, of course :-)
@user-sb6os
@user-sb6os 2 жыл бұрын
minionsl
Drag and drop in vanilla JavaScript and HTML canvas (Desktop and Mobile)
11:44
Radu Mariescu-Istodor
Рет қаралды 12 М.
JavaScript Animation Basics
12:43
Radu Mariescu-Istodor
Рет қаралды 5 М.
Teaching a Toddler Household Habits: Diaper Disposal & Potty Training #shorts
00:16
АЗАРТНИК 4 |СЕЗОН 2 Серия
31:45
Inter Production
Рет қаралды 1,1 МЛН
Cute
00:16
Oyuncak Avı
Рет қаралды 11 МЛН
JavaScript lightsaber effect
49:33
Radu Mariescu-Istodor
Рет қаралды 7 М.
JavaScript Pro Tips - Code This, NOT That
12:37
Fireship
Рет қаралды 2,5 МЛН
ASCII Art with Vanilla JavaScript
41:25
Franks laboratory
Рет қаралды 53 М.
🎃 Coding a Theremin in JavaScript (#JSVFX) 🎃
31:53
Radu Mariescu-Istodor
Рет қаралды 4 М.
Premature Optimization
12:39
CodeAesthetic
Рет қаралды 806 М.
Turn a Picture into Puzzle Pieces in PowerPoint
15:08
Doug H
Рет қаралды 43 М.
mask-image lets you do some really cool stuff
6:35
Kevin Powell
Рет қаралды 95 М.
HTML5 Canvas Tutorial for Beginners [How to Draw Shapes with JavaScript]
32:22
Pythagorean Theorem: Proof, Applications and JavaScript Code
8:42
Radu Mariescu-Istodor
Рет қаралды 6 М.
JavaScript voice activated camera effect
1:22:07
Radu Mariescu-Istodor
Рет қаралды 4,6 М.