6
votes

Trouver les bons outils pour la programmation d'un projet UI de style futuriste

J'ai toujours été inspiré par des interfaces utilisateur dynamiques et futuristes. Le mieux que je puisse décrire est une interface graphique telle que dans les derniers films de l'homme de fer.

Bien que je ne construirais pas une application gonflée complète, je voudrais faire de petits sniplifications d'animations que je prévois de faire interactive. Et peut-être les mettre ensemble un jour pour faire quelque chose de plus grand. Certes, j'utiliserai pour la manipulation audio à l'avenir, mais de toute façon, ce n'est pas le point car il s'agit des animations / graphiques que je ne suis pas sûr.

Je sais qu'il est possible de faire ce genre d'animations dans Adobe After Effects. Je passe juste du mal à penser aux processus (artistiquement et programmabilité) de continuer.

Lors de la recherche à ce sujet, j'ai acquis une expérience de base avec Ogre 3D et Blender. J'ai importé et compiler des mailles sur Ogre, ont été capables de faire des choses de base comme bouger les mailles autour qui en sont à peu près.

Je commence à penser que je peux aborder cela dans ce mauvais sens et que vous trouverez de meilleurs outils ou si 3D est surchargé pour ce type d'animations lorsque 2D suffirait et offrirait peut-être une expérience plus fluide.

J'ai du mal à comprendre le processus et je me demande deux choses:

1.) La principale chose que j'ai du mal à comprendre, c'est comment obtenir des graphiques encore pour faire des animations? Les mailles gardent-ils la chronologie d'un programme comme Blender, puis un moteur graphique comme Ogre lit la chronologie et les joue?

surtout:

2.) Est-ce que j'ai même besoin de graphiques (mailles)? La majeure partie de l'interface sont des boîtes à bordure mince, du texte et des formes de couleurs de type LED transparentes qui peuvent se déplacer de manière dynamique pour faire cet effet futuriste.

S'il vous plaît partagez vos opinions, suggestions et tout ce que vous pensez m'aider à accomplir pour développer ce genre de bonbons des yeux sexy! Merci.


0 commentaires

3 Réponses :


0
votes

La manière la plus simple et la plus efficace consiste à garder une trace de toutes vos données graphiques (mailles, animations, effets) dans "fichiers multimédia" et charger et les jouer en runtime. Bien que vous puissiez facilement changer votre jeu sans changer le code.

Par exemple, vous avez un jeu de diablo et vous voulez l'activer au style futur. Il vous suffit de réécrire des scripts de joueur et d'AI et de modifier les mailles / effets / sons / animations. Mais si vous avez fait ces via le code - ce sera un nouveau jeu à partir de zéro.


1 commentaires

Pas vraiment la réponse que je cherche, mais merci pour les conseils.



0
votes

Je suggérerais d'ogre, mais vous avez déjà utilisé cela, donc à mon avis, vous êtes sur la bonne voie.

Recherchez des "panneaux d'affichage" dans la documentation Ogre, re: LED et 2D Stuff.


0 commentaires

3
votes

Lorsque vous regardez des UIS extrêmement futuristes dans des films, ils sont généralement faits de

  • Primitives de base
  • Couleurs désaturées et / ou une tonalité de couleur
  • Transparence
  • une police ou deux
  • Texte haute technologie, graphiques ou similaires
  • Des animations simples pour rendre les choses "vivantes", des lumières / texte clignotant et similaires
  • une interface tactile, bien sûr

    Peut-être que vous ne pouvez pas faire beaucoup sur l'interface tactile, mais le reste n'est vraiment pas graphique difficile, il s'agit d'une illustration soigneusement fabriquée et de combiner des éléments simples de manière cool.

    Aussi, j'écris à Adobe Photoshop et à la texturation fantaisie plutôt que de la mixture et de la modélisation de fantaisie, car vous recherchez une interface utilisateur 2D de fantaisie et des modèles 3D détaillés ne seront pas aussi importants. En jouant dans Photoshop (Eh bien ou Gimp si vous voulez une alternative gratuite) peut vous aider à développer vos compétences en art et vous aider à obtenir ce look de haute technologie et science-fci sur une surface 2D.

    Vous savez, j'irais aussi loin que de suggérer de faire des fonds d'écran de la science-féconde dans le style que vous êtes après avant d'essayer de résoudre ce problème au code. Je pense que vous constaterez que les compétences de manipulation de photos et les yeux pour l'art vous aideront ici. Et pour l'amour des dieux, regardez ces films (Iron Man, Rapport minoritaire, etc.) qui ont ces objectifs que vous visez et analysez ce qu'ils sont exactement. Décomposer comme je l'ai fait dans la liste ci-dessus.

    comme pour le "quels outils dois-je utiliser?", Je dis la réponse à cela est assez simple:

    • OpenGL
    • Photoshop (ou GIMP si vous êtes un étudiant affamé, etc.)
    • Un compilateur et une boîte à outils
    • Editeur de code / IDE
    • une tasse

      Je vois que cela est étiqueté C ++, qui est un excellent choix de langage de programmation si je peux le dire.

      Ogre est un moteur 3D soufflé complet, qui va bien, mais pas exactement ciblé ce que vous voulez l'utiliser. Vous constaterez peut-être que vous avez du mal à obtenir ce que vous voulez faire (Disclaimer: Je n'ai pas essayé cela dans Ogre, et cela pourrait bien fonctionner pour cela. Encore une fois, quand avez-vous vu Ogre utilisé dans un programme de manipulation audio?). Mon conseil est d'apprendre bon, simple OpenGL. Cela vous donnerait une puissance complète sur votre UI, vous ne vous limitez de rien ou de vous limiter de quelque manière que ce soit. C'est également une plate-forme transversale, bien documentée et utilisée par des tonnes de développeurs dans le monde entier (également pour les applications de manipulation audio). Je ne peux pas voir comment vous pourriez peut-être vous tromper avec ça. La partie amusante est que cela ne vous mènera probablement pas longtemps pour que cela soit suffisamment avancé pour commencer à développer une assez belle UIS. Comme je l'ai mentionné, c'est plus un problème d'art qu'un problème de codage.

      La tasse est pour le café, au fait. :)


6 commentaires

Ogre pour un programme de manipulation audio fonctionnera comme une partie visuelle de celui-ci, le moteur de son sera effectué séparément et sera lié à la partie graphique du programme. Vous avez de grandes suggestions merci pour cela. Mais cela répondrait à mes questions complètement si vous pouviez me dire un peu du processus d'animation? Les maillages contiennent-ils l'animation de la chronologie, puis les événements de la chronologie sont joués par le moteur de rendu 3D (Ogre)? Si j'avais utilisé quelque chose comme Photoshop pour les graphiques, devrais-je toujours les importer au mélangeur les convertir en maillages, puis les importer à Ogre?


Pour les pièces lorsque vous n'utilisez pas simplement des fonctions de dessin de base (ne savez pas si Ogre les avez même), vous ferez probablement un maillage de base et appliquerez votre art Photoshop pour elle comme une texture. Pour l'animation, j'imaginais plus d'une approche manuelle - c'est-à-dire que vous codez les animations à partir de zéro en C ++, non à Blender, car ce sont des animations assez fondamentales dont nous parlons. Encore une fois, je ne sais pas comment Ogre gérerait cela.


... suite: Si vous souhaitez utiliser les installations d'animation de Blender, je pense que vous devrez peut-être écrire votre propre format de fichier et votre exportateur, puisque (IIRC) Blender ne supporte vraiment pas beaucoup de formats de fichiers courants pour le moment. fait a toutefois des capacités décentes lorsqu'il s'agit de rédiger votre propre exportateur, et vous constaterez que beaucoup d'autres ont fait des choses similaires. Vous devrez regarder cela, cependant. Je ne sais pas si Ogre a un support d'animation spécial. Si vous utilisiez OpenGL, vous effectueriez probablement votre propre rendu d'animation, en utilisant le format de fichier créé pour Blender.


... suite: Je ne sais pas si vous pouvez faire des choses similaires avec Ogre, vous pouvez peut-être que Ogre a peut-être une fonctionnalité intégrée qui nécessite un format spécial. Fondamentalement, si vous voulez utiliser Ogre, je ne peux pas vraiment vous aider plus loin


J'ai eu un peu de temps à y penser et à être honnête, je voulais faire une interface utilisateur similaire à celle de ce qui montre sur ses moniteurs. Que je pense est tout 2D. Si vous ne connaissez pas grand chose sur Ogre, quelles autres bibliothèques savez-vous que vous pourriez me dire comment fonctionne le processus?


Eh bien, j'irais avec Pure OpenGL, comme je l'ai dit, et c'est ce que je sais. Pour les animations que vous regardez, je pense que vous devriez être capable de les adapter facilement. Pas besoin de gâcher avec des animations dans le tout. Je pense que ce serait le plus facile.