Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Particle system broken on iOS 15

See original GitHub issue

Description

Currently the particle system does not work on iOS 15. Tested on iPhone 12 pro.

Steps to reproduce:

Visit any sample on iPhone. Note absence of particles.

Log

When connecting the Safari developer console we can see the following errors. The first one cane safely be ignored:

[Error] Failed to recalculate device parameters.
	(anonyme Funktion) (aframe.min.js:129:18455)
	D (aframe.min.js:128:5326)
	E (aframe.min.js:128:10353)
	(anonyme Funktion) (aframe.min.js:131:24180)
	(anonyme Funktion) (aframe.min.js:131:25520)
	e (aframe.min.js:128:552)
	(anonyme Funktion) (aframe.min.js:340:186)
	s (aframe.min.js:1:625)
	e (aframe.min.js:1:793)
	(anonyme Funktion) (aframe.min.js:1:810)
	(anonyme Funktion) (aframe.min.js:1:318)
	Globaler Code (aframe.min.js:1:323)
[Error] THREE.WebGLProgram: shader error:  – 1282 – "gl.VALIDATE_STATUS" – false – "gl.getProgramInfoLog" (3)
"Internal error compiling shader with Metal backend.
Please submit this shader, or website as a bug to https://bugs.webkit.org"
""
""
	oe (aframe.min.js:99:8547)
	(anonyme Funktion) (aframe.min.js:99:13616)
	w (aframe.min.js:100:17437)
	M (aframe.min.js:100:19086)
	(anonyme Funktion) (aframe.min.js:100:31239)
	_ (aframe.min.js:100:16688)
	b (aframe.min.js:100:16323)
	(anonyme Funktion) (aframe.min.js:101:1647)
	render (aframe.min.js:254:9952)
	(anonyme Funktion) (aframe.min.js:379:138)
	e (aframe.min.js:254:8869)
	(anonyme Funktion) (aframe.min.js:254:9038)
	dispatchEvent
	emit (aframe.min.js:244:3322)
	setActiveCamera (aframe.min.js:365:1659)
	updateActiveCamera (aframe.min.js:145:796)
	update (aframe.min.js:145:604)
	updateProperties (aframe.min.js:248:3741)
	updateComponent (aframe.min.js:240:5962)
	updateComponents (aframe.min.js:240:5780)
	(anonyme Funktion) (aframe.min.js:240:3652)
	(anonyme Funktion) (aframe.min.js:244:1568)
	promiseReactionJob
[Error] WebGL: INVALID_OPERATION: useProgram: program not valid
	useProgram
	m (aframe.min.js:99:27371)
	M (aframe.min.js:100:19197)
	(anonyme Funktion) (aframe.min.js:100:31239)
	_ (aframe.min.js:100:16688)
	b (aframe.min.js:100:16323)
	(anonyme Funktion) (aframe.min.js:101:1647)
	render (aframe.min.js:254:9952)
	(anonyme Funktion) (aframe.min.js:379:138)
	e (aframe.min.js:254:8869)
	(anonyme Funktion) (aframe.min.js:254:9038)
	dispatchEvent
	emit (aframe.min.js:244:3322)
	setActiveCamera (aframe.min.js:365:1659)
	updateActiveCamera (aframe.min.js:145:796)
	update (aframe.min.js:145:604)
	updateProperties (aframe.min.js:248:3741)
	updateComponent (aframe.min.js:240:5962)
	updateComponents (aframe.min.js:240:5780)
	(anonyme Funktion) (aframe.min.js:240:3652)
	(anonyme Funktion) (aframe.min.js:244:1568)
	promiseReactionJob
[Error] WebGL: INVALID_OPERATION: useProgram: program not valid
	useProgram
	m (aframe.min.js:99:27371)
	M (aframe.min.js:100:19197)
	(anonyme Funktion) (aframe.min.js:100:31239)
	_ (aframe.min.js:100:16688)
	b (aframe.min.js:100:16323)
	(anonyme Funktion) (aframe.min.js:101:1647)
	render (aframe.min.js:254:9952)
	(anonyme Funktion) (aframe.min.js:379:138)
	y (aframe.min.js:100:15182)

Please excuse the German locale that is used here. I think I should raise this issue with threes as well.