Vous pensez que quelque chose d'autre a oublié d'entrer? C'est probable, car la démonstration 3D sur le site devient très populaire, ce qui signifie un ensemble croissant d'outils pour la créer.
On me pose souvent des questions sur l'affichage de la 3D sur le site et tout aussi souvent je me retrouve dans une impasse. Il n'y a pas d'outil universel pour résoudre tous les problèmes. Heck, les gars, vous ne martelerez pas une vis, non?
Vous devriez peut-être vous occuper de ce zoo ...
Un jour, des gars d'un jeune studio indépendant sont venus me voir qui prévoyaient de créer un autre jeu de navigateur méga-cool. 3D réaliste, monde sans couture, beaucoup de petits pains de type en ligne et plus, des trucs, des trucs. Hélas, la question était:
- Qu'est-ce qui sera plus cool, Unity ou Unreal?
Arrêtez les gens, avez-vous besoin de raideur ou de performance? En effet, beaucoup dépend des tâches spécifiques, des capacités de l'équipe et de nombreuses conditions supplémentaires. Honnêtement, je ne me souviens pas avoir répondu aux bons amis, mais je suis plus que sûr qu'ils n'ont pas réussi.
Par conséquent, je vais essayer de résumer certaines de mes réflexions sur ces technologies dans un petit article. Bien sûr, cela ne s'applique pas aux studios réputés qui peuvent mener indépendamment les recherches nécessaires. Le public de ce «chef-d'œuvre» littéraire est composé d'artistes, de pigistes, de sympathisants et de gens paresseux.
Je veux de la 3D dans un navigateur Web
- Unité! - la première moitié de ceux qui savent rugiront.
«Anrial», les utilisateurs d'Unreal répondront non moins fort.
Vous pouvez également ajouter des utilisateurs Defold des amoureux de LUA, Blend4Web avec son JavaScript natif ou Three.js des sadomasochistes aux connaisseurs chevronnés. Merde, la liste des moteurs s'allonge, et si vous tirez un peu plus, vous pouvez facilement la doubler.
Les problèmes fondamentaux des moteurs non natifs sont la massivité du code fini, les fonctionnalités limitées et les performances douteuses dans un environnement Web mobile. Ici, il est nécessaire d'étudier la documentation du demandeur, sinon vous recevrez les cris attendus:
- WTF!?!
C'est un péché à dire, mais au cours de plusieurs années, les développeurs d'Unity n'ont pas terminé l'exportateur pour WebGL, et les chiffres d'Unreal l'ont complètement battu. De plus, l'application finie des moteurs de jeu massifs ne semble pas moins massive. Et ici, le projet de loi va déjà en mégaoctets, ce qui est essentiel pour le Web! Hmm, je crois que déjà ce moment devrait effrayer tout le monde.
Ok, alors peut-être que tout va bien avec les moteurs natifs?
Je ne suis pas programmeur, mais un artiste cool
On suppose qu'une nature délicatement sensible est incapable de faire face aux subtilités de la logique. C'est juste que la réalité s'avère beaucoup plus vraie que cette hypothèse.
Un modélisateur 3D moderne est prêt à résoudre des problèmes mathématiques (bonjour au convoyeur de nœuds Blender), connaît très bien les capacités techniques de vidyuhi et, avec un certain coup du sort, est prêt à créer rapidement un plug-in pour son éditeur préféré. En conséquence, tout peut être attribué à un manque de temps, voire à une paresse humaine banale.
Par conséquent, si vous êtes une personne paresseuse mais sophistiquée, vous devez rechercher des technologies qui facilitent le travail de transfert de la 3D vers un site Web convoité.
Compte tenu de cette exigence et de la nativité obligatoire, il nous reste quatre candidats: Sketchfab, Blend4Web, PlayCanvas et le nouveau venu Verge3D.
Sketchfab
Crachez sur quelqu'un qui ne connaît pas Sketchfab, car cette technologie est un vétéran du portage 3D vers un navigateur Web.
L'objectif principal du service est de fournir aux représentants les plus paresseux du monde 3D la possibilité de démontrer leur travail sur les pages des sites. Il existe un mécanisme simple pour cela, composé de:
- Compte système;
- Exportation de modèles depuis votre éditeur préféré. Il existe des plugins pour tous les packages 3D;
- Téléchargement du résultat sur le service et obtention du code tant attendu.
La principale caractéristique de Sketchfab est un lecteur cool, qui est téléchargé à partir du service avec votre modèle en utilisant le lien fourni. Il offre d'excellentes opportunités pour visualiser la scène, jouer des animations, utiliser l'environnement, matkapov et plus encore. S'il n'y a pas de site personnel, vous pouvez envoyer un lien vers le modèle dans Sketchfab par email. Dans l'ensemble, c'est une excellente option pour créer un portefeuille hébergé sur le Web. Mais, les inconvénients découlent d'ici:
1. Gratuit uniquement dans une souricière! C'est compréhensible, eh bien, personne ne travaillera gratuitement, vous devez donc connaître à l'avance les limites du package gratuit. Une quantité d'animation limitée, il n'y a pas de placement privé de modèles (tout le monde voit ce que vous téléchargez), de taille limite pour les téléchargements, etc. En seulement 15 conifères par mois, vous pouvez supprimer certaines restrictions, ainsi que devenir accro à «l'aiguille» des abonnements.
2. Seul le joueur. Vous ne pouvez pas créer un jeu, vous ne pouvez pas créer de logique de travail, ne faites que démontrer le modèle et c'est tout.
Si tel est votre plafond, alors bienvenue
ici .
Playcanvas
Ouah! Ici, je veux déjà m'exclamer: "Bingo!". Car c'est déjà un environnement à part entière pour créer des programmes qui peuvent jouer en 3D sur le site. Bien que les développeurs de PlayCanvas prétendent que leur idée originale est adaptée à la création de toutes sortes de présentations 3D, il s'agit toujours davantage d'un moteur de jeu.
Il est «gratuit» (enfin, vous vous souvenez que le fromage gratuit n'est que dans une souricière), l'éditeur de scène s'exécute directement dans le navigateur, comprend de nombreux formats 3D, possède de bonnes fonctionnalités de programmation et une taille assez modeste de fichiers exécutables.
Oups, le mot interdit "programmation", je suis désolé ... Le vrai artiste a déjà plissé, et le curseur de la souris a rampé jusqu'à la croix de fermeture de la fenêtre ...
Hélas, travailler avec PlayCanvas implique de connaître JavaScript, de faire défiler la documentation et, par conséquent, d'avoir des compétences en programmation. Je ne sais même pas pourquoi j'écris sur PlayCanvas. N'oubliez pas qu'il existe une bonne technologie native pour créer des jeux 3D pour le Web. Elle est
là .
Blend4web
Un monstre de l'ingénierie logicielle domestique, concentré uniquement sur le web et ... Blender. Fonctionnalité extraordinairement puissante, excellente documentation et juste un énorme portefeuille de programmes créés avec son aide. Sur celui-ci, les gens rivalisent parfaitement toutes sortes de configurateurs 3D, de présentations, créent un portfolio (jeux, cependant, surtout pas). D'où vient cette popularité?
Le fait est que Blend4Web offre un transfert direct d'une scène de Blender vers le Web avec une seule touche. Dans ce cas, l'utilisateur reçoit un lecteur prêt à l'emploi, qui est suffisant pour télécharger sur le site souhaité ou se connecter à une page Web. Et surtout, le moteur dispose d'un puissant système de programmation logique basé sur l'utilisation du système de nœuds Blender. Ainsi, en faisant simplement glisser et déposer des briques de logique dans Blender, vous pouvez créer votre propre application. Par exemple, ajoutez des boutons pour contrôler l'animation, modifiez la texture, mais créez au moins un mini-jeu. Dans le même temps, la connaissance des logiciels est minime. Et vous obtenez ces fonctionnalités gratuitement!
Cool, hein? Et maintenant une grosse mouche dans la pommade ...
Si vous travaillez dans Blender et que vous êtes satisfait du lecteur b4w prêt à l'emploi, utilisez-le pour votre santé. Mais au-delà de ce qui est spécifié, par exemple, changer l'apparence du lecteur, ajouter du code JavaScript et d'autres choses, il faudra ouvrir la source à tout le monde ou vous devrez payer un montant très substantiel pour la licence. Je ne l'appellerai pas, car cela devient triste. Et donc, vous pouvez vous familiariser avec le moteur
ici .
Verge3d
Un jeune moteur 3D pour le web, mais de vieux programmeurs hardcore. L'astuce est que certains développeurs de Blend4Web se sont récemment «séparés» de l'arbre parent et ont créé leur propre entreprise, avec leur propre développement. Dans le même temps, ils ont pris en compte les mauvais moments du développement de Blend4Web et ont proposé quelque chose de nouveau qui semble beaucoup plus attractif.
Tout d'abord, il n'y a aucun attachement à Blender. Par conséquent, les utilisateurs de 3ds Max ne sont pas en reste. Toutes les actions de base pour la configuration d'une scène, d'une animation et d'autres choses sont effectuées dans les éditeurs Blender ou Max, puis sont transférées sur le Web avec un seul bouton. D'où la deuxième innovation ...
Deuxièmement, la logique n'est pas configurée dans Blender avec ses nœuds, mais directement dans un navigateur Web, en utilisant des éléments graphiques spéciaux de puzzle. Connectez-les dans le bon ordre et le tour est joué. Les développeurs se vantent de cette façon, vous pouvez créer des programmes de toute complexité sans même connaître JavaScript (bien que vous puissiez également utiliser ce dernier).
Troisièmement, les développeurs proposent leur propre service cloud pour stocker des scènes 3D. Contrairement à Sketchfab, il est privé et c'est un avantage certain. De plus, vous pouvez dépasser le projet dans le cloud directement depuis le panneau de configuration Verge. Aucune connaissance logicielle n'est requise ici.
Maintenant par contre? Oh oui, comment cela pourrait-il être sans lui!
1. Comparé à Blend4Web, la fonctionnalité du moteur est plutôt maigre. Vous pouvez créer une présentation, un configurateur, un portfolio, mais oublier les jeux. Bien que le moteur se développe rapidement, et qui sait ce qui va se passer ensuite. Les gars déploient des mises à jour avec de nouvelles fonctionnalités toutes les deux à trois semaines. Pas plus tard qu'hier, une autre version de Verge3D a été publiée pour Blender avec la prise en charge de Cycles and Principled BSDF. Il est curieux de savoir ce qui sera nouveau pour max.
2. Il n'y a pas de version gratuite, c'est-à-dire les amoureux du "fromage dans une souricière" se séparent. Voici un système honnête de «procès → paiement». Certes, l'épreuve est sans fin, mais le prix est plutôt doux et plus adapté aux réalités domestiques.
3. Il n'y a pas de documentation en russe, bien que le peuple russe soit développé. Mais c'est probablement une entreprise.
La page du moteur est
ici .
PS Vous avez oublié autre chose? C'est possible. J'écris plus afin de répondre simplement et facilement aux questions des utilisateurs. Et le plus souvent, ce ne sont pas des programmeurs avec des questions naïves: "Qu'est-ce qui est plus cool?"