J'ai créé une web app pour apprendre à lire le ciel

[Lipreux-x]

Bonjour à tous,

J'ai développé une app web en partant d'un besoin que j'avais: apprendre à reconnaître le ciel moi-même, alors que les autres apps me montrent tout et que je ne retiens rien.

Cap Céleste, c'est l'inverse : on te donne le nom d'une constellation, aucune aide, et tu la cherches, on apprend en cherchant. Rendu du ciel en direct (étoiles, planètes, ISS), fiches par astre, parcours mission par mission, et surtout pensée hémisphère sud dès le départ (je suis à La Réunion).

Le projet évolue encore, donc je viens surtout chercher le retour d'observateurs intéressé: l'approche vous parle ? Que manquerait-il pour l'utiliser dehors ? Je mets le lien si ça intéresse.
L'objectif est de crée un endroit ou on peut apprendre et revenir quand nous sommes nostalgique.
Merci d'avance 🙏

PS: Le lien est en commentaire pour ceux qui veulent jeter un œil.

 

Le lien pour aller vous amusez -> https://www.capceleste.com/

 

[Wan186]

Très bonne initiative, c'est très bien fait, vraiment sympa!
 
J'aime bien le jeu. Quelques petits détails, après une première utilisation:

-quand le mode brume est activé, il est très dur de voir juste au dessus de l'horizon, derrière le paysage.
-je n'ai pas vu ce que donne le niveau expert, mais j'aimerais apprendre aussi sans avoir les tracés des constellations.

 

[Lipreux-x]

Merci beaucoup pour ton retour, ça fait super plaisir 🙏

Je note les deux points : la lisibilité juste au-dessus de l'horizon en mode brume, et un mode sans les tracés des constellations pour apprendre « à nu ».

Si vous avez d'autres idées de rajouts, n'hésitez pas ! L'objectif est d'en faire une web app utile à tous 🌌

[Pascal76]

Très chouette cette application ! 👍👍🙂

[michelB]

"gratuite jusqu'au 15 octobre"

... et après ?

 

je n'ai rien contre les applis astro payantes mais ce serait bien de le dire

Modifié il y a 12 heures par michelB

[Lipreux-x]

Honnêtement, le modèle n'est pas encore figé, c'est justement pour ça que je récolte des retours avant de trancher.
L'idée actuelle : toute la partie visualisation du ciel (constellations, étoiles, planètes, ISS, fiches) resterait gratuite pour toujours, et un paiement unique (pas d'abonnement) débloquerait les missions supplémentaires du parcours d'apprentissage.
 

L'objectif, c'est de me faire un petit peu de sous pour continuer à développer des projets, tout en gardant l'app pleinement utilisable gratuitement.
On va dire que je suis en pourparlers avec moi même et désolé pour le manque de clarté !

[HamHam]

Wow le rendu est vraiment super. Quelles technos, langage, frameworks, librairies etc. tu as utilisé ?

[Lipreux-x]

Merci ! C'est fait en React avec TypeScript, et Vite pour le développement

 

Le ciel est dessiné dans un canvas, une grande zone de dessin dans la page où je place chaque étoile, chaque trait de constellation et chaque nom moi-même, pixel par pixel. Pour la Voie lactée et le paysage à 360° j'utilise WebGL, qui fait appel à la carte graphique et encaisse mieux les gros visuels.

Tout est dessiné à la main plutôt qu'avec une librairie toute faite, et c'est ce qui permet de rester fluide même avec plusieurs milliers d'étoiles à l'écran.

 

Sur téléphone, on navigue au gyroscope (idée donc reprise de Stellarium par exp). Du coup le ciel reste figé sur l'instant présent, et c'est toi qui bouges. C'est bien plus intéressant pour apprendre, parce que tu te repères directement dans le vrai ciel que tu as au-dessus de la tête, ce qui fais que les missions sont plus immersif.

Pour les calculs de position, j'ai écrit ma propre trigonométrie pour les étoiles fixes, et j'utilise astronomy-engine pour les planètes et la Lune.

Pour l'ISS c'est satellite.js, qui prend les données d'orbite officielles et calcule où elle se trouve en direct.

Le serveur fait le strict minimum : quelques fonctions sur Vercel, Neon pour les comptes, Stripe pour le paiement.

Et l'objectif quand elle passera sur mobile, c'est que tout tourne en local pour qu'elle marche dehors, en pleine nature, sans réseau !

[Lipreux-x]

 

il y a 9 minutes, Lipreux-x a dit :

Tout est dessiné à la main plutôt qu'avec une librairie toute faite, et c'est ce qui permet de rester fluide même avec plusieurs milliers d'étoiles à l'écran.

J'utilise  quand même three.js pour les globes 3D des planètes et les modèles des fiches.