首页 分享 很火的显卡测试

很火的显卡测试

来源：花匠小妙招 时间：2024-12-20 01:20

前言

最近，网上有一种很火的手机电脑测试——毒蘑菇测试

他长这样

乍一看，是不是挺美，其实：

哎，我可怜的GPU呀

分析

下面，咱们来分析一下

首先，这个网站的内存占用其实并不高：才22.7MB，百度都46MB了

这就说明，并不是大量的代码造成的，说到代码，我们再来看一看

也就290多行，其中好多都是拖动的代码：

代码

不想看的直接跳过，看也看不懂……

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="user-scalable=no">

<title>volumeshader_bm</title>

<style>

body {

background: #131115;

}

#c1 {

background: #fbf7fe;

}

#btn {

position: fixed;

left: 0px;

top: 0px;

}

#c1 {

position: fixed;

left: 0px;

top: 0px;

}

#main {

transform-origin: 0px 0px;

position: fixed;

left: 0px;

top: 0px;

}

#config {

position: fixed;

left: 0px;

top: 30px;

display: none;

}

</style>

</head>

<body style="overflow-x:hidden;overflow-y:hidden">

<div id="main">

<canvas id="c1" width="1024" height="1024">

<span>不支持canvas浏览器</span>

</canvas>

</div>

<button id="btn">CONFIG</button>

<div id="config">

<textarea name="" id="kernel" cols="30" rows="10"></textarea>

<br />

<button id="apply">APPLY</button>

<button id="cancle">CANCLE</button>

</div>

<script>

alert("trigonometric and inverse trigonometric functions test.ncreated by cznull@bilibili");

var cx, cy;

var glposition;

var glright;

var glforward;

var glup;

var glorigin;

var glx;

var gly;

var gllen;

var canvas;

var gl;

var date = new Date();

var md = 0,mx,my;

var t2,t1 = date.getTime();

var mx = 0, my = 0, mx1 = 0, my1 = 0, lasttimen = 0;

var ml = 0, mr = 0, mm = 0;

var len = 1.6;

var ang1 = 2.8;

var ang2 = 0.4;

var cenx = 0.0;

var ceny = 0.0;

var cenz = 0.0;

var KERNEL = "float kernal(vec3 ver){n" +

" vec3 a;n" +

"float b,c,d,e;n" +

" a=ver;n" +

" for(int i=0;i<5;i++){n" +

" b=length(a);n" +

" c=atan(a.y,a.x)*8.0;n" +

" e=1.0/b;n" +

" d=acos(a.z/b)*8.0;n" +

" b=pow(b,8.0);n" +

" a=vec3(b*sin(d)*cos(c),b*sin(d)*sin(c),b*cos(d))+ver;n" +

" if(b>6.0){n" +

" break;n" +

" }n" +

" }" +

" return 4.0-a.x*a.x-a.y*a.y-a.z*a.z;" +

"}";

var vertshade;

var fragshader;

var shaderProgram;

function ontimer() {

ang1+=0.01;

draw();

window.requestAnimationFrame(ontimer);

}

document.addEventListener("mousedown",

function (ev) {

var oEvent = ev || event;

if (oEvent.button == 0) {

ml = 1;

mm = 0;

}

if (oEvent.button == 2) {

mr = 1;

mm = 0;

}

mx = oEvent.clientX;

my = oEvent.clientY;

},

false);

document.addEventListener("mouseup",

function (ev) {

var oEvent = ev || event;

if (oEvent.button == 0) {

ml = 0;

}

if (oEvent.button == 2) {

mr = 0;

}

},

false);

document.addEventListener("mousemove",

function (ev) {

var oEvent = ev || event;

if (ml == 1) {

ang1 += (oEvent.clientX - mx) * 0.002;

ang2 += (oEvent.clientY - my) * 0.002;

if (oEvent.clientX != mx || oEvent.clientY != my) {

mm = 1;

}

}

if (mr == 1) {

var l = len * 4.0 / (cx + cy);

cenx += l * (-(oEvent.clientX - mx) * Math.sin(ang1) - (oEvent.clientY - my) * Math.sin(ang2) * Math.cos(ang1));

ceny += l * ((oEvent.clientY - my) * Math.cos(ang2));

cenz += l * ((oEvent.clientX - mx) * Math.cos(ang1) - (oEvent.clientY - my) * Math.sin(ang2) * Math.sin(ang1));

if (oEvent.clientX != mx || oEvent.clientY != my) {

mm = 1;

}

}

mx = oEvent.clientX;

my = oEvent.clientY;

},

false);

