---
title: Interactive 3D animation builed in html5 & js for dfuse - Avion Rouge Communications
description: Conceptual research and development of an interactive 3 dimensions animation to understand dfuse products. Builed in Tumult Hype software.
image: https://avionrouge.com/hubfs/Imported_Blog_Media/dfuse-animation-1.jpg
---
[](https://avionrouge.com/en/?hsLang=en)
[](https://avionrouge.com/en/?hsLang=en)
- [Cockpit](https://avionrouge.com/en/)
- [Services on board](https://avionrouge.com/en/services-on-board)
- Crew Briefing
- [Is your website ready for takeoff?](https://avionrouge.com/en/free-website-performance-analysis-tool)
- [Arrivals terminal](https://avionrouge.com/en/portfolio)
- [Crew](https://avionrouge.com/en/crew)
En
- English
- [Français](https://avionrouge.com/fr/portfolio/animation-3d-interactive-montee-en-html5-js-pour-dfuse)
Free consultation
Free consultation
Free consultation
- [Cockpit](https://avionrouge.com/en/)
- [Services on board](https://avionrouge.com/en/services-on-board)
- Crew Briefing
- [Is your website ready for takeoff?](https://avionrouge.com/en/free-website-performance-analysis-tool)
- [Arrivals terminal](https://avionrouge.com/en/portfolio)
- [Crew](https://avionrouge.com/en/crew)
Free consultation
Arrivals Terminal | Portfolio
# Interactive 3D animation builed in html5 & js for dfuse
by [**Avion Rouge Communications**](https://avionrouge.com/en/portfolio/author/avion-rouge-communications) on Sep 19, 2020, 12:00:00 AM
### Conceptual research and development of an interactive three-dimensional animation to understand dfuse products
#### The animation was edited and programmed with HYPE software. 100% html5 and js with elements in svg which allows:
- to have a quality animation whatever the zoom;
- obtain a reduced final size for a fast download;
- to have buttons so that the user can interact.
[Interact with the animation below](https://avionrouge.com/en/module-danimations-html5-personnalis%C3%A9es-dans-hubspot-0?hsLang=en)
Skill Routes: [Javascript](https://avionrouge.com/en/portfolio/tag/javascript) [Artistic direction](https://avionrouge.com/en/portfolio/tag/artistic-direction) [HYPE](https://avionrouge.com/en/portfolio/tag/hype) [Website](https://avionrouge.com/en/portfolio/tag/website)
Schedule a demo of the HUbSpot CMS
Website integration and use
Book a demo
Previous flight
[← Corporate identity dfuse](https://avionrouge.com/en/portfolio/identite-visuelle-de-lentreprise-dfuse?hsLang=en)
Next flight
[dfuse API Portal – mockups (UI/UX) and integration in React →](https://avionrouge.com/en/portfolio/dfuse-api-portal-mockups-ui-ux-and-integration-in-react?hsLang=en)
## You may also like
These Aventures
[3D toolkit for the Curateur public du Québec](https://avionrouge.com/en/portfolio/3d-toolkit-for-the-curateur-public-du-quebec?hsLang=en)
[Commercial pocket](https://avionrouge.com/en/portfolio/tag/commercial-pocket)
### 3D toolkit for the Curateur public du Québec
Designing a guide that can contain several types of documents and that allows for the proper use of …
Apr 26, 2013, 12:00:00 AM
[dfuse website – design and integration in Hubspot CRM](https://avionrouge.com/en/portfolio/dfuse-website-design-and-integration-in-hubspot-crm?hsLang=en)
[User interfaces](https://avionrouge.com/en/portfolio/tag/user-interfaces)
### dfuse website – design and integration in Hubspot CRM
Responsible for designing the graphic design of the website and integrating it into the Hubspot CRM …
Sep 27, 2020, 12:00:00 AM
[Website of the Institut Universitaire de Gériatrie de Montréal (IUGM)](https://avionrouge.com/en/portfolio/website-of-the-institut-universitaire-de-geriatrie-de-montreal-iugm?hsLang=en)
[Artistic direction](https://avionrouge.com/en/portfolio/tag/artistic-direction)
### Website of the Institut Universitaire de Gériatrie de Montréal (IUGM)
Development of mockups for the website of the Institut Universitaire de Gériatrie de Montréal (IUGM) …
Oct 10, 2010, 12:00:00 AM
### Get Email Notifications
Give Wings to Your Communications
- [Cockpit](https://www.avionrouge.com/en?hsLang=en)
- [Services on board](https://www.avionrouge.com/en/services-on-board?hsLang=en)
- [Arrivals terminal](https://www.avionrouge.com/en/portfolio?hsLang=en)
- [Crew](https://www.avionrouge.com/en/crew?hsLang=en)
[+1 514-998-3748](tel:+15149983748) [info@avionrouge.com](mailto:info@avionrouge.com)
English
- English
- [Français](https://avionrouge.com/fr/portfolio/animation-3d-interactive-montee-en-html5-js-pour-dfuse)
- Terms
- Privacy
- Sitemap
© 1995-2026, Avion Rouge Communications Inc. All rights reserved.
[Privacy Policy](https://avionrouge.com/en/privacy-policy?hsLang=en).
## Planifiez une consultation
We promise we won't spam your inbox with unnecessary emails. Privacy Policy
## Plan a consultation
We promise we won't spam your inbox with unnecessary emails. Privacy Policy
```json
{
"@context" : "https://schema.org",
"@type" : "BlogPosting",
"author" : {
"@type" : "Person",
"name" : "Avion Rouge Communications",
"url" : "https://avionrouge.com/en/portfolio/author/avion-rouge-communications"
},
"dateModified" : "2024-12-02T01:51:03.173Z",
"datePublished" : "2020-09-19T04:00:00.000Z",
"headline" : "Interactive 3D animation builed in html5 & js for dfuse - Avion Rouge Communications",
"image" : [ "https://avionrouge.com/hubfs/Imported_Blog_Media/dfuse-animation-1.jpg" ],
"mainEntityOfPage" : {
"@id" : "https://avionrouge.com/en/portfolio/interactive-3d-animation-builed-in-html5-js-for-dfuse",
"@type" : "WebPage"
},
"publisher" : {
"@type" : "Organization",
"logo" : {
"@type" : "ImageObject",
"url" : "https://avionrouge.com/hubfs/logo_avion_rouge/avion_rouge_logo_co25.svg"
},
"name" : "Avion Rouge"
}
}
```