Backend rendering of a preview image

Mugen87 · October 1, 2022, 8:59am

three.js generates the thumbnails for its examples with a node.js script. The most important module of the script is Puppeteer: GitHub - puppeteer/puppeteer: Node.js API for Chrome

github.com

mrdoob/three.js/blob/1fd70895db2b40a5b01b537f6d77dedc49a8294d/test/e2e/puppeteer.js

import puppeteer from 'puppeteer';
import handler from 'serve-handler';
import http from 'http';
import pixelmatch from 'pixelmatch';
import jimp from 'jimp';
import fs from 'fs';

const port = 1234;
const pixelThreshold = 0.1; // threshold error in one pixel
const maxFailedPixels = 0.05; // total failed pixels

const networkTimeout = 600;
const networkTax = 2000; // additional timeout for resources size
const pageSizeMinTax = 1.0; // in mb, when networkTax = 0
const pageSizeMaxTax = 5.0; // in mb, when networkTax = networkTax
const renderTimeout = 1200;
const maxAttemptId = 3; // progresseve attempts
const progressFunc = n => 1 + n;

const width = 400;

This file has been truncated. show original

I don’t know how to implement the same with Java though.

Topic		Replies	Views
Headless rendering functional, how to take screenshot? Questions node-js	1	2100	November 11, 2021
Headless rendering Questions node-js	8	9042	August 19, 2020
Render a still without a browser Questions node-js	3	1724	May 13, 2022
Server side rendering Discussion threejs	11	15490	July 27, 2022
Easiest way to render in Node using Three.js Questions node-js	6	3986	November 1, 2020

Backend rendering of a preview image

Related topics