Hi, I am currently working on a use case where i need to make some offscreen rendering (i mean headless rendering) in a nodejs backend, with express.js to serve my offscreen rendering as an image accessible from any web client by calling my REST endpoint. I saw 2 topics in this forum talking about…

[image] jojal: offscreen rendering Offscreen rendering usually refers to rendering in a worker, like in this example: https://threejs.org/examples/#webgl_worker_offscreencanvas Headless rendering means rendering without a browser. There’s some code on the repo which does this using puppetee…

Thank you for your answer. Really helpful. Unfortunately it is not exactly what i was looking for, even if it’s a good entry point as you said. The thing is, some people, including me, are looking for something maybe little bit easier to use. I mean, for Babylonjs we can directly find some exampl…

[image] jojal: I mean, for Babylonjs we can directly find some example of headless rendering with new BABYLON.NullEngine(); Are you sure you have understood this feature from Babylon.js correctly? The official documentation says: The NullEngine will not produce any rendering and thus can be…

Yeah you’re right. Actually. Maybe there is no way to do it properly ? But I don’t know why, nobody say it’s not possible :slight_smile: I’m a java developer so I don’t have real good skills in nodejs and headless rendering with this kind of technology. The thing is, threejs is really easy to use …

[image] jojal: Or if it’s possible, maybe someone have a piece of code ? It would be really great. I think the pointer of @looeee towards puppeteer goes into the right direction. If you need to generate images on the backend, then the approach of three.js’s regression tests is ideal for your …

[image] jojal: I mean, for Babylonjs we can directly find some example of headless rendering with new BABYLON.NullEngine(); As @Mugen87 says, that doesn’t seem to be the purpose of NullEngine. Instead, the Babylon.js docs also suggest using Puppeteer for headless rendering: https://doc.baby…

Ok great, thank you again for you answers. If I have time I’ll try to write a snippet of code to do that and give the link here. I was thinking that another easier solution was possible, but Puppeteer seems to be the good way to do it. Thanks again.

Im setting up playwright to generate some screenshots. To my surprise webgl just rendered out of the box. Some elements though have artifacts. Any advice on how to approach this?

Headless rendering

Questions

Aaa_Aaa August 19, 2020, 6:04pm 9

This is a pretty good resource on headless stuff with Puppeteer (or Playwright): https://theheadless.dev/posts/basics-taking-screenshots/

Add febric to GLB Model from png

Topic		Replies	Views
Backend rendering of a preview image Questions headless-render	2	3645	April 14, 2023
Headless rendering functional, how to take screenshot? Questions node-js	1	2311	November 11, 2021
Nodejs is not supported threejs？ Questions nodejs	5	5335	February 2, 2022
Use threejs app as backend to receive renders Questions backend , r3f , screenshot	14	580	October 7, 2024
A working example that renders a .glb file on the server side (node) Questions loaders , node-js , server-side-rendering , puppeteer , headless-render	8	5950	October 4, 2024

Headless rendering

Related topics