How Do Vector Graphics Work?
ฝัง
- เผยแพร่เมื่อ 28 ก.ย. 2024
- Vector graphics allow you to rescale images to any size without losing quality! How does that work?
Thanks to Pearl Auto for supporting Tech Quickie. Go to pearlauto.com/t... to get FREE two-day shipping!
Follow: / linustech
Join the community: linustechtips.com
Heh...that pun at the end...
just horrible
not professional at all...
Barely deserved a nose exhale.
I mean, it is not his wurst :D
heh, linus, heh
Back in the old days, some CRT displays used vector graphics to display hand drawn and mathematically generated shapes for interactive design terminals. The associated display processors, huge CRTs and drive circuits, and the need to reserve real time on large mainframes meant that they were reserved for high value functions such as radar stations, scientific simulations, and designing cars for three years in the future.
One salient device used with these displays was the light pen, a photodetector with a spring loaded spherical lens which switched the detector on when pressed against the screen, and a manual "select" button on the side to provide operator control. It would pick up the very fast rise of the burst of light when the electron beam came within its detection radius, giving its processor the X and Y coordinates on the screen, and identifying the vector instruction being drawn, thus identifying where and to which object the pen was pointed. The interface logic was later adapted to use with the mouse (the select button became the click).
Ok boomer
I think you just told us more useful information than this over-presented and disappointing video.
Vector graphics have been in use since the 1950s lol. And 3D rendering throughout it's history to this day uses vector graphics. And in engineering, architecture, surveying, typography.... I get that vibe in here that people are talking about something that is off the beaten track, But it is as common in graphical technology as graphics itself.
Raster to vector...so that's what happened to Max Headroom...
Vector graphics aren't necessarily smaller in file size but you're right to say that for the right use cases they tend to be smaller. I saw many line charts or scatter plots or similar things that just require more points than number of pixels and they end up being huge.
Imagine having points on 10000 places on a graph. Each of those points will require an X and a Y coordinate and some extra code to define them. It really adds up quickly. Whereas a raster image would not care about how many points there are on the graph, it'll put close enough points on a single pixel but the human eye isn't going to differentiate between really close points from each other when there are 10000 points anyway.
Nevertheless, they're my favorite method for making figures and graphs for my thesis. Yay for SVG and PDF!
And Inkscape. Thank you, Inkscape!
Thank you LaTeX!
For a second there, I thought linus was sponsored by a porn website
oh man ..lol
Metooz
Easy solution - Vector Hentai
That would be so cool to have. Right now the closest is 3D rendered porn but having 2d vector adult animation that scales from anywhere between 480p and 8k would be awesome.
There IS!!! Just use "waifu2x-caffe" ;)
github.com/lltcggie/waifu2x-caffe/releases
Deep-Neural-Networks (almost) = magic :-D
That's actually very possible
that actually is very old, there was a lot of flash applications based on hentai on the 2000s
Please stop, this is gross, I'm a teenager boy and even I think that that is gross, stop.
Wait are you telling me that "enhance" thing in Jason Bourne wasn't total bs?
OMG SPOILERS
It was in the trailer, when the CIA saw him on camera and said "omg it's Jason Bourne"
Plus the film isn't great anyway
Thank you: this was extremely helpful. I am trying to make my blog a little nicer but didn't understand what these "vector" graphics were...you made things so much easier! Keep up the good work!
FL Studio, for example, has vectorized almost the entirety of their user interface, and you can scale it up to an obnoxious degree without it looking blurry due to linear pixel interpolation.
***** Besides, using vectors allows you to literally reshape stuff into other stuff! Fl Studio uses this for some really sexy GUI animation that you just can't do properly using pixels. The knob from the Set property window is a perfect example of this.
I happened to be lucky enough to do some Vector drawing in middle-school so I happened to know about this. But I'm glad someone is covering this. It seems like most people don't understand / haven't heard of vector graphics.
Adobe Illustrator 101
coreldraw
KINSLINK that one too.
CorelDraw master race
Fuck AI, InkScape! The best, and only the best.
Finally... a crystal clear explanation of vector artwork I can use :) Linus, I hope you don't mind but I embedded your video on my site.
i loved the little dance linus did during the AD "fancy pants feature" :P
Thanks Linus. Great explanation and very useful video.. I was going to share with the kids.. until the 4:20 bit :(
420 hehe, NiCe 👍
3:44, Put a beard, is Qain! Former Tek syndicate xD
Former... FeelsBadMan
ive been drawing vector graphics for about half a year and i tell you, it can be a pain in the ass though. especially when you are a little bit of a perfectionist.
i mean yes, every image looks extremely sharp. when you sketch something on paper and then "trace" it on your pc with vectorart every stroke always just as wide as the other if you want to. though when you try to connect different layers sometimes you just scroll in endlessly and TRY TO CONNECT THAT DAMN STROKE BUT THERE´S ALWAYS A GAP WHEN YOU ZOOM IN GODDAMN
actually billboard have same resolution as display (+-72dpi)
it was in test and i get 5. so i remember it now
That outro is great !
Jokes on you, I don't need to rasterize my graphics, because I use a CRT, which is a vector screen.
If anything, I need to vectorize my graphics.
Joke's on you, you use a CRT. #omgsojokes
What does "#omgsojokes" mean?
The grammar hurts my brain.
Made up compound words don't have grammar. #rekt #0wn3d
It hurts my brain never the less.
Try being less sensitive to intentionally ridiculous jocular remarks.
lost internet for 2 months, so many videos to binge watch. hehehe. :D
2:31" provided your gpu can render it"
Yeah linus why not rub that on our face
Yo my teacher shown this video in class without checking it hehe..
is this Adobe Illustrator?
LXVIS I guessed it cause I use it a my school
Felix R yes and it can also handle rastered files so it's the best of both worlds since you can temporarily fiddle with things with Photoshop and it will update in Illy too.
no, this is a video
4:14 Is that a CTL-480 I see? Cookiezi would be proud.
That camera sounds pretty good. Not in Canada though. There's like no light in the winter. Plus, my car is parked mostly in the garage or roofed parking anyways.
I can find 200 other explanations exactly like this talking about raster and vector. I find it unbelievable that so many vector designations can actually be used to create a complex image. How is it done? I was searching for some detail as to how vectors are actually assigned and described in a finite amount of time and file space. No one seems to want to describe that, or they just don't understand it themselves, which is more likely.
That last-second half-wink @ 4:26. ROFL.
$500 for the rear view camera... cool... but that's super expensive...
Ikr I would've bought one immediately for about $200, Id even consider it for $300. But $500? Yikes
at 4:17 on the stock photo the word Address is misspelled
I was loving this video until that last inappropriate comment...Now I can't show this highly information video to my Digital Design class...might want to consider that in future videos, sir.
OMG thank you for the advertisement! that's totally a product I'd buy. but it's too expensive Dx
Thank you!
i wish you did this video a month ago as i studying about vector graphics
Make Berkel do few of these Techquickie's
Vector Magic is phenomenal. Would highly suggest.
That pun was perfect....good job
almost like talking about polygonal modelling vs nurbs modelling
When I came to the video, there were no comments, but I went to another tab for a while before watching this one. Not commenting sooner is my greatest regret.
that pun in the end
I thought you meant vector images as in lines drawn by an electron beam
with svg you can draw using only notepad
(or any other text editing software)
#MakeAfricaGreatAgain
Oh ho ho! It's funny 'coz Africa was never great!
*It Wasn't Great In The First Place*
It was in some ''whitewashed'' parts hihi
There's nothing that a hundred men or more could ever dooooooo
I'm from South Africa, Cape Town :)
"Another thing coming"
I can't stop laughing
What if instead of just giving that strange quantization effect people could make one that samples multiple points on the original shape and then makes gradients using a vector to define how harsh the falloff of one color is.
Raster as in raster output processor?
Is there a decent alternative to skip drawing vectors with a mouse or a finger on a laptop pad when you want to create a logo or an object in Graphic Design? Eg. Draw a logo or an object and then with one or few clicks you turn that into vector graphics?
there are two pc's and two monitors can i use two monitors simultaneously for each pc all connected
But there are smoothing upscalers wich will smooth out jagget edges from pixelated images but it requires alot of horse power to do that.
BTW i don't believe that once stretching an image, that spftware has to guess what each pixel should be, as that will cause errors & gaps in the image.
But that it is possible to convert a foto into a vector image is areasy something i consider fantastic,even if it is not perfect because of some detail lose or rainbow bainding in the image,BUT even that could be compensated trough sharpening and color blending.,
You could vectorize cartoony games like an invaders game or 2D fighting game maybe even an original legal doom clone and that would look great on 8k or 12k TV.
It took me a while to figure out how to rasterize images that I imported into photoshop to edit haha!
Would it clear the Check Engine light code?
Is there such a thing as a vector display that could do say full flat-shaded 3D scenes in a game similar to something like say Virtua Racing using vector art? I'm saying this because I would love to see a proper 3D game but as it would look displayed on one of those old vector displays that had that gorgeous glow to everything because they were using actual beams of light or whatever it was.
Hello, could you make a video about image formats (JPG, PNG, GIF etc.)?
Nice editing!
Do vector files have a specific suffix, like PSD?
"If you were hoping to upscale all your porn to 8K using vectors, you've got another thing coming."
FUCK! THAT WAS EXACTLY WHAT I WAS HOPING!
"another thing coming for you" smart linus
the PearlAuto link is broken .. plz fix
I love vector graphics. Someone should invent a vector video codec
Hey guys! That was Austin!
4:45 is that a blown up note 7??? it seems fine in the other frames
it's an s7 edge but it looks like they put it in the freezer lol
Looks to me like someone who's just not very keen on taking off the OEM plastic from the screen, or a real bad screen protector install? Yeah, as said; it's an edge.. Luggit all it's edge-y-ness. (Or lack there-in)
K3NnY_G idk, look at the edges in the 1st scene and in the scene at 4:54 it looks like it all melted away except in the corners
I'd be interested in the backup cam from your sponsor despite the $500 price tag, HOWEVER, when you say it works on ANY car, its not truthful. My daily driver is a 1986 camaro, and it does not have an OBD II port due to it's age. Too bad an OBD II port is required!
The "Original Raster" vs "Vectorized" comparison looks more like the image was posterized, not vectorized... I suppose vectorization could easily cause posterization as a side effect, though.
@4:20
omg I have the exact same "techy background" svg
How do you avoid someone just unscrewing the licence plate with the cameras off from your car ans stealing the cameras?
vector images are made of paths or formulas but these must also contain pixels thats why they are visible on screen right ??
any one explain please
5:17 that's bull crap. The government shouldn't force me I have to have an accessory I don't want on a car.
What game was he playing
Crysis 3
💯fantastic explained👏
Great explanation of vector graphics! Now if only we could train clients how to send vector logos and not low resolution images in Word documents.....
Yikes, $500 US for a fancy licence plate cover? too bad, because I actually would've bought one if it was about $300 US. ($400 CAD for me) I have an iPad installed in my dash, but considering this camera costs more than the iPad itself.... Nope!
Love the edited out half wink at the end of the porn pun :)))) You need to try much harder to mask Linus's enormous personality , editors ;)
That was the worst ending joke ever 😂
2:11 proof that computers know calculus.
So this is where they got the text for the tech quickie poster in Linus's old new office.
relevant xkcd strip, errr, LTT video here: th-cam.com/video/SQ-rMgPjzlM/w-d-xo.html
OMG HI LINUS! I CAME HERE JUST TO SAY HI! I'LL WATCH THIS VIDEO LATER BECAUSE I WANNA GO TO SLEEP
what game is that ?
crysis 3
0:29 holy sh...that's my camera
What's the status of vector graphics in now days?
is this channel about computer science? if yeah than i would to subscribe :)
"But if you were hoping to upscale your porn to 8k, you've got another thing cumming" Linus - 2016
What did he said again ?
Nice vid dude
4:53 he still has the note 7?
that's the s7 edge...
I wanna see some vector art of a certain reptile from Sonic the Hedgehog.
the pearl auto ad after the porn joke is an unfortunate juxtaposition
That means I've been doing my logos wrong all this time. Vectors are the real thing! Thank you Linus!
andriup even if you have a logo that's rasterised, Illustrator can have a guess at trying to convert into vectors as Linus said. for graphics and logos especially there's alot of different settings to get you most of the way there and then fiddle with anchor points or retrace! (if you ever needed to)
***** Yes, especially if its low res to start off with. But hopefully, and this is the point of a logo, its not that complicated to vector up. God help you if you have a photo or something insanely complicated as a logo!
andriup Going back to Windows origins, fonts were originally coded as multiple raster images (bitmaps) for each size, and some still are, which is why, when you pull up a font menu in a program, some of the fonts are only available in a few sizes. When PC processors got more powerful and memory got bigger, someone (at Microsoft perhaps) devised a way to encode the character sizes in a font as vectors, which could be expanded, in principle, to any size. These fonts are labeled in menus and file names as TT for the trademark True Type. The modifications to make them some combination of Bold, Italic, and Underlined are simply mathematical transformations to the vectors before expanding them to bitmap format.
Allan Richardson thanks for the info. I've always wondered what does the TT stand for. Now I know.
freakstate so is Illustrator a more appropriate software for working with vectors? Because I still have the psd files with the logos, should I just exportem as .EPS and open them in Illustrator?
What if I told you that pixels are vectors that are 1x1 pixels
Well if you're okay to view pictures as colored huge boxes that would work I guess...
@@endornaut It would be ok for 8-bit graphics cos they're supposed to be pixellated anyway
What if i told u there r 8 different recipies for octopus?
Speaking of porn, TUNNELBEAR let you surf your favourite porn site ANONYMOUSLY!
You missed that chance Linus. You missed that chance.
?
That backup cam is a cool idea, but really? $500USD?
Ikr, I would've bought one. Too bad.
Ethan Hall yeah I was impressed and would buy one if it was more around the 199$ range
it does have a model for europlates?
I know from bicycle computers that cheap wireless hardware is very bad... also, I don't understand why it has to be wireless. It's not hard to just put a cable through the car.
But it's extremely easy and you don't have to refill batteries or fear that the signal gets lost.
so how are you supposed to stop someone from stealing a 500$ piece of tech off the back of your car?
Security fasteners.
tape penises to it
Kick their ass
there are three types of people in this world
ba bum ptsh at the end :P
"Rimshot".
naota3k "cumshot"
Anyone else notice "adress" at 4:13?
I did.
Indulge your OCD :P
ksells I
I see a problem here :D I think that should be "A dress" not "adress" :D
No
Kim kardashians caboose
4:20 aaahh That Joke
love the joke at the end ;)
Me too! It was so unexpected.
So Linus just made a porn pun, oddly I'm not as surprised as I feel I should be if it were anyone else
As someone working towards making 2D videogames, I wonder if a clever combination of vector and raster could make a 2D game look better when scaling. Probably beyond my programming expertise, but an interesting question I feel nonetheless.
I know this is late, but yes; Vector graphics are the standard in the industry, I believe, with pixel-art games being a notable exception.
The problem with Vector Graphics is that most algorithms used to render them are software based and don't use the hardware acceleration that GPUs provide, so if you want to integrate vector graphics with the graphics pipeline, using APIs like Vulkan and OpenGL, you have to find a way to triangulate the vector shapes since GPUs only draw using primitives like triangles and quads. Another solution is to write your own GPU-based renderer using shaders to evaluate the stroke/fill region of a vector path in order to properly render it. Of course, if you game doesn't use dynamic generated vector shapes, them you can just render them one time.
@@KidPrarchord95 yeah i mean this is how basically all flash games worked lmao
4:25 ba dum tss
THE *VECTREX* was ahead of its time ! such an underrated console !
that's what brought me to this vid. wanna understand the difference between a vector monitor and a rastered one.