Le modèle de programmation mis à jour par ByteDance, Doubao-Seed-Code, prend en charge le mode image sur Claude Code. Reproduisons directement le modèle sur Figma sans fournir de ressources d'image utilisables. 👇 Cette fois-ci, toutes les questions ont été rendues publiques. Le site web original ressemblait à ceci. (1/9)
L'invite de commande que j'ai utilisée ressemble à ceci. Créez-moi un clone de [Image n° 1]. Utilisez les bibliothèques de votre choix, mais assurez-vous que je puisse tout coller dans un seul fichier HTML et l'ouvrir dans Chrome. Rendez-le intéressant et très détaillé, avec des détails inattendus. Faites preuve de créativité et d'esthétique en un seul bloc de code. (2/9)
Ce qui est certain, c'est que Doubao a véritablement maîtrisé le dessin SVG après cette mise à jour logicielle, créant une montagne à partir de rien. La structure générale a été reproduite, y compris la barre de navigation supérieure (logo à gauche, lien au milieu, bouton à droite), le titre principal (« Tout parcourir. ») et la zone visuelle principale en bas. Bien qu'aucune image ne soit disponible, Doubao s'est efforcé de comprendre l'image d'en-tête et a même imité les points de données de l'image originale en ajoutant des étoiles aux sommets de ses montagnes au format SVG. Le seul défaut réside dans la police : l'originale utilisait une police à empattements, tandis que Doubao a opté pour une police sans empattements. De plus, les couleurs du thème diffèrent : l'une est vert clair, l'autre vert olive. (3/9)
Si nous ajoutons les images correspondantes au répertoire d'exécution et utilisons le mode de planification de Claude Code (en alternant entre Claude Code et Shift+Tab), le Doubao bien conçu n'aurait-il pas de meilleures performances ? Il est clairement visible à l'œil nu que la réplique SVG de l'image d'en-tête est plus détaillée ; le texte, les polylignes et la chronologie ont tous été reproduits. Les pages hiérarchiques imbriquées qui en résultent sont plus précises. Auparavant, des cadres blancs servaient de délimitations, mais il apparaît désormais clairement que les images sont placées dans des cadres semblables à ceux d'un iPad, sur fond vert. De plus, le menu supérieur et les boutons sont maintenant similaires à 90 % à l'original, sans caractères manquants ni incorrects. Bien que les images que j'ai publiées n'aient pas été utilisées, la qualité globale s'est nettement améliorée. Cependant, l'utilisation du mode normal doublera le temps d'exécution. (4/9)
J'ai également testé les performances de Doubao dans des applications 3D et de jeux. Le corps principal de l'invite, Créez un jeu de Démineur classique. Consignes : n’utilisez aucun framework ni bibliothèque JavaScript modifiant la structure ou le paradigme de modularité de l’application (par exemple, React, Vue, Angular). Les bibliothèques tierces, telles que Three.js et p5js, peuvent être référencées via un CDN pour répondre aux exigences. Les livrables finaux doivent être composés uniquement de fichiers HTML, CSS et JS. Si plusieurs fichiers (HTML/CSS/JS) sont nécessaires, assurez-vous que toutes les références utilisent des chemins relatifs. Tous les fichiers doivent être enregistrés dans le répertoire courant. (5/9)
Le corps principal de l'invite, Créez un jeu Snake complexe en JavaScript avec des bonus, plusieurs niveaux et une interface utilisateur pour le suivi des scores. (6/9)
En ce qui concerne la partie 3D, Le corps principal de l'invite, Simulation 3D d'un cube composé de billes rebondissantes flottant dans les airs. Le cube s'effondre lentement, couche par couche, en commençant par le bas. Les billes rebondissent sur une table jusqu'à s'immobiliser. La simulation doit respecter les lois de la physique, offrir un effet visuel attrayant et créer un environnement réaliste. Le tout doit être implémenté dans un seul fichier HTML. Dans ce cas précis, Doubao a recréé les calques, les cubes, ainsi que l'éclairage et les ombres, mais il n'y a eu aucun effet d'effondrement. (7/9)
Le corps principal de l'invite, Créez une simulation 3D interactive et visuellement époustouflante de notre système solaire, élégamment intégrée dans un seul fichier HTML. Mettez en valeur des mouvements orbitaux réalistes, des effets d'éclairage dynamiques, des textures planétaires précises et des commandes de caméra fluides pour une expérience immersive. (8/9)
Honnêtement, les capacités de simulation 3D de Doubao laissent à désirer. L'application peut créer des modèles, mais l'interaction est loin ark.cn-beijing.volces.com/api/compatibles passer en mode Planification et relancer la simulation quatre ou cinq fois, chaque dialogue nécessitant entre cinq et dix échanges pour obtenir le résultat souhaité. Toutefois, comparé à d'autres modèles, le mode image à faible coût reste très intéressant. La configuration des variables d'environnement se présente comme suit. export ANTHROPIC_BASE_URL=https://t.co/AGuK3Pa7gI export ANTHROPIC_AUTH_TOKEN= export ANTHROPIC_MODEL=doubao-seed-code-preview-lates (9/9)
