Rotations of a plane with z-axis as normal

CesiumJS
1

Hi,

I created a plane in cesium with image as material (unit z as normal).

I want to rotate it around x,y,z axes separately. Im doing it using Cesium.Transforms.headingPitchRollQuaternion and applying this quaternion as orientation of that plane.

When I use only 30 degrees roll, plane is rotated 30 degrees around x- axis.

When I use only 30 degrees Pitch, plane got rotated 90 degrees around z-axis and then 30 degrees around y-axis (but im expecting that it should rotate around y axis by 30 degrees).

When I use only 30 degrees Pitch, nothing changed (but im expecting that it should rotate around z axis by 30 degrees).

So how can I rotate a plane created with z-axis as normal along x,y,z-axis individually ?

Example Here : https://cesiumjs.org/Cesium/Apps/Sandcastle/#c=7VZdT9swFP0rUV+aSpGb0vKxUtC0UhgSdKyUIaFKlZtcGgvHjmwnBSb+++x80LSNRDReSV5i+55zr+85TpJgYSUEViCsE4vByhqCJHGI/qRzdtNLh0POFCYMRLN1PGMzlmhUxKWG5OFDLJR+wqyLHgUPz2ApAKR9eIS6vT23t+d0DlGvc9A92Hesg2/7yHWPup2uITNUHmfJmmsqMJOPXIQSAZZqzIUK7qIpPyfP4J8LHEIOCyIx4ZQ+gOCbxf8E7BO2vCHKC0yEva465D7Qa6wEea7MGGxBy2ltvWWnnNUpCEaUkkhy4qP7i9ujnpPuyCS18itrMZIeMECRICFRJAGJsO/bpcLPYBEvr9cl3hSR9t81l7nK2+iXR85mHAW2VIEO6bgucrcWV8TP1pC7XnhrZc0qWmz2+kF3XUffreMyYh58hEHd/QpY9HGqFLgFE3Uq1MACxgUB7WhFOKvlgt8xViCYDi88YGYr2NJ9/y/fPKhijD7DGFUxis8wivVZEuDfUMxA0+X+1im0XXNf55Zl+uRokzXH3JrwrIJmbkTNS8y4b56KuZSxb5UMX0yVFE7z2rsvn7vx5XT+4Fja7K2S230SApM6k9ykeUfu2R1zPqzDTVxoWkAwNfUj1CYhXoJsZ+D5FV/yOU9AUPyCIrZsloA8VpSkRSsRw+7CkFMu9GpRhxmi+5+X01EW+pZDykbtl0cz9rYrROq+GlLk5+NLhkoZJqOzmiLMg2oZonoypEftS4RKEX5c3dU9CvOoWgVRT4UJ+HlXV0R/DhcUe09FaV/iVIpzMRmNxnXVEe/qpAplgrxyHk65vSWPCWs4jYFULxROM+LvJIz0H6AVC2rrnSkIdZd1L9qL2HsChTyZwgbtAjTwSWIR/2TW2Pp3nTUsj2Ip9cpjTOkteYVZ43TQ1vEbMMrTt+OvrGEmJOicXmWTCKFBWw93UYpzusCixPgP

Thanks in Advance

2

Thanks for bringing this up and putting together that Sandcastle example. This looks like a bug specifically with the plane entity. See this GitHub issue for more details:

https://github.com/AnalyticalGraphicsInc/cesium/issues/8268

In the mean time, you could use a thin box, or a 3d model of a textured plane instead to work around this. The GitHub issue has some details on where the issue is in the code base if you would like to take a deeper look to debug this and contribute a fix!