个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
28
4
我创建了一个简单的Ball 原型(prototype)，其中包括一个draw() 和一个move() 函数。球应该在地板、墙壁和天花板上弹跳。然而，出于某种原因，它并没有停止弹跳，尽管速度 (vy) 不断下降......你知道我做错了什么吗？
function Ball(radius,x,y,vx,vy,color){
this.radius = radius;
this.x = x;
this.y = y;
this.vx = vx;
this.vy = vy;
this.color = color;
this.gravity = 0.6;
this.friction = {
air: 0.005,
bounce: 0.3
};
}
Ball.prototype.move = function(){
this.x += this.vx;
this.y += this.vy;
//Gravity
this.vy += this.gravity;
//Air Friction
this.vx /= 1+this.friction.air;
this.vy /= 1+this.friction.air;
//Bounce Border
if(this.x<this.radius){//Left
this.x = this.radius+((this.radius-this.x)/(1+this.friction.bounce));
this.vx /= -(1+this.friction.bounce);
}
if(this.x>width-this.radius){//Right
this.x = (width-this.radius)-((this.x-(width-this.radius))/(1+this.friction.bounce));
this.vx /= -(1+this.friction.bounce);
}
if(this.y<this.radius){//Top
this.y = this.radius+((this.radius-this.y)/(1+this.friction.bounce));
this.vy /= -(1+this.friction.bounce);
}
if(this.y>height-this.radius){//Bottom
this.y = (height-this.radius)-((this.y-(height-this.radius))/(1+this.friction.bounce));
this.vy /= -(1+this.friction.bounce);
}
};
Ball.prototype.draw = function(){
ctx.beginPath();
ctx.arc(this.x,this.y,this.radius,0,2*Math.PI,false);
ctx.fillStyle = this.color;
ctx.fill();
};
var ctx, clock, ball
width = 300,
height = 150;
window.onload = function(){
ball = new Ball(20,150,30,4,0,"red");
var canvas = document.getElementById('canvas');
canvas.width = width;
canvas.height = height;
ctx = canvas.getContext('2d');
clock = setInterval(main,33);
};
function main(){
ctx.clearRect(0,0,width,height);
ball.draw();
ball.move();
}canvas{
background-color: black;
}<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bouncy Balls</title>
<link rel="stylesheet" href="style.css">
<script src="ball.class.js"></script>
<script src="script.js"></script>
</head>
<body>
<div align="center">
<canvas id="canvas"></canvas>
</div>
</body>
</html>最佳答案
我认为你的问题是，当你的球弹跳时，它仍然会在整个滴答声中向下加速，因此它弹跳得比它应该的更远。
编辑:因此，这只是 y 方向的问题。
关于javascript - 自己的物理引擎 : Bouncing doesn't stop，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43206393/
28
4
0
我对这个错误很困惑: Cannot implicitly convert type 'System.Func [c:\Program Files (x86)\Reference Assemblies\
考虑这段代码: pub trait Hello { fn hello(&self); } impl Hello for Any { fn hello(&self) {
问题很简单。是否可以构造这样一个类型 T，对于它下面的两个变量声明会产生不同的结果？ T t1 = {}; T t2{}; 我已经研究 cppreference 和标准一个多小时了，我了解以下内容:
Intellij idea 给我这个错误:“Compare (T, T) in Comparator cannot be applied to (T, T)” 对于以下代码: public class
任何人都可以告诉我 : n\t\t\t\t\n\t\t\t 在以下来自和 dwr 服务的响应中的含义和用途是什么. \r\n\t\t\t \r\n\t\t\t
让 T 成为一个 C++ 类。 下面三个指令在行为上有什么区别吗？ T a; T a(); T a = T(); T 为不带参数的构造函数提供了显式定义这一事实是否对问题有任何改变？ 后续问题:如果
Rust中的智能指针是什么 智能指针（smart pointers）是一类数据结构，是拥有数据所有权和额外功能的指针。是指针的进一步发展 指针（pointer）是一个包含内存地
比如我有一个 vector vector > v={{true,1},{true,2},{false,3},{false,4},{false,5},{true,6},{false,7},{true,8
我有一个来自 .xls 电子表格的数据框，我打印了 print(df.columns.values) 列，输出包含一个名为:Poll Responses\n\t\t\t\t\t。 我查看了 Excel
This question already has answers here: What are good reasons for choosing invariance in an API like
指针类型作为类型前缀与在类型前加斜杠作为后缀有什么区别。斜线到底是什么意思？ 最佳答案 语法 T/~ 和 T/& 基本上已被弃用(我什至不确定编译器是否仍然接受它)。在向新向量方案过渡的初始阶段，[T
我正在尝试找到一种方法来获取模板参数的基类。 考虑以下类: template class Foo { public: Foo(){}; ~Foo(){};
这是一个让我感到困惑的小问题。我不知道如何描述它，所以只看下面的代码: struct B { B() {} B(B&) { std::cout ::value #include
为什么有 T::T(T&) 而 T::T(const T&) 更适合 copy ？ (大概是用来实现move语义的？？？) 原始描述(被melpomene证明是错误的): 在C++11中，支持了一种新
在 Java 7 中使用 eclipse 4.2 并尝试实现 List 接口(interface)的以下方法时，我收到了警告。 public T[] toArray(T[] a) { ret
假设有三个函数: def foo[T](a:T, b:T): T = a def test1 = foo(1, "2") def test2 = foo(List(), ListBuffer()) 虽
我对柯里化(Currying)和非柯里化(Currying)泛型函数之间类型检查的差异有点困惑: scala> def x[T](a: T, b: T) = (a == b) x: [T](a: T,
考虑一个类A，我如何编写一个具有与相同行为的模板 A& pretty(A& x) { /* make x pretty */ return x; } A pretty(A&& x) {
Eclipse 表示由于泛型类型橡皮擦，类型参数不允许使用 instanceof 操作。 我同意在运行时不会保留任何类型信息。但是请考虑以下类的通用声明: class SomeClass{ T
在 C++14 中: 对于任何整数或枚举类型 T 以及对于任何表达式 expr: 有没有区别: struct S { T t { expr }; }; 和 struct S { T t = { exp
我是一名优秀的程序员,十分优秀！