cancel
Showing results for 
Search instead for 
Did you mean: 
SOLVED

HMI Pipeline animation

HMI Pipeline animation

Mike_T
Member

Hello,

I have a customer who like to use pipeline animation.

He wants to animate the flow of water in the (pipe)line, for examle with moving dots in the direction of the flow.

 

Is this possible in one or more ctrlX HMI app(s)?

 

Regards, Mike

3 REPLIES 3

webiq-sk
Frequent Contributor

The WebIQ Animation Demo shows an example: https://demo.smart-hmi.com/demo-animation/

Sgilk
Contributor

Hi @Mike_T ,

WebIQ supports custom packages including Javascript libraries. You can essentially do anything you would see in an online web page. See TweenJS as an example animation library.

Giustina
Member

Hello there

It is possible to use ctrlX HMI apps to create a pipeline animation that replicates the flow of water by using replacing dots. This can be placed into effect by producing a unique animation that represents the flow of water through the pipeline. When interacting the direction and speed of the flow; fluid characteristics such as a flowing line and moving dots might be used. You can add this animation into your user interface to give real time feedback on the operational state of the pipeline due to the flexibility of ctrlX HMI.

Icon--AD-black-48x48Icon--address-consumer-data-black-48x48Icon--appointment-black-48x48Icon--back-left-black-48x48Icon--calendar-black-48x48Icon--center-alignedIcon--Checkbox-checkIcon--clock-black-48x48Icon--close-black-48x48Icon--compare-black-48x48Icon--confirmation-black-48x48Icon--dealer-details-black-48x48Icon--delete-black-48x48Icon--delivery-black-48x48Icon--down-black-48x48Icon--download-black-48x48Ic-OverlayAlertIcon--externallink-black-48x48Icon-Filledforward-right_adjustedIcon--grid-view-black-48x48IC_gd_Check-Circle170821_Icons_Community170823_Bosch_Icons170823_Bosch_Icons170821_Icons_CommunityIC-logout170821_Icons_Community170825_Bosch_Icons170821_Icons_CommunityIC-shopping-cart2170821_Icons_CommunityIC-upIC_UserIcon--imageIcon--info-i-black-48x48Icon--left-alignedIcon--Less-minimize-black-48x48Icon-FilledIcon--List-Check-grennIcon--List-Check-blackIcon--List-Cross-blackIcon--list-view-mobile-black-48x48Icon--list-view-black-48x48Icon--More-Maximize-black-48x48Icon--my-product-black-48x48Icon--newsletter-black-48x48Icon--payment-black-48x48Icon--print-black-48x48Icon--promotion-black-48x48Icon--registration-black-48x48Icon--Reset-black-48x48Icon--right-alignedshare-circle1Icon--share-black-48x48Icon--shopping-bag-black-48x48Icon-shopping-cartIcon--start-play-black-48x48Icon--store-locator-black-48x48Ic-OverlayAlertIcon--summary-black-48x48tumblrIcon-FilledvineIc-OverlayAlertwhishlist