Files
site-portfolio/webgl.mjs
T

29 lines
1.5 KiB
JavaScript

import puppeteer from 'puppeteer';
const b = await puppeteer.launch({ args:['--no-sandbox','--disable-setuid-sandbox','--use-gl=angle','--enable-unsafe-swiftshader','--ignore-gpu-blocklist'] });
const p = await b.newPage();
const errs=[]; p.on('console',m=>{ if(['error','warning'].includes(m.type())) errs.push(m.type()+': '+m.text()); });
p.on('pageerror',e=>errs.push('PAGEERR: '+e.message));
await p.goto('http://10.200.201.3:4175/_lab/neu-card.html',{waitUntil:'load',timeout:60000});
await new Promise(r=>setTimeout(r,1500));
const r = await p.evaluate(()=>{
const wrap=document.querySelector('[data-shader-demo] .card-shader');
const card=document.querySelector('[data-shader-demo]');
const cv=wrap?wrap.querySelector('canvas'):null;
// можно ли создать webgl вручную?
const test=document.createElement('canvas'); test.width=10; test.height=10;
const gl=test.getContext('webgl')||test.getContext('webgl2');
return {
wrapW: wrap?Math.round(wrap.getBoundingClientRect().width):0,
wrapH: wrap?Math.round(wrap.getBoundingClientRect().height):0,
cardW: card?Math.round(card.getBoundingClientRect().width):0,
cardH: card?Math.round(card.getBoundingClientRect().height):0,
canvasExists: !!cv,
canvasW: cv?cv.width:0, canvasH: cv?cv.height:0,
canvasCssW: cv?Math.round(cv.getBoundingClientRect().width):0,
webglWorks: !!gl,
renderer: gl?gl.getParameter(gl.VERSION):'none',
};
});
console.log(JSON.stringify({r, errs}, null, 1));
await b.close();