cocos入门7：向量的应用举例

在Cocos Creator中，我们可以使用JavaScript或TypeScript来编写代码，实现向量点乘的计算，并应用于角色移动、动画控制等场景中。以下是一些具体的代码示例：

1. 计算两个向量之间的点乘

首先，我们需要一个函数来计算两个向量的点乘。在Cocos Creator中，我们可以使用cc.Vec2来表示二维向量。

// 假设我们有两个cc.Vec2向量
let vecA = new cc.Vec2(1, 2);
let vecB = new cc.Vec2(3, 4);

// 定义一个函数来计算两个向量的点乘
function dotProduct(vec1, vec2) {
    return vec1.x * vec2.x + vec1.y * vec2.y;
}

// 使用函数计算点乘
let dot = dotProduct(vecA, vecB);
console.log('向量 A 和 B 的点乘结果是:', dot); // 输出：11

2. 判断两个向量的方向关系

我们可以利用点乘的结果来判断两个向量的方向关系。

// 定义一个函数来判断两个向量的方向关系
function judgeDirection(vec1, vec2) {
    let dot = dotProduct(vec1, vec2);
    if (dot > 0) {
        return '方向相近';
    } else if (dot < 0) {
        return '方向相反';
    } else {
        return '垂直';
    }
}

// 使用函数判断方向关系
let direction = judgeDirection(vecA, vecB);
console.log('向量 A 和 B 的方向关系是:', direction); // 输出：方向相近

3. 计算投影长度

使用点乘来计算一个向量在另一个向量上的投影长度。

// 定义一个函数来计算投影长度
function projectionLength(vecA, vecB) {
    let dot = dotProduct(vecA, vecB);
    let lengthB = vecB.mag(); // 使用cc.Vec2的mag方法计算向量B的模长
    return dot / lengthB;
}

// 使用函数计算投影长度
let projection = projectionLength(vecA, vecB);
console.log('向量 A 在向量 B 上的投影长度是:', projection); // 输出投影长度

4. 角色移动和动画控制（示例）

在角色移动的场景中，我们可以使用点乘来判断角色是否朝向目标移动。

// 假设角色当前朝向的向量是playerDir，目标方向的向量是targetDir
let playerDir = new cc.Vec2(1, 0); // 角色当前朝向水平向右
let targetDir = new cc.Vec2(0.5, 0.866); // 目标方向在右上方

// 判断角色是否朝向目标
function isFacingTarget(playerDir, targetDir) {
    let dot = dotProduct(playerDir, targetDir);
    // 假设我们设定一个阈值来判断“朝向”的接近程度
    let threshold = 0.95; // 接近1表示朝向非常接近
    return dot > threshold * playerDir.mag() * targetDir.mag();
}

// 使用函数判断角色是否朝向目标
let isFacing = isFacingTarget(playerDir, targetDir);
console.log('角色是否朝向目标:', isFacing); // 输出判断结果

// 根据判断结果，可以决定是否需要调整角色的朝向或动画
// ...

请注意，以上代码是基于Cocos Creator的cc.Vec2类来操作向量的。在实际应用中，你可能需要根据游戏的逻辑和需要来调整这些函数和示例。