document.addEventListener("mousewheel",

function (ev) {

ev.preventDefault();

var oEvent = ev || event;

len *= Math.exp(-0.001 * oEvent.wheelDelta);

},

false);

document.addEventListener("touchstart",

function (ev) {

var n = ev.touches.length;

if (n == 1) {

var oEvent = ev.touches[0];

mx = oEvent.clientX;

my = oEvent.clientY;

}

else if (n == 2) {

var oEvent = ev.touches[0];

mx = oEvent.clientX;

my = oEvent.clientY;

oEvent = ev.touches[1];

mx1 = oEvent.clientX;

my1 = oEvent.clientY;

}

lasttimen = n;

},

false);

document.addEventListener("touchend",

function (ev) {

var n = ev.touches.length;

if (n == 1) {

var oEvent = ev.touches[0];

mx = oEvent.clientX;

my = oEvent.clientY;

}

else if (n == 2) {

var oEvent = ev.touches[0];

mx = oEvent.clientX;

my = oEvent.clientY;

oEvent = ev.touches[1];

mx1 = oEvent.clientX;

my1 = oEvent.clientY;

}

lasttimen = n;

},

false);

document.addEventListener("touchmove",

function (ev) {

ev.preventDefault();

var n = ev.touches.length;

if (n == 1&&lasttimen==1) {

var oEvent = ev.touches[0];

ang1 += (oEvent.clientX - mx) * 0.002;

ang2 += (oEvent.clientY - my) * 0.002;

mx = oEvent.clientX;

my = oEvent.clientY;

}

else if (n == 2) {

var oEvent = ev.touches[0];

var oEvent1 = ev.touches[1];

var l = len * 2.0 / (cx + cy), l1;

cenx += l * (-(oEvent.clientX + oEvent1.clientX - mx - mx1) * Math.sin(ang1) - (oEvent.clientY + oEvent1.clientY - my - my1) * Math.sin(ang2) * Math.cos(ang1));

ceny += l * ((oEvent.clientY + oEvent1.clientY - my - my1) * Math.cos(ang2));

cenz += l * ((oEvent.clientX + oEvent1.clientX - mx - mx1) * Math.cos(ang1) - (oEvent.clientY + oEvent1.clientY - my - my1) * Math.sin(ang2) * Math.sin(ang1));

l1 = Math.sqrt((mx - mx1) * (mx - mx1) + (my - my1) * (my - my1)+1.0);

mx = oEvent.clientX;

my = oEvent.clientY;

mx1 = oEvent1.clientX;

my1 = oEvent1.clientY;

l = Math.sqrt((mx - mx1) * (mx - mx1) + (my - my1) * (my - my1) + 1.0);

len *= l1 / l;

}

lasttimen = n;

},

false);

document.oncontextmenu = function (event) {

if (mm == 1) {

event.preventDefault();

}

};

function draw() {

date = new Date();

var t2 = date.getTime();

t1 = t2;

gl.uniform1f(glx, cx * 2.0 / (cx + cy));

gl.uniform1f(gly, cy * 2.0 / (cx + cy));

gl.uniform1f(gllen, len);

gl.uniform3f(glorigin, len * Math.cos(ang1) * Math.cos(ang2) + cenx, len * Math.sin(ang2) + ceny, len * Math.sin(ang1) * Math.cos(ang2) + cenz);

gl.uniform3f(glright, Math.sin(ang1), 0, -Math.cos(ang1));

gl.uniform3f(glup, -Math.sin(ang2) * Math.cos(ang1), Math.cos(ang2), -Math.sin(ang2) * Math.sin(ang1));

gl.uniform3f(glforward, -Math.cos(ang1) * Math.cos(ang2), -Math.sin(ang2), -Math.sin(ang1) * Math.cos(ang2));

gl.drawArrays(gl.TRIANGLES, 0, 6);

gl.finish();

}

window.onresize = function () {

cx = document.body.clientWidth;

cy = document.body.clientHeight;

if(cx>cy){

cx=cy;

}

else{

cy=cx;

}

document.getElementById("main").style.width=1024+"px";

document.getElementById("main").style.height=1024+"px";

document.getElementById("main").style.transform="scale("+cx/1024+","+cy/1024+")";

}

window.onload = function () {

cx = document.body.clientWidth;

cy = document.body.clientHeight;

if(cx>cy){

cx=cy;

}

else{

cy=cx;

}

document.getElementById("main").style.width=1024+"px";

document.getElementById("main").style.height=1024+"px";

document.getElementById("main").style.transform="scale("+cx/1024+","+cy/1024+")";

var positions = [-1.0, -1.0, 0.0, 1.0, -1.0, 0.0, 1.0, 1.0, 0.0, -1.0, -1.0, 0.0, 1.0, 1.0, 0.0, -1.0, 1.0, 0.0];

var VSHADER_SOURCE =

"#version 100 n"+

"precision highp float;n" +

"attribute vec4 position;" +

"varying vec3 dir, localdir;" +

"uniform vec3 right, forward, up, origin;" +

"uniform float x,y;" +

"void main() {" +

" gl_Position = position; " +

" dir = forward + right * position.x*x + up * position.y*y;" +

" localdir.x = position.x*x;" +

" localdir.y = position.y*y;" +

" localdir.z = -1.0;" +

"} ";

var FSHADER_SOURCE =

"#version 100 n" +

"#define PI 3.14159265358979324n" +

"#define M_L 0.3819660113n" +

"#define M_R 0.6180339887n" +

"#define MAXR 8n" +

"#define SOLVER 8n" +

"precision highp float;n" +

"float kernal(vec3 ver)n;" +

"uniform vec3 right, forward, up, origin;n" +

"varying vec3 dir, localdir;n" +

"uniform float len;n" +

"vec3 ver;n" +

"int sign;"+

"float v, v1, v2;n" +

"float r1, r2, r3, r4, m1, m2, m3, m4;n" +

"vec3 n, reflect;n" +

"const float step = 0.002;n" +

"vec3 color;n" +

"void main() {n" +

" color.r=0.0;n" +

" color.g=0.0;n" +

" color.b=0.0;n" +

" sign=0;"+

" v1 = kernal(origin + dir * (step*len));n" +

" v2 = kernal(origin);n" +

" for (int k = 2; k < 1002; k++) {n" +

" ver = origin + dir * (step*len*float(k));n" +

" v = kernal(ver);n" +

" if (v > 0.0 && v1 < 0.0) {n" +

" r1 = step * len*float(k - 1);n" +

" r2 = step * len*float(k);n" +

" m1 = kernal(origin + dir * r1);n" +

" m2 = kernal(origin + dir * r2);n" +

" for (int l = 0; l < SOLVER; l++) {n" +

" r3 = r1 * 0.5 + r2 * 0.5;n" +

" m3 = kernal(origin + dir * r3);n" +

" if (m3 > 0.0) {n" +

" r2 = r3;n" +

" m2 = m3;n" +

" }n" +

" else {n" +

" r1 = r3;n" +

" m1 = m3;n" +

" }n" +

" }n" +

" if (r3 < 2.0 * len) {n" +

" sign=1;" +

" break;n" +

" }n" +

" }n" +

" if (v < v1&&v1>v2&&v1 < 0.0 && (v1*2.0 > v || v1 * 2.0 > v2)) {n" +

" r1 = step * len*float(k - 2);n" +

" r2 = step * len*(float(k) - 2.0 + 2.0*M_L);n" +

" r3 = step * len*(float(k) - 2.0 + 2.0*M_R);n" +

" r4 = step * len*float(k);n" +

" m2 = kernal(origin + dir * r2);n" +

" m3 = kernal(origin + dir * r3);n" +

" for (int l = 0; l < MAXR; l++) {n" +

" if (m2 > m3) {n" +

" r4 = r3;n" +

" r3 = r2;n" +

" r2 = r4 * M_L + r1 * M_R;n" +

" m3 = m2;n" +

" m2 = kernal(origin + dir * r2);n" +

" }n" +

" else {n" +

" r1 = r2;n" +

" r2 = r3;n" +

" r3 = r4 * M_R + r1 * M_L;n" +

" m2 = m3;n" +

" m3 = kernal(origin + dir * r3);n" +

" }n" +

" }n" +

" if (m2 > 0.0) {n" +

" r1 = step * len*float(k - 2);n" +

" r2 = r2;n" +

" m1 = kernal(origin + dir * r1);n" +

" m2 = kernal(origin + dir * r2);n" +

" for (int l = 0; l < SOLVER; l++) {n" +

" r3 = r1 * 0.5 + r2 * 0.5;n" +

" m3 = kernal(origin + dir * r3);n" +

" if (m3 > 0.0) {n" +

" r2 = r3;n" +

" m2 = m3;n" +

" }n" +

" else {n" +

" r1 = r3;n" +

" m1 = m3;n" +

" }n" +

" }n" +

" if (r3 < 2.0 * len&&r3> step*len) {n" +

" sign=1;" +

" break;n" +

" }n" +

" }n" +

" else if (m3 > 0.0) {n" +

" r1 = step * len*float(k - 2);n" +

" r2 = r3;n" +

" m1 = kernal(origin + dir * r1);n" +

" m2 = kernal(origin + dir * r2);n" +

" for (int l = 0; l < SOLVER; l++) {n" +

" r3 = r1 * 0.5 + r2 * 0.5;n" +

" m3 = kernal(origin + dir * r3);n" +

" if (m3 > 0.0) {n" +

" r2 = r3;n" +

" m2 = m3;n" +

" }n" +

" else {n" +

" r1 = r3;n" +

" m1 = m3;n" +

" }n" +

" }n" +

" if (r3 < 2.0 * len&&r3> step*len) {n" +

" sign=1;" +

" break;n" +

" }n" +

" }n" +

" }n" +

" v2 = v1;n" +

" v1 = v;n" +

" }n" +

" if (sign==1) {n" +

" ver = origin + dir*r3 ;n" +

" r1=ver.x*ver.x+ver.y*ver.y+ver.z*ver.z;" +

" n.x = kernal(ver - right * (r3*0.00025)) - kernal(ver + right * (r3*0.00025));n" +

" n.y = kernal(ver - up * (r3*0.00025)) - kernal(ver + up * (r3*0.00025));n" +

" n.z = kernal(ver + forward * (r3*0.00025)) - kernal(ver - forward * (r3*0.00025));n" +

" r3 = n.x*n.x+n.y*n.y+n.z*n.z;n" +

" n = n * (1.0 / sqrt(r3));n" +

" ver = localdir;n" +

" r3 = ver.x*ver.x+ver.y*ver.y+ver.z*ver.z;n" +

" ver = ver * (1.0 / sqrt(r3));n" +

" reflect = n * (-2.0*dot(ver, n)) + ver;n" +

" r3 = reflect.x*0.276+reflect.y*0.920+reflect.z*0.276;n" +

" r4 = n.x*0.276+n.y*0.920+n.z*0.276;n" +

" r3 = max(0.0,r3);n" +

" r3 = r3 * r3*r3*r3;n" +

" r3 = r3 * 0.45 + r4 * 0.25 + 0.3;n" +

" n.x = sin(r1*10.0)*0.5+0.5;n" +

" n.y = sin(r1*10.0+2.05)*0.5+0.5;n" +

" n.z = sin(r1*10.0-2.05)*0.5+0.5;n" +

" color = n*r3;n" +

" }n" +

" gl_FragColor = vec4(color.x, color.y, color.z, 1.0);" +

"}";

canvas = document.getElementById('c1');

gl = canvas.getContext('webgl');

vertshader = gl.createShader(gl.VERTEX_SHADER);

fragshader = gl.createShader(gl.FRAGMENT_SHADER);

shaderProgram = gl.createProgram();

gl.shaderSource(vertshader, VSHADER_SOURCE);

gl.compileShader(vertshader);

var infov = gl.getShaderInfoLog(vertshader);

gl.shaderSource(fragshader, FSHADER_SOURCE + KERNEL);

gl.compileShader(fragshader);

var infof = gl.getShaderInfoLog(fragshader);

gl.attachShader(shaderProgram, vertshader);

gl.attachShader(shaderProgram, fragshader);

gl.linkProgram(shaderProgram);

gl.useProgram(shaderProgram);

if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {

var info = gl.getProgramInfoLog(shaderProgram);

throw 'Could not compile WebGL program. nn' + infov + infof + info;

}

glposition = gl.getAttribLocation(shaderProgram, 'position');

glright = gl.getUniformLocation(shaderProgram, 'right');

glforward = gl.getUniformLocation(shaderProgram, 'forward');

glup = gl.getUniformLocation(shaderProgram, 'up');

glorigin = gl.getUniformLocation(shaderProgram, 'origin');

glx = gl.getUniformLocation(shaderProgram, 'x');

gly = gl.getUniformLocation(shaderProgram, 'y');

gllen = gl.getUniformLocation(shaderProgram, 'len');

var buffer = gl.createBuffer();

gl.bindBuffer(gl.ARRAY_BUFFER, buffer);

gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(positions), gl.STATIC_DRAW);

gl.vertexAttribPointer(glposition, 3, gl.FLOAT, false, 0, 0);

gl.enableVertexAttribArray(glposition);

gl.viewport(0, 0, 1024, 1024);

draw();

window.requestAnimationFrame(ontimer);

document.getElementById("kernel").value = KERNEL;

document.getElementById("btn").addEventListener("click", function() {

var state = this.innerText == "CONFIG";

this.innerText = state ? "HIDE" : "CONFIG";

document.getElementById("config").style.display = state ? "inline" : "none";

});

document.getElementById("apply").addEventListener("click", function() {

KERNEL = document.getElementById("kernel").value;

gl.shaderSource(fragshader, FSHADER_SOURCE + KERNEL);

gl.compileShader(fragshader);

var infof = gl.getShaderInfoLog(fragshader);

gl.linkProgram(shaderProgram);

gl.useProgram(shaderProgram);

if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {

var info = gl.getProgramInfoLog(shaderProgram);

alert(infof + info);

}

glposition = gl.getAttribLocation(shaderProgram, 'position');

glright = gl.getUniformLocation(shaderProgram, 'right');

glforward = gl.getUniformLocation(shaderProgram, 'forward');

glup = gl.getUniformLocation(shaderProgram, 'up');

glorigin = gl.getUniformLocation(shaderProgram, 'origin');

glx = gl.getUniformLocation(shaderProgram, 'x');

gly = gl.getUniformLocation(shaderProgram, 'y');

gllen = gl.getUniformLocation(shaderProgram, 'len');

});

document.getElementById("cancle").addEventListener("click", function() {

document.getElementById("kernel").value = KERNEL;

});

}

</script>

</body>

</html>

原因

不是内存，不是代码，那只能是程序本身了，我把网站上的一张图片下了下来

我发现光是打开图片都要很高的占用率：

平时都是1%，下载直接20%

细看图片，发现其像素点之复杂，不是放大5000倍可以解决的

可以看到，这个倍数下还是没有清晰的像素点呈现：

所以，这是对GPU渲染性能的极大考验，也就是说，这么一小块图片都要20%，那么整个网站的帧率是20，每秒就要加载20张，不100%才怪呢（仅限轻薄本）

gpu渲染原理 - 百度文库

总结

找到了原因，舒服多了，不会在为显卡不行而发愁了，测试网站：volumeshader_bm

温馨提示：手机不建议测试o

那么各位，你们的电脑配置有怎样呢，能抗住毒蘑菇么，各位可以把各自的GPU占用率晒出来，比比性能o！

相关知识

企业级显卡选购指南之AMD与Nvidia显卡授权对比
GT730：低价位市场上的高性价比显卡，性能与价格完美平衡
GT730 显卡：低端市场的入门级神器，如何打造出色搭配提升游戏体验？
这一次，蓝戟在显卡灯光上又玩出了花
二次元香气竟在我身边？这块显卡闻着真「香」
深度剖析 4090 显卡算力租赁市场：租赁价格现状及性价比评估
索泰显卡×吐司AI创作大赛启动！super超能力，绘出新花young
ati3450显卡温度怎么看？优化大师里面看不到 爱问知识人
姓名测试打分报告（姓名测试打分测试）
《艾尔登法环 黄金树幽影》联名版：蓝戟锐炫 A770 显卡 1577 元探新低

网址: 很火的显卡测试 https://www.huajiangbk.com/newsview1192983.html

所属分类：花卉
上一篇: 珍惜生命 ，远离毒蘑菇！
 下一篇: 致命毒蘑菇又来了，这份鉴别图鉴请

推荐分享

家庭养花风水知识 家庭养花“五行说”
家庭养花风水知识 家庭养花“五行说”
家庭养花知识大全 家庭养花有什么好处
家庭养花知识大全 家庭养花有什么好处
秋天养花，掌握这5点养花知识，正确管理花卉，让花健康生长
秋天养花，掌握这5点养花知识，正确管理花卉，让花健康生长
【花卉知识 】养花须知：新手养花的选购技巧，不要当冤大头！
【花卉知识 】养花须知：新手养花的选购技巧，不要当冤大头！
最新分享
百香果美食的多种制作方法：营养美味，滋润肌肤
百香果美食的多种制作方法：营养美味，滋润
百香果苹果红茶怎么做
百香果苹果红茶怎么做
百香果的花样吃法，美味与健康兼得百香果和火龙果能一起吃吗百香果不能和什么食物一起吃百香果还能这样入菜，简单方便又开胃，你吃百香果不要再单吃了！和此物搭配，能抗衰老百香果拌三鲜百香果果汁怎么搭配百香果饮料可以加什么
分享热点
家庭养花知识大全(家庭养花知识大全与技巧)
家庭养花知识大全(家
养花知识大全,养花技巧大全
养花知识大全,养花技
怎么样在室内养花？养花知识大全
怎么样在室内养花？养
教师节送什么花最合适
教师节送什么花最合适
精选专栏
  • 君子兰什么品种最名贵 十大名贵君子兰排名
  • 丝瓜打顶时间及方法步骤(图解)
  • 河北10个最好玉米品种