2018年02月_陆康永

11月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创十七,捕获物体，拖拽物品，投掷物品

一，捕获对于物体捕获主要有一下四种情况：1.矩形捕获2.圆形的捕获3.多边形的捕获4.不规则性圆形的捕获多边形的捕获和不规则圆形的捕获才用分离轴定理（SAT）和最小偏移量（MTV）没接触过，听说很难，以后接触到考虑从开博文这里不做叙述矩形捕获和圆形捕获，其实原来都是只需要判断鼠标所在的X，Y坐标是否在绘制范围内就可以mouse.X,mouse.Y分别是鼠标的X轴，Y轴坐标，rect.x，rect....

2018-02-11 15:36:21 360

原创十六.碰撞检测，外接圆检测，外接矩形检测，多个物体两两比较

简单的碰撞检测的常见方法有：1.外接矩形判断2.外接圆判断一，外接矩形判断判断两个矩形是否发生碰撞，只需要判断：两个矩形左上角的坐标所处的范围，如果两个矩形的左上角的坐标满足一定的条件，两个矩形就发生碰撞语法：window.tools.checkRect=function(rectA，rectB){ return ( rectA.x+rectA.width<rectB....

2018-02-11 14:49:16 977

原创边界检测，Math.random的妙用，喷射的霰弹

边界生成，通过鼠标控制小球运动，碰到边界停止在线demo<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head>&

2018-02-11 11:49:40 336

原创十四.2摩擦力

摩擦力，是指阻碍物品运动的相对作用力。其中摩擦力的方向和物体相对运动方向相反。但是，摩擦力只会让速度的绝对值不断的变小直至0而不会改变它的运动方向。语法:vx*=F;vy*=F;obj.x+=vx;obj.y+=vy;F取值[0~1]X轴方向摩擦力在线demo:<!DOCTYPE html><html lang="en"><head> <me...

2018-02-10 00:36:47 378

原创十四.2重力，重力加速度，重力加速度运动

生活中，每时每刻我们都逃脱不了地球对我们的作用力--重力。说到重力，不得不提的东西，那就是重力加速度重力加速度说特殊也特殊，说不特殊，真的一点都不特殊。特殊：是两个物体之间的引力形成不特殊：其实就是个Y轴方向的正方向（只是相对canvas坐标系而言）加速度，这里再次强调CANVAS的坐标Y轴下方向为正方向语法：vy+=g;obj.y+=vy;抛物线在线demo：<!DOCTYPE html&...

2018-02-10 00:10:01 1873

原创十四.2加速度运动，加速度的合成和分解

加速度运动，是指方向相同、速度大小变化的运动。速度递增是加速度，速度递减是减速度.加速度运动分为两种：匀速加速度和变速运动加速运动和匀速运动的区别：匀速运动是速度大小一致报错不变，加速运动的速度大小会随着时间的变化而改变（变大或者变小）图1：语法：vx+=ax;vy+=ay;obj.x+=vx;obj.y+=vy;obj.x为X轴的坐标obj.y为y轴的坐标vx表示x轴方向的加速度vy表示Y轴的加...

2018-02-09 23:45:49 3975

原创十四.2匀速运动，匀速运动速度的合成和分解

一，匀速运动匀速运动，又称为匀速直线运动，是指物体在一条直线上运动，并且物体在任何时间间隔内通过的位移都是相等的。从上面可知，匀速运动需要具备2个条件，及速度大小相同和速度方向一致匀速运动是一种加速度为0的运动，匀速运动只有一种，那就是匀速直线运动。至于匀速圆周运动，巨阙来说应该是匀速圆周运动或者军角度运动，应为他的加速度不为0(加速度，意思是速度不断的变动，递增或者递减)在匀速运动中，速度是有正...

2018-02-09 23:16:15 1959

原创十四。三角函数的运用

三角函数在canvas中运用极为广泛,常见的用途有1.两点之间求距离2.圆周运动3.波形运动一，求两点之间的距离两点之间的距离其实不是三角函数，而是勾股定理，不过勾股定理本身就和三角形有关，这里暂且划分到三角函数里面去本篇文章涉及的依赖文件会在xx提供图1：在CANVAS中，假设有2点（x1,y1）和（x2,y2），求

2018-02-04 00:12:51 973

原创八.CANVAS图片像素操作

CANVAS对图片操作有同源要求，不能跨域，必须在服务器环境反转颜色:在线DEMO Document function $$(id){ return document.getElementById(id); } window.onload=function(){ var cnv=$$("canvas"); var ct=cnv.g

2018-02-03 23:32:08 457