Html5游戏开发开始前的一些数学基础

「爱情、让人受尽委屈。」 2022-03-29 07:28 285阅读 0赞

**计算一个向量的值**

![151101583421116.jpg][]

var vectorMagnitude = Math.sqrt(Math.pow(vector.x, 2) +
    Math.pow(vector.y, 2));

**单位向量**

var vectorMagnitude = Math.sqrt(Math.pow(vector.x, 2) +
    Math.pow(vector.y, 2)),
    unitVector = new Vector();
    unitVector.x = vector.x / vectorMagnitude;
    unitVector.y = vector.y / vectorMagnitude;

**向量相加**

![151107339528678.jpg][]

var vectorSum = new Vector();
    vectorSum.x = vectorOne.x + vectorTwo.x;
    vectorSum.y = vectorOne.y + vectorTwo.y;

**向量相减**

![151109409988260.jpg][]

var vectorSubtraction = new Vector();
    vectorSubtraction.x = vectorOne.x - vectorTwo.x;
    vectorSubtraction.y = vectorOne.y - vectorTwo.y;

**向量的乘积**

向量的乘积是个标量，它代表了两个向量是否在同一个方向

>0 同方向

![151123451866630.jpg][]

<0 反方向

![151124221238215.jpg][]

var dotProduct = vectorOne.x * vectorTwo.x + vectorOne.y * vectorTwo.y;

[151101583421116.jpg]: /images/20220329/9cdc5ffbe4ac448e90b27314f44b8e34.png
[151107339528678.jpg]: /images/20220329/214a42b7faca45468c1a498e4d9da8fe.png
[151109409988260.jpg]: /images/20220329/b88d0e2e4dd840119d4386147a4a843d.png
[151123451866630.jpg]: /images/20220329/eb40964022f645dcb5ba4d14bc55aa78.png
[151124221238215.jpg]: /images/20220329/a320b97a61b7424ea9df21a506cab8d1.png

发表评论取消回复

表情：

评论列表（有 0 条评论，285人围观）

还没有评论，来说两句吧...

相关阅读

相关 html5 django游戏,一些实用的Django+HTML设置

一些实用的Django+HTML设置一、关于引入变量 1.变量引入方法： \{% block 块名称 %\} \{ \{变量名\}\} \{% endblock %

港控/mmm°/ 2022年10月06日 00:57/ 0 赞/ 144 阅读

相关 HTMl5开发前介绍

介绍HTML5 1.什么是HTML HTML是用来描述网页的一种语言 HTML指超文本标记语言（Hyper Text Markup Language） HTML

迷南。/ 2022年09月25日 13:19/ 0 赞/ 179 阅读

相关 HTML5游戏前端开发秘籍

<table style="word-wrap:break-word; margin:0px; padding:0px; empty-cells:show; border-co

我不是女神ヾ/ 2022年08月27日 13:43/ 0 赞/ 225 阅读

相关 JX8NET游戏强大的HTML5游戏开发技术

原文：[JX8NET游戏强大的HTML5游戏开发技术][JX8NET_HTML5] HTML5时代来临，[JX8NET游戏][JX8NET] 强大的HTML5游戏开发技术也是

た入场券/ 2022年08月24日 11:45/ 0 赞/ 182 阅读

相关游戏开始前，设置的延迟

auto delay =DelayTime::create(3); auto cf = CallFunc::create(\[=\]()\{ this\->removeFr

蔚落/ 2022年08月14日 00:58/ 0 赞/ 106 阅读

相关 javascript html5 game 开发的一些知识

问题来了，如何用js获取图片原始大小？摘要：浏览器中显示的图片大小未必是他真实的高和宽，比如像下面这样，我们给他加上宽和高的样式。 <img

冷不防/ 2022年08月13日 15:56/ 0 赞/ 115 阅读

相关 javascript html5 game 开发的一些知识

<table style=""> <tbody style=""> <tr style=""> <td style=""> <p>  &nb

约定不等于承诺〃/ 2022年08月13日 15:55/ 0 赞/ 115 阅读

相关游戏开发中一些常用的数学知识

三角函数公式 ![7af40ad162d9f2d34d021b03abec8a136227ccce.png][] 正弦（sin） sinA = a / c。值区间

向右看齐/ 2022年05月28日 13:38/ 0 赞/ 247 阅读

相关 Html5游戏开发开始前的一些数学基础

计算一个向量的值 ![151101583421116.jpg][] var vectorMagnitude = Math.sqrt(Math.pow(vector.

「爱情、让人受尽委屈。」/ 2022年03月29日 07:28/ 0 赞/ 286 阅读

相关开发 HTML5 小游戏

[Html5小游戏][Html5] 在介绍小游戏之前，先看一个框架 [Phaser][]。 `Phaser` 框架是一个快速、免费且开源的 `HTML5` 游戏开发框架，它

分手后的思念是犯贱/ 2022年01月20日 01:49/ 0 赞/ 339 阅读