JavaScript Tutorial 8 JS Paint App 2

In this part of my JavaScript Paint App tutorial I make the toolbar work, show how to get canvas mouse positions, save / redraw the canvas, create the rubber band system, find angles, convert to radians / degrees, save / import images and set up event handling. In the next video I'll finish the whole app.

RELATED TUTORIALS

Like the channel? Consider becoming a Patreon! Check it out here:

THANK YOU TO MY PATREON SUPPORTERS LIKE :

[brunoribeiro]

underrated series of videos. Thanks Derek!! this is gold!!

[derekbanas]

Upcoming Tutorials : JavaScript Games, Ionic Mobile App Development, Illustrator CC Tutorial, Ukulele for Beginners (Ukulele Hero Game), AngularJS App Development, Vue JS Mobile Apps, Adobe InDesign, React, How to Never Get Sick (Click the Notification Button if you Want to See them)

[oussamacheta]

i literally was watching part one when part two popped up ! thank you

[minkyu_great]

Honestly, I respect you. Because you know a lot of language(lua, swift.. etc)
Thanks always and have a good one!

One request, can you do a MS windows server tutirial series if you can? That is a.. the thing used in real work.

Sincerely.
PS. I am korean. If i have error in my english, let me know :D

[angelinajolie]

Hi, Derek!

at 2:26 minutes into java video tutorial 48, you said:

"you can make this into a full blown paint application, i'm gonna show you pretty much everything you need to know to do it and go out there and make the next photoshop"
could you add some very basic features from photoshop to this paint app that you're doing in javascript?

[ABCo-ABMedia]

I did have this request in one of the previous videos but I'm not sure you saw it, and, I'm sure it won't hurt just to post it once more :)!

It would be interesting for you to cover something like CUDA, after all, you've done all this stuff with the CPU, I think it would be interesting to take a step back from that CPU and take a look at programming the GPU a bit! It would be something slightly different!

[Schokocraft]

What about a link to the JavaScript Paint App 2 Playlist in the description?

[VinuP]

Derek, can you please make a video on WPF Dependency Properties and Creating custom controls?

[angelinajolie]

Hi Derek! awesome tutorial as always!
 could you teach us how to store the drawing(s) in a file and use a database to point to that file to retrieve the information
 ( the drawing(s) )in this particular case?
thanks in advance!

[yklonebee]

Hopefully there is a paint brush tool, as well!

[sarulatha]

sir give hints to add javascript function for arrow key like inside the bracket(---->)
//i used your line function
else if(currentTool === "line"){
// Draw Line
ctx.beginPath();
ctx.moveTo(mousedown.x, mousedown.y);
ctx.lineTo(loc.x, loc.y);
ctx.stroke();}
but it is processing like line as it is....but i want like arrow....
is that i have to create function getArrow(){} for arrow like function
if it is means how to code that getArrow() function???
please help me to resolve this one

[ak-loz]

Hey Derek, I was wondering-- how much has design patterns effected how you develop?

[exodus]

Thank you very much Derek :) This series is very helpful! :)

[thefreakingmindistaken]

Please Complete your Spring and Spring boot Course. Please!!!

[pklm]

Great Video, Thank You much for this video, i will be studying it a few times over, T N X ! 🆒✅🙂📚📐📈

[panhuragan]

wheres the part 1. Ok, I figured. It's called differently

[libanabdi]

Well done Sir so next lesson what will be or this lesson will be continue oky thanks RAMADAN KAriim 🌠🌠