Skip to main content

Indie game storeFree gamesFun gamesHorror games
Game developmentAssetsComics
SalesBundles
Jobs
TagsGame Engines

Dayvid86 - ShadowStorm

7
Posts
3
Topics
A member registered 57 days ago · View creator page →

Creator of

Recent community posts

Nouvelle mise à jour:

Un système très complexe d'épingles a été ajouté.

Des objets peuvent être épinglés à d'autres objets, les objets épinglés respectent leur limite s'ils en ont, ce système a été très difficile à mettre en place.
Des bugs pourraient toutefois survenir car ce système est vraiment super complexe.

Pensez à consulter les exemples dans le menu Fichier.

Salutation, 

Vous l'avez attendu, vous avez rêvé de lui, et c'est enfin le grand jour !

Vous pouvez dès à présent tester Visual Objects Handlers directement en ligne sans rien installer:
https://visual-objects-handler.netlify.app/code%20editor/

Amusez-vous bien et n'hésitez pas à commenter !

Nouvelle version avec quelques ajouts surprises !
Notamment, Sélection avec la souris sur le Canevas, déplacement des Objets avec la souris (Multi Objets compris)...

Dans la prochaine version sera implémenté le redimensionnement à la souris grâce à des poignées de redimensionnement, aussi complètement personnalisables.
Chaque poignée aura un rendu par défaut et un callback de dessin personnalisé, et plus encore. 

Le projet est bien lancé et ancré, c'est du sérieux !
N'hésitez pas à donner vos avis !

Salut, le projet a avancé,

On peut créer des zones, des canevas multiples par zone, chaque canevas a des pages, chaque page a ses propres objets, un système de Undo / Redo.
Chaque objet peut avoir un callback de dessins personnalisés, ce qui est puissant car vous dessinez ce que vous voulez sur vos objets.

Optimisation massive, vous pouvez créer 10 000, et même 20 000 objets et même plus, sur une seule page et tout marche nickel,  Undo / Redo ultra optimisé.

Documentation française complète pour chaque fonction API, nombreuses API disponibles.
On ne peut pas encore redimensionner les objets avec la souris, pas de poignées de redimensionnement, pas de rotation... mais ça viendra !

Testez et dites-moi ce que vous en pensez, vos retours sont très importants !

Salutation,

J'ai commencé la refonte complète de Visual Objects Handler.

Pourquoi une refonte ? La version que vous avez pu tester (la démo v4) était un bon prototype, mais l'architecture avait ses limites. J'ai décidé de repartir sur une base saine pour construire quelque chose de solide et durable.

Ce qui change :

  • Le Core (moteur JavaScript) est désormais open source et totalement autonome — il fonctionne seul dans n'importe quel navigateur, sans installation.
  • L'architecture a été repensée de zéro : zones, canevas multiples, objets — chaque couche est indépendante et bien séparée.
  • Le rendu passe par le GPU (Pixi.js/WebGL) pour de meilleures performances.
  • Une documentation complète et des exemples commentés sont fournis dès le départ.

Phase actuelle : API-first Pour le moment, il faudra coder votre application via l'API (des fonctions simples et bien documentées). Un éditeur de code intégré avec autocomplétion et documentation contextuelle est déjà en place pour faciliter la prise en main.

L'éditeur visuel (glisser-déposer, sans coder) viendra plus tard, une fois que le Core sera mature et testé.

J'en suis aux tout débuts, mais il y a déjà de quoi s'amuser : zones, canevas, objets manipulables, événements, callbacks de dessin personnalisés, et 35 scripts d'exemple commentés ligne par ligne.

La suite arrive au fur et à mesure. N'hésitez pas à poser des questions ici ou sur mon forum et à tester.

— ShadowStorm.


 

Bonjour Chers Invités et Membres,

Qu'est ce que Visual Objects Handler et à quoi ça sert ?

Il vous faut imaginer une Toile à Dessins, tous ces Dessins (Graphiques) sont considérés comme des Objets.
Ensuite, imaginez que vous souhaitiez Interagir avec ces fameux Objets, comment faire ?
Car après tout, Visuellement, ce ne sont que des Dessins !

Visual Objects Handler > Gestionnaire d'Objets Visuels, vous permet de pouvoir Interagir avec ces Graphiques
et ainsi pouvoir les Manipuler, les Personnaliser, et même les Commander (À venir).

Mais pour quoi faire ?

Vous ne vous êtes jamais dit Jadis, tiens j'aimerais bien pouvoir Déplacer et Redimensionner ce Graphique que je viens de réaliser, avec la souris, ce serait bien plus pratique
que de le faire dans le code, surtout quand je ne connais pas précisément la position ou la taille que celui-ci doit avoir exactement !

Par exemple, pour faire un Éditeur de Scène, un Niveau de jeu Vidéo, une Présentation quelconque, une Interface Visuelle entièrement personnalisable, un petit Jeu Vidéo 2D très simple
ou même pourquoi pas, un mini (ou même grand) Éditeur Visuel (avec quand même, avouons-le, beaucoup de travail !), un peu à la manière de ceux dans certains
langages de programmation qui ont des logiciels de Form Designer (Concepteur / Éditeur de formulaires) c'est-à-dire un Outil Visuel qui permet de placer
des contrôles (Widgets) par glisser-déposer dans un éditeur WYSIWYG ("ce que tu vois = ce que tu obtiens") pendant l'édition visuelle.

Et bien justement ça tombe bien car Visual Objects Handler est justement fait pour ça !
CréezManipulez (DéplacezRedimensionnezRéorganisez), Personnalisez, Supprimez..., vos Graphiques avec lui !

Ouais ok c'est bien mais ensuite ?

Ensuite ? C'est à vous de Jouer !
Je vous propose un Outil très puissant, pour vous permettre de vous simplifier au maximum la vie, pour le reste, c'est à vous de concevoir ce que vous voulez !

ImaginezConcevezPersonnalisez vos applications grâce à Visual Objects Handler !
Par la suite, vous pourrez par exemple créer un fichier HTML (depuis le Générateur de Code du Logiciel) qui permettra d'exporter votre création !

Visual Objects Handler est conçu pour le moment en deux couches: les fichiers du Core (fichiers du Moteur Graphique) et l'Interface (Éditeur Dédié).

Les fichiers du Core sont codés en JavaScript, ils reçoivent des Commandes API qui permettent de Contrôler ce Moteur Graphique.
Quant à l'Éditeur Dédié, c'est une Interface Visuelle qui fait appel au Core, qui vous permet très simplement de Créer Visuellement vos Objets et vos Interfaces Visuelles !

Une première version a été faite mais n'est pas fini, vous pouvez la télécharger pour l'essayez dans le projet.
Le projet est encore loin d'être fini et promet encore de grandes choses à venir !