小编Mar*_*lor的帖子

我一直在 chrome 版本 84.0.4147.135（官方版本）（64 位）上进行开发，最近将该应用程序移至电子版。

结果，内部 FPS 计已从我习惯的标准（底部）更改为可读性低得多的版本（图像的顶部）。是否有一种选择或技术可以将其换回，因为我发现新的电子非常难以使用，因为文本如此重叠。

我一直在开发一款游戏，该游戏需要在每一帧中渲染和旋转数千个非常小的图像（20^20 px）。提供了示例片段。

我已经使用了我所知道的所有技巧来加快速度以提高帧速率，但我怀疑我还可以做其他事情来优化它。

目前的优化包括：

• 用显式转换替换保存/恢复
• 避免比例/尺寸转换
• 明确目标大小而不是让浏览器猜测
• requestAnimationFrame 而不是 set-interval

已尝试但示例中未出现：

• 将对象批量渲染到其他屏幕外画布，然后稍后编译（性能降低）
• 避免浮点位置（由于放置精度而需要）
• 在主画布上不使用 alpha（由于 SO 片段渲染而未在片段中显示）

//initial canvas and context
var canvas = document.getElementById('canvas');
    canvas.width = 800; 
    canvas.height = 800;
var ctx = canvas.getContext('2d');

//create an image (I) to render
let myImage = new OffscreenCanvas(10,10);
let myImageCtx = myImage.getContext('2d');
myImageCtx.fillRect(0,2.5,10,5);
myImageCtx.fillRect(0,0,2.5,10);
myImageCtx.fillRect(7.5,0,2.5,10);


//animation 
let animation = requestAnimationFrame(frame);

//fill an initial array of [n] object positions and angles
let myObjects = [];
for (let i = 0; i <1500; i++){ …

我可以很容易地在纸上做到这一点,但在将它变成一种语言时会有一些心理障碍(我会采取任何答案,但Java可能最容易).

我有两组点A(xA,yA)和B点(xB,yB).

知道这一点,并假设这两个创建一个直线图我需要能够编写一个函数,给我xC,因为我知道yC(显然,新点在同一行).

所有帮助赞赏:)

亲切的问候