Видео

You are legend sir

Thank you ❤❤❤ keep making these videos

wouldnt using dat.gui be a better option for the toolbox on the left, or do you want to do without external code?

❤

Awesome work. Thank you @Radu

now if this app will equal to gimp even, you'll have 100k till the end of 2024 atleast and by what deepness you teach, you'll be god in india till 2025 mid 1 million subs

hi Radu , i have a doubt , that when you are calculating the bounding box ; matrix[y][x] should be != 0 . Initially -> bbox ={yMin:SIZE+1, xMin:SIZE+1 , yMax :0 , xMax:0} if(matrix[y][x]!=0){ yMin = Math.min(y,bbox.yMin) xMin = Math.min(x,bbox.xMin) yMax = Math.max(bbox.yMax , y) xMax = Math.max(bbox.xMax , x) } as if matrix[y][x] == 0 then it will get the rectange covering the whole picture and not the main object . Correct me if i m wrong thanks

best programming channel in the world , explained it like a charm

Dear Radu: Please don't ever stop the "bad" jokes in the intro. Thank you. -A.J. Outlaster

I regret why RUclips did not recommend his videos to me for a useful, amazing, and wonderful channel for making JavaScript funthank you.

❤🎉

I thought 🤔 we can make triangle then stack it to make cude but your approach is unique thank you ❤❤

i love you sir

AT 46.05 timestamp // this.canvas.onmouseup = () => { // this.isDrawing = false; // }; // mouse up is triggerd only for canvas ie if move to the edge of the canvas and mouse leaves the canvas then also we need to change the path //1. possible solution // this.canvas.onmouseleave = () => { // this.canvas.onmouseup(); // }; // this.canvas.onmouseup = () => { // this.isDrawing = false; // }; //2. possible solution + one benefit is that if you dont lift the mouse after leaving the canvas and returns back to the canvas , the path continue document.onmouseup = () => { this.isDrawing = false; }; Let me know what will be better for user experience , 1 or 2

Love From pakistan.

idk why but the meta tag is not working for me

Thank youuuuuu!

"["#AAA", "#444", "#888"][i / 2 - 1]" that was a nice gem

Great! Please make something with offscreencanvas and web workers with user input! 😁

You are having fun, we are having fun too, as well as learning how to solve problems in an easy way. At first I knew we had to draw cubes but I didn't know how, I was thinking to draw squares but wasn't sure how to achieve that. Your solution is simple and elegant. Secondly, globalCompositionOperation? Never heard of that my entire life😂. Thank you Radu.

(-: Amazing! :-)

Amazing trick ☝️😼👍 Looks nice and cute! Thank you!

Great one again (still not finished watching yet). Would it be an option to let the addhistory function check if the to be added history item is equal to the previously added one? In that case no duplicate items will be added and this will work for all future features as well.

I had never known about drawing a cube this way in canvas. A little bit of maths and its possible. Amazing

Thanks ❤🎉

Thanks for another great approach!

❤ Master. Your RUclips page is really a discovery.

bro when you upload Kaboon js tutorial and i need more advance topics in js.

Which color scheme do you use in VS Code? The colors are easy on the eyes.

New video!!

Thanks ❤🎉

You should make a virtual Leonard/gpt dor this kind of lessons hehe

After I reaserch with gpt i found better way for add / remove event . The advantage is the centralized of the event definition ``` constructor(viewPort, graph) { this.listeners = { mousedown: this.#handleMouseDown.bind(this), mousemove: this.#handleMouseMove.bind(this), mouseup: this.#handleMouseUp.bind(this), mouseLeave: (e) => this.selected = null } this.#addEventListeners() } #addEventListeners() { for (const [event, handler] of Object.entries(this.listeners)) { this.canvas.addEventListener(event.toLowerCase(), handler, {passive: true}); } this.canvas.addEventListener('contextmenu', (e) => e.preventDefault()) } #removeEventListener() { for (const [event, handler] of Object.entries(this.listeners)) { this.canvas.removeEventListener(event.toLowerCase(), handler, {passive: true}); } } ```

7.5 hours live stream sir you have so much dedication I really like your video

I've worked through this video twice and love it. It took me a bit to get my head wrapped up around lerp concept. Thank you, Radu! Great video and excellent tutorial as always.

Thanks radu great session

Unique content, thanks Radu.

I watched the whole livestream! The app is coming along nicely! Awesome functionality, but as you said many times, refactoring the code later will be reeeeally some work to do hahhah

I swear I am not following the lessons just for the intro pun + song, but it is a factor :D!

why not to use arc for make the connection between the segments smooth ? It could be saved a lot of processing

I love the visualization and animations. Do you mind sharing what tools you used in creating the visualization? Great video

Amazing Tutorial, Thank You Sir.❤

// Open Street Map Query [out:json]; ( way['highway'] ['highway' !~'pedestrian'] ['highway' !~'footway'] ['highway' !~'cycleway'] ['highway' !~'path'] ['highway' !~'service'] ['highway' !~'corridor'] ['highway' !~'track'] ['highway' !~'steps'] ['highway' !~'raceway'] ['highway' !~'bridleway'] ['highway' !~'proposed'] ['highway' !~'construction'] ['highway' !~'elevator'] ['highway' !~'bus_guideway'] ['access' !~'private'] ['access' !~'no'] ({{bbox}}); ); out body; >; out skel;

You are not from this world ahahha

Dude love how deep you get. no surface level click bait BS that just defines features in documentation

Thanks Radu for your knowledge, great work as always. I would like to suggest that I'm starting in the world of pixel art and it would be cool to select the size of the canvas, or the zoom capability, and maybe having different layers of images that you could pre-watch animation. Maybe, is a lot for now, but might be cool to have something like that. Keep on the hard work 💪💪

Thank you @Radu, thank you.

Thank you very much of your time, your knowledge to share with us. Thanks Dr Radu