Stéphane - smo
@_smontlouis • 6,944 subscribers
Senior front-end developer react/react-native. Building @audibibleapp and @biblestrongapp Working at @Decaf_so
Shorts
Videos
ah merci le sang il me manquait un petit mode photo bien bieng
Stéphane - smo195,725 görüntüleme • 8 gün önce
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 - smo285,819 görüntüleme • 15 gün önce
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 - smo77,668 görüntüleme • 15 gün önce
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 - smo53,768 görüntüleme • 15 gün önce
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 görüntüleme • 15 gün önce
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 görüntüleme • 13 gün önce
audibible updated to expo 55 🤩 nativetabs + toolbar + zoom transitions + ios 26 glassview
Stéphane - smo50,060 görüntüleme • 6 ay önce
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 görüntüleme • 5 ay önce
Daha fazla içerik yok.