Stéphane - smo
@_smontlouis • 7,051 subscribers
Senior front-end developer react/react-native. Building @audibibleapp and @biblestrongapp Working at @Decaf_so
Shorts
Videos
L'ingénierie derrière c'est quand même quelque chose. Les mecs ont 25 expressions pour les yeux qu'ils interpolent selon l'humeur / l'état. En plus de ça tu peux configurer manuellement la rotation horizontale et la position des expressions. Incroyable ! Sur ce on se revoit après la mise en demeure 😂
Stéphane - smo288,094 просмотров • 2 месяцев назад
ah merci le sang il me manquait un petit mode photo bien bieng
Stéphane - smo203,047 просмотров • 2 месяцев назад
J'ai réussi à faire un better grokbot custom en faisant de la 3d procédurale rendue en 2D en SVG. 🫦🫦💅💅💅 On peut changer les positions, la rotation, l'espace des yeux, la perspective, et tout est recalculé pour de la 2D. Je kiffe ce qu'ils ont fait sur grokbot, mais je voulais quelque chose de plus customizable. En plus avec "mon approche" (l'approche de l'IA hein), les transitions entre animations sont bien plus fluides et les clins d'oeil sont aussi bien meilleurs ! On peut créer un nombre illimité d'expressions et d'états ! J'ai même refait les expressions de leur bot pour essayer. C'est bon là j'ai échappé à la mise en demeure 🥸🥸. Je vais créer des trucs de fouuuuuuuuuuu Sur ce j'ai une famille je déconnecte lol je continuerais demain.
Stéphane - smo78,625 просмотров • 2 месяцев назад
wtf j'ai totalement perdu le contrôle je n'ai aucune idée de ce que je fais 😭. je peux associer des formes simples ensemble et générer mon avatar 2D en 3D procédurale en 60 fps sans souci 😭. si vous voulez savoir comment ça marche j'en ai aucune idée faudra demander à mon IA
Stéphane - smo54,094 просмотров • 2 месяцев назад
c'est bon l'IA m'a fatigué. j'ai lancé ça en despi pendant que je taffe sur de VRAIES CHOSES (mon job quoi). "Je veux plutôt un avatar 2D dont les yeux semblent posés sur une sphère. Au lieu d’utiliser plusieurs SVG dessinés manuellement pour chaque orientation, je veux partir de formes simples et calculer automatiquement leur déformation selon la rotation de la tête. Tu penses que c'est possible de déformer dynamiquement en SVG, sans créer manuellement une pose pour chaque orientation ?" je vais open-sourcé après. mon gars tu ajoutes des animations prédéfinies. easy, tu joues avec quelques easing function, le truc est bouclé, tu as tes expressions, tu as ce que fait grokbot, mais en mieux !! IN-CRO-YABLE
Stéphane - smo32,242 просмотров • 2 месяцев назад
Je suis devenu (inutilement) EXTRA niveau design avec l'avènement des agents. J'ai jamais eu le temps de pousser l'UI/UX, un domaine qui m'a toujours passionné donc maintenant je m'amuse à créer tout ce qui me passe par la tête. Par exemple j'ai voulu refaire le onboarding de ma petite app biblique bible strong ce week-end: Idéation sur (voir les petits agents qui te pondent du design c'est une expérience incroyable!), Je passe tout ça à codex (les png et les json) et avec quelques itérations il m'a pondu mon onboarding. Je lui ai même demandé de me faire un "moteur" de onboarding qui me permet de définir mes scènes et avec un id les composants persistent / fade entre plusieurs scènes. Du coup j'ai mon petit moteur déclaratif hyper simple avec un système de nodes, de connecteurs, et d'objets draggables. J'ai voulu tenter la suppression du bouton "Continuer". Laisser l'utilisateur découvrir l'app en interagissant avec l'onboarding par des hints colorés, je trouve ça plus immersif perso. S'il veut il peut toujours skip avec le bouton. Je sais pas si l'user va aimer, mais je suis satisfait en tout cas ! Auto critique: - Beaucoup de texte dans les illustrations, ça peut être un peu trop verbeux et manquer de simplicité react-native + reanimated, rien de fifou
Stéphane - smo31,305 просмотров • 2 месяцев назад
voici un comparatif avec grok bot entre les deux approches. les différences sont assez légères sur ce cas-ci, c'est principalement quelques transitions étranges du coté morphing svg, avec des clignements un peu douteux dans certains cas. mais je dois quand même avouer qu'il y a un certain "charme" à ce côté un peu imparfait sur la version officielle. ➡️3D procédural - pros: une rotation 3d réellement interactive. les perspectives et orientations sont cohérentes pendant les transitions. extensible sur de nouveaux avatars. les yeux restent attachés à la surface du corps et clignent dans leurs propre plan. on peut générer des variations sans dessiner chaque état. - cons: moteur plus lourd et plus complexe. le risque c'est des résultats un peu trop "mathématiques", et ça laisse pas beaucoup de place au contrôle artistique. (on peut y remédier d'une certaine façon). ➡️ Morphing SVG - pros: très léger et facile à export. le résultat est fidèle à ce que le designer fait, le morphing est simple. good pour un perso fixe. contrôle artistique sur chaque forme. - cons: limité aux expressions créées (ici 25), les formes doivent conserver la même structure de points (ici 48). pas de rotation ou perspective possible. et chaque fois qu'on ajoute une expression, c'est un boulot manuel
Stéphane - smo22,620 просмотров • 2 месяцев назад
audibible updated to expo 55 🤩 nativetabs + toolbar + zoom transitions + ios 26 glassview
Stéphane - smo50,126 просмотров • 7 месяцев назад
Suite et fin 😍😍 Je suis un homme heureux et épanoui
Stéphane - smo11,854 просмотров • 2 месяцев назад
new onboarding for audibible 💅💅 after reading RevenueCat’s SOSA 2026, I decided to go all-in on the onboarding for my app. 😤 it’s basically a mini-app inside the app ! The idea was to highlight the biggest features right away and create that « wow » moment that helps convert new users so I designed three slides after the intro, each showcasing real content from the app along with different ambiences. Each slide is also narrated with a read-along experience, so users can both listen and follow the text, which is the key feature of audibible. the goal is to make the onboarding feel much closer to the actual audio experience of the app now lets hope it’s worth it 😅
Stéphane - smo20,122 просмотров • 7 месяцев назад
Больше нет контента для загрузки