[B]ack[G]round_engine

Version 1.801 · Open source · Licence BSD

BG Engine est un moteur graphique 2D développé entièrement en JavaScript et HTML5, sans aucune bibliothèque externe.

Inspiré par la simplicité et la flexibilité de Flash, il permet de créer des jeux, des animations et des applications graphiques interactives, tout en conservant un contrôle direct sur le rendu et les performances.

Le projet a débuté en 2015, lors des premières expérimentations autour de HTML5 et de la balise Canvas.

Présentation

BG Engine a été conçu pour simplifier le développement d'environnements graphiques 2D.

Il propose notamment une caméra avec zoom et déplacement, une gestion des objets graphiques, des animations et un moteur physique simple pour les cercles.

Son architecture permet de développer des jeux, des cartes interactives, des éditeurs graphiques ou des interfaces nécessitant de nombreux objets animés.

Le moteur fonctionne directement dans un navigateur, sans serveur ni dépendance externe.

Fonctionnalités principales

• Caméra 2D : zoom, déplacement par glisser-déposer et gestion des coordonnées du plateau.

• Objets graphiques : cercles, rectangles, polygones, lignes, textes et images.

• Animations : gestion des scripts et des mises à jour synchronisées avec le moteur.

• Moteur physique : simulation 2D simple des interactions entre objets circulaires.

• Interactions : gestion de la souris, du survol et des commandes tactiles.

• Affichage : gestion des calques, de la rotation, de la transparence et de la visibilité.

• Optimisation : limitation des tracés inutiles et gestion automatisée du taux de rafraîchissement.

• Multi-instance : possibilité d'exécuter plusieurs moteurs indépendants sur une même page.

• Compatibilité : utilisation sur ordinateur, tablette et smartphone, avec prise en charge d'Android et d'iOS.

Architecture et utilisation

BG Engine repose sur une architecture orientée objet qui simplifie la création, la modification et la suppression d'éléments graphiques.

Les fonctions EnterFrame et DrawObject permettent de structurer les mises à jour et le rendu des objets.

Trois modes d'affichage sont disponibles : plateau libre, plateau à taille fixe et écran fixe.

Le moteur inclut également plusieurs projets de démonstration permettant d'explorer ses fonctionnalités.

Installation

Aucune installation particulière n'est nécessaire.

Il suffit de récupérer les fichiers du projet et d'ouvrir index.html dans un navigateur compatible.

Le code source est accessible et peut être modifié ou intégré dans d'autres projets.

Historique du projet

Le développement de BG Engine s'étend sur plusieurs années, avec des évolutions régulières.

• 2013 : création d'un premier moteur physique 2D sous Flash, qui sera ensuite intégré à BG Engine.

• 2015 : première version HTML5 avec une caméra inspirée des interfaces cartographiques.

• 2022 : refonte de l'architecture, ajout des scripts synchronisés, amélioration du tactile et intégration du moteur physique.

• 2023 : amélioration du zoom, des interactions, des objets graphiques et des performances.

• 2024 : améliorations du rendu, des textes et de la compatibilité tactile sur Android et iOS.

• 2025 : intégration du cache des images et corrections du moteur.

• 2026 — v1.801 : introduction des objets hybrides, avec un premier champ de saisie HTML intégré au système graphique.

Code source et licence

BG Engine est un projet open source distribué sous licence BSD.

Son code peut être consulté, réutilisé et modifié conformément aux conditions de cette licence.

Auteur : Christophe CONIGLIO

Contact : christophe.coniglio@gmail.com