diff --git a/doc/qtdesignstudio/examples/doc/rainSnowParticles.qdoc b/doc/qtdesignstudio/examples/doc/rainSnowParticles.qdoc index 49c42a84603..689f89d903f 100644 --- a/doc/qtdesignstudio/examples/doc/rainSnowParticles.qdoc +++ b/doc/qtdesignstudio/examples/doc/rainSnowParticles.qdoc @@ -74,12 +74,8 @@ In \uicontrol Navigator, select \e particleSystem and in \uicontrol Properties, set \uicontrol Translation > \uicontrol Y to 193. \li Set the \e rain-drop-white-square.png as texture for the particles. - From \uicontrol Library > \uicontrol Components, drag a \uicontrol Texture - to \e spriteParticle. - \li In \uicontrol Navigator, select \uicontrol texture1 and in \uicontrol - Properties, set \uicontrol Source to \e rain-drop-white-square.png. - \li In \uicontrol Navigator, select \uicontrol spriteParticle and in the - \uicontrol Properties, set \uicontrol Sprite to texture. + From \uicontrol Library > \uicontrol Assets, drag + \e {rain-drop-white-square.png} to \e spriteParticle. \li Adjust the apperance and behavior of the sprite further. In \uicontrol Properties, set: \list diff --git a/doc/qtdesignstudio/images/studio-3d-particles-fire-emitter1.png b/doc/qtdesignstudio/images/studio-3d-particles-fire-emitter1.png index ee56c599c7a..6972f27021d 100644 Binary files a/doc/qtdesignstudio/images/studio-3d-particles-fire-emitter1.png and b/doc/qtdesignstudio/images/studio-3d-particles-fire-emitter1.png differ diff --git a/doc/qtdesignstudio/images/studio-3d-particles-fire-properties-rotation.png b/doc/qtdesignstudio/images/studio-3d-particles-fire-properties-rotation.png new file mode 100644 index 00000000000..36709e7520a Binary files /dev/null and b/doc/qtdesignstudio/images/studio-3d-particles-fire-properties-rotation.png differ diff --git a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-particles.qdoc b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-particles.qdoc index 42d3843f0d8..9d8c944b6e2 100644 --- a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-particles.qdoc +++ b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-particles.qdoc @@ -92,22 +92,9 @@ \li Drag-and-drop an instance of the \uicontrol {Particle System} component from \uicontrol Library to a scene component instance in \l Navigator. - \li Drag-and-drop an instance of the \uicontrol Texture component - from \uicontrol Library > \uicontrol Components > - \uicontrol {Qt Quick 3D} to the sprite particle instance - in \uicontrol Navigator. \li Drag-and-drop the sprite image from \uicontrol Library > - \uicontrol Assets to the texture instance in \uicontrol Navigator. - \li Select the sprite particle instance in \uicontrol Navigator to - display its properties in \l Properties. - \li In \uicontrol Sprite, select the texture instance. - \li Select the emitter instance in \uicontrol Navigator to - display its properties in \uicontrol Properties. - \li In \uicontrol Particle, select the particle instance to emit. - \li Select the vector 3D instance in \uicontrol Navigator to - display its properties in \uicontrol Properties. - \li In \uicontrol Direction, set the emitted particle velocity - towards the target vector. + \uicontrol Assets to the sprite particle instance + in \uicontrol Navigator. \endlist Add instances of other components according to your use case. The following @@ -122,6 +109,9 @@ their property values, such as particle source images and their color, life span, and fading effects, to simulate fire. + You can download the completed project from + \l {https://git.qt.io/public-demos/qtdesign-studio/-/tree/master/tutorial%20projects/FireParticles}{here}. + We will need the following \l{Assets}{assets}: \list @@ -199,12 +189,16 @@ \uicontrol {Particle end scale} to \e 5.00 for the flame particles and to \e 6.00 for the smoke particles. - We can now modify the appearance of the particles by setting their color in + We can now modify the appearance of the particles by selecting the + \e spriteParticle in \uicontrol Navigator and then setting their color in \uicontrol Properties > \uicontrol Particle. We select transparent yellow, orange, and transparent gray in \uicontrol Color and set values for \uicontrol {Color variation} to use slightly different colors for the individual particles. + We can also try changing the \uicontrol{Blend Mode} for the particle to get + a more realistic fire effect. + \image studio-3d-particles-fire-properties-particle.png "Particle properties" We set \uicontrol {Fade in effect} and \uicontrol {Fade out effect} values @@ -220,6 +214,11 @@ \image studio-3d-particles-fire-properties-sprite-particle.png "Sprite Particle properties" + In \uicontrol{Particle Rotation}, we also need to set \uicontrol Rotation + and \uicontrol{Velocity Variation} for all emitters to 0. + + \image studio-3d-particles-fire-properties-rotation.png "Emitter rotation properties" + Finally, we will specify the direction in which the particles move by modifying the property values of the \uicontrol {Vector Direction} component instances in \uicontrol Properties > \uicontrol {Particle Vector Direction}.