Canvas 系列(16):实战-小球与斜面碰撞

橙光笔记 at 
Canvas系列(16):实战-小球与斜面碰撞的配图
上一章我们讲了小球的拖拽,《小球三部曲》还差一部,今天它来了!本章研究的是小球与斜面碰撞过程。小球与平面或者垂直的面碰撞我们早就会了,在上一章中,有一个函数 checkWalls 就是检测边界并且处理碰撞,这里的边界就是水平或者垂直的面。现实生活中,大多数情况下,小球碰撞到的并不是平面或者垂直的面,而是斜面,本章就来讨论小球在斜面上运动的过程。画一个斜面我们这里简单的画一条线,代表着斜面,Canvas 画线很简单只要使用 moveTo 和 lineTo 方法就可以了。当然为了代码的可维护性,我们有必要把线封装成一个类,本章的代码是在上一章的代码的基础上添加斜面的操作处理的,画线操作如下:123……