How to Code: Collision Detection

Video quality	The size	Download

Информация о How to Code: Collision Detection

Название	:	How to Code: Collision Detection
Продолжительность	:	17.26
Дата публикации	:
Просмотров	:	223 rb

What a great course
Comment from : Mukul R

please tell me how I download this on pc
Comment from : George Northrop

Thank you Chris your videos are amazing
Comment from : Ridham Sharma

Use VS Code instead, it have features like live reloading etc
Comment from : Ridham Sharma

Dunkey
Comment from : RPM Coral

He finally gets to the point at 10:00
Comment from : Fat Sack

Just a comment to support the channel Keep up the good work Very interesting content
Comment from : GeKtoRiX

WTF! I am finding this staff since the three days ago of my this day😏
Comment from : Thein Than Hlan

Is it compatible with react native?
Comment from : Developers Diary

why have the update() when it only calls draw() ? why cant you just call draw() directly instead? (just trying to learn)
Comment from : Andrew N

Was the following nessisary in the beginingbrI have windows
Comment from : Walied Hamim

understood nothing man, but thx anyway
Comment from : Weary Room

Can you plz plz plz do a tutorial on 3D particles colliding ????? I’m trying to find good tutorials like yours on that but can’t find any and if you made one it would be a breeze to learn !
Comment from : Akira LeVa

The only maths I need
Comment from : UnifiedMemory

This is awesome, but how to do an if statement for squares using getDistance?
Comment from : Prograbit

How would I go about making a square collision detection
Comment from : RikThePixel

Man, you're a genius!
Comment from : Joshua Musau

Cpr pls whatch this video ahahaha
Comment from : jasai

it awesome)
Comment from : Степан Палий

3:21 best part
Comment from : BeyondOdyssey

thank you!
Comment from : Matt Cannon

Will u pls do this in jQuery I am having a lot of trouble for this
Comment from : Mahmud Omran

how can you do collision detection but with other shapes
Comment from : Zim

Oh lord I`ve been using point command to get the ink colour at a x,y all these years Never ever thought about the triangle formula which would of speeded things up years ago on 8 bit machines
Comment from : Damian Butterworth

Can this be done with python turtle?
Comment from : Raynor

Check out what castcom? 5:31
Comment from : stolensentience

Collision framework
Comment from : Janak Medicos

Why do you start explaining from Jesus Christ's birth?
Comment from : Abdullatif Yıldız

This method doesn't apply to all convex shapes The example works here because the circles local origin is the center, thus calculating the distance between two objects for collision detection becomes trivial Given any convex polygon and assuming that its local origin is the center, the distance formula may create a "hit box" larger or smaller than the actual shape There are a variety of methods to calculate collision for any given polygon The information I provide below is well documented online, so I'll spare the math for the wikipedia article if you're interested in looking them upbr1 A less precise (or if you're dealing entirely of squares and rectangles), one could use the Bounding Box algorithm to handle collision of two polygons By encapsulating a polygon in a bounding box (an x, y local origin point and a known size of the bounding box in terms of width and height), the Bounding Box algorithm can determine collision between two objects This is quite fast to calculate as well, making it ideal for sprites and tile-based games which don't rely on precise collision detectionbrbr2 A more precise method called Separating Axis Theorem, or SAT for short, is a far more robust way of calculating collision than the Bounding Box algorithm For shapes which a bounding box isn't desirable, this method can determine collision across all vertices of a given bounding bpolygon/b provided The precision of SAT based collision depends on the amount of vertices of the bounding polygon More vertices requires more computation It may be desirable to approximate the shape in situations which collision detection causes issues in performance One can implement Voronoi Regions which reduces computation time by determine what vertices are closest between two objects, thus reducing the amount of time it takes to calculate collisionbrThere are some issues with collision detection that one might find troubling The velocity of an object (the distance it will travel next frame update) may impact collision detection We will make two assumptions: the first assumption is that implementation of movement is trivial: left/right velocity is added to the object's x position, up/down velocity is added to the objects y position The second assumption is velocity is fixed (speed * delta time) When applying velocity to an object in this manner, it is possible that the objects next position may set its new position beyond the object it ishould/i collide with Assuming all local origins of objects are centered and given an object of 10 units of linear size distanced between another object of 10 units by 4 units of separated space, any velocity of greater than 24 linear units would place the object beyond the expected object it will collide with There are solutions to this problem, most non-trivial The simplest solution to the problem is introducing a velocity maximum Remember to implement an absolute cap of velocity, both in the negative and positive directions Ignoring the negative movement could lead to a bug quite similar to the backward long jumps seen in SM64 Because there is no cap to velocity in the negative direction, it is continually added until Mario is capable of displacing beyond the boundaries of objects Had there been a negative velocity cap, this bug would have never existed
Comment from : Chris DeJong

Hi Chris great job with the tutorial Do you know how to make the balls stop rolling a few secs after they stopped bouncing? They've been rolling because of the dx
Comment from : Lv J

"let" is not an improved version of "var" It follows the same semantics as var, with the exception that it is tied to the block scope, not the function scope They are locked to a block, they cannot be accessed outside of a block, and they are removed from memory as soon as the block finishes executing
Comment from : Danish Iqbal

Thank you for video I ran into a problem with square shape Euclidean distance formula works but not as I expected When one square touch the corner of other square - collision does not happened githubcom/christopher4lis/canvas-boilerplate/issues/11 Can anybody explain why? Thank you
Comment from : Yuriy Sirotenko

Wow, love this stuff, thank you!
Comment from : StainX

I cannot figure out what website your are referencing at 05:27 to learn more about ES6 Sounds like 'Lair Cass dot Com'
Comment from : Tylor Reimer

wwwwashingtonpostcom/graphics/2020/world/corona-simulator/
Comment from : k s

Hi Chris, can you please tell me how to change the colour of the ball when it hits another ball And based on balls collision I need to draw the graph
Comment from : k s

Make colision wtc
Comment from : Clauder De paula

What talk about i 'am Brazilian
Comment from : Clauder De paula

Chris: Claims he knows how to do collision detectionbrbrbrMe (testing the code to see if it works): No You Do Not
Comment from : Great Blue Gamer

How to make collision detection in c programming Please help anyone
Comment from : Prasanna Pokharel

Man, Your videos are great
Comment from : Luiz Fellype Cassago

collision detection legit starts at 9:30 min
Comment from : Error Debug

Give me a fat wet vulva and I'll show you some serious collisionbrOn a serious note, theres so many of these high level languages these dayswhat the hell, its like abstraction over abstraction over abstraction ad infinitumpeople wont know what the hell is actually occuring under the hood soon
Comment from : syntaxed2

isn't better to use the draw() function just for the properties that you need to animate in the scene? for example, radius, X, Y? And to bring the non-animating properties to the start of the function? I'm thinking about performance now, what do you think?
Comment from : Cristian Roman

i know the chances of you seeing this is slimbut im having trouble downloading the packages since im on windows and use dreamweaveris anyone there who can help me out??
Comment from : Rahul mathew

This is about collision, but you're doing a lot of work explaining the classes and objects If someone hasn't learned about those yet, they probably shouldn't be ready to learn about collision
Comment from : Joseph Kreifels II

how do you make things disappear
Comment from : cALiBr0

hey yo thanks my dude
Comment from : cALiBr0

check out collision simulation: br jaspertresiddergithubio/Gyro/ - for phone (uses gyro for gravity)br jaspertresiddergithubio/Test/ - for pcbrlike if want code
Comment from : Jasper Tresidder

I've installed all the packages and when I type "webpack' into terminal it gives "-bash: webpack: command not found"
Comment from : person

Yours explanation of collision just helped me finish a project I love you so much m8! Keep up the good work Subscribed instantly!!!
Comment from : Nikola Lazarevic

Nice, awesome cloud in terminal))
Comment from : Andrey Fedarovich

What does 'cd' mean?
Comment from : Peristilo peris

First half of the video is not about collision 👎 it starts @ 09:50
Comment from : yağız güleryürek

you really make the theorem less scary
Comment from : Jan Phillip Juntado

Wow it was such a good app idea to use that formula
Comment from : E

Would it be ok if I referenced some of your tips for a school project?
Comment from : Shadow Vortex92

the webpack command is not working for me
Comment from : Aidan Daly

You are just AMAZING
Comment from : Kamran Khan

how do i implement this for touch screens?
Comment from : Sayan Das

Thank you Chris for your time and effort creating and publishing these videos I personally use them for work and enjoyment Keep them coming!!!
Comment from : Michael Wood

What font did you use for your wallpaper?
Comment from : Nogard

Hey Chris Cloning your Git repos into a folder and using that dosnt really make sense In the indexhtml which refers to the canvasbundlejs and not just canvasjs which is the one we are coding in? This makes my site to just use the canvasbundejs and not auto use canvasjs like in the video I changed it to refer to canvasjs and not canvasbundlejs and it works now
Comment from : Bjørn Drachmann

since we are using oop, we can just pass the circle objects to the function and calculate their hypotenusebrbelieve me, when you will try to make a bigger thing remembering what parameters are to be passed and in what sequence can get real messy
Comment from : keo kawasaki

Mathhypot(x, y);brIt calculates the hypotenuse of the given variables!bralso, it works in all dimensions!
Comment from : keo kawasaki

Thanks for the input! Is there a particular need for the update function? Its just calling "draw" We can just call the draw function direct
Comment from : Sergey Gerodes

why the fuck is a video your medium of choice when it comes to teaching programming
Comment from : Merthalophor

Chris, I love that you are teaching me JS at the same time as HTML5 Canvas--just, could you speak a little slower? I have a hard time understanding Thanks
Comment from : VR C

hey sir whats your terminal? thanks youre really awesome!!
Comment from : kid_kulafu_

How would I implement this if there are more than 2 circles?, I'm working on a particle collision simulator for my college coursework!
Comment from : Jasper Rai

super cooooooool how dare you to be so easy!!!!
Comment from : mfarooqi

got a collision detection task for "Frontend developer" job you saved me, thanks a lot!
Comment from : بول كونيتسكي

Why not use ES6's class functionality?
Comment from : avi12

thank you bro u r tutorials are superb love you bro
Comment from : Sunny Meghwal

I got a 55" phone, but I cannot read
Comment from : Pierre Soubourou

Can you do rectangles instead of circles?
Comment from : Le Luong

I pronounce sqrt as squirtbrbrbrbrbr* AAA :DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD* delD/del
Comment from : Kino -Imsure1200q

reat vid sirsubbed
Comment from : life with breion

info fsevents@111: The platform "win32" is incompatible with this modulebrinfo "fsevents@111" is an optional dependency and failed compatibility check Excluding it from installation if somebody on windows 10 got this error can you help me ?
Comment from : Jimi1000

please, create tuts game in the next video, tks Chris
Comment from : Huynh Luong

nice video
Comment from : Turgut Taşkesen

Chris your way of explaining the things is really superbthank you for your great videos
Comment from : Shweta Sharma

When can we expect new video from you? I'm eagerly waiting for it :D
Comment from : Spiderous

your are an amazing programmer and teacher!brI assume you have already created an app or two?
Comment from : Pranav tube

Hey Chris, I know you're busy and all but I have a quick question if you don't mind For some reason, canvas animation slows down overtime, is there a specific reason for this? No shadowBlur involved this time Any input would be much appreciated :)
Comment from : Lorenzo Von Matterhorn

hey chris thank you so much for this video This is probably the best video out there for collision detection Lol I am definitely going through this course😀
Comment from : Dominic Fernandes