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.

MorphTargets - morphTargetInfluences in Safari not transforming mesh object

See original GitHub issue

Describe the bug

Following the Live Morph Example, should be able to add spherical vertices to boxGeometry and transform by updating the morphTargetInfluences on the mesh object

View on Chrome/FireFox for correct behavior View on Safari for bug behavior

Bug seems specific to Safari on macOS < 12, using WebGL2.

To Reproduce

Go to https://threejs.org/examples/webgl_morphtargets.html in Safari
Update Morph Targets gui sliders for Spherify and/or Twist
See mesh object move around instead of transform

Code https://github.com/mrdoob/three.js/blob/master/examples/webgl_morphtargets.html

Live example https://threejs.org/examples/webgl_morphtargets.html

Expected behavior

Mesh object transforms (Chrome behavior) instead of moving around the screen

Screenshots

Safari (bug): safari_morph

Chrome (expected): chrome_morph

Platform:

Device: Macbook Pro i7
OS: MacOS 11.6.2
Browser: Safari 15.2
Three.js version: master

Issue Analytics

State:
Created 2 years ago
Comments:14 (6 by maintainers)

Top GitHub Comments

3reactions

mrdoobcommented, Dec 23, 2021

Tested by removing antialias param when creating renderer.

🤨

2reactions

mrdoobcommented, Dec 23, 2021

I can confirm that setting antialias: false fixes the issue 🤨

renderer = new THREE.WebGLRenderer( { antialias: false } );

Top Results From Across the Web

Mesh#morphTargetInfluences – three.js docs

Class representing triangular polygon mesh based objects. ... A dictionary of morphTargets based on the morphTarget.name property.

THREE.js - morphTargetInfluences on an imported JSON ...

js scene in which I am attempting to get objects exported from Blender (as JSON files with embedded morphs) to function and update...

Morph Target in Model Viewer · Discussion #2614 - GitHub

Hello , is it possiable to use MorphTarget Method from Three.js in Model Viewer ... morphTargetInfluences ( https://threejs.org/docs/#api/en/objects/Mesh.

three.js - Apple Open Source

(function (global, factory) { typeof exports === 'object' && typeof module !== ... Geometry.mergeMesh(): mesh not an instance of THREE.Mesh.

[SOLVED] 2.9 Morphing not working (morph targets / blend ...

I observed in 2.9 that morph targets not works. The shape is not changing. I attach you a file to figure it out....