Coder un Zelda Like [Javascript, THREE, Rapier] 01

[@monkinimo350]

Un projet aussi propre que les technos choisis en plus d'une architecture sans fioritures, comme d'habitude, tu es au top ! 🔥🔥🔥 Aux bots KZbin je dis : Met du référencement sur son nom, "met en plein, met en plein" !

[@slempens]

Génial! c'est super aussi d'avoir fait des dossiers /step_xx/ dans le git, ainsi on est pas noyé dans le code final et c'est plus facile à appréhender. Content que tu sois de retour :)

[@SylvainPOLLETVILLARD]

Bravo, le code et la vidéo sont très clean, faire tenir tout ça en 16 minutes sans donner l'impression de se presser est un bel exploit.

[@amaroklupus8080]

Quel plaisir ! Merci pour cette vidéo super claire sur THREEjs et la manière de faire du JV avec. Et le tout en français un gros gros merci !

[@landrygd]

Intéressant ! Depuis le temps que je voulais apprendre Three JS, c'est l'occasion (peut-être pour une prochaine gamejam qui sait😂). Hâte de voir la suite 🔥

[@diroshow]

C'est super intéressant ! On attend la suite avec impatience, merci à toi !

[@squach90]

Cette vidéo est incroyable et ma appris plein de chose. Merci Codeur de Nuit

[@ganon4]

woaaaaa trop content je me souvenais plus quelle chaine je suivais qui avait des ultra bonnes vidéos sur threejs X_X, welcome back ! et bravo pour ton projet novel :) lâche rien.

[@vinception777]

Vraiment trop chill tes vidéos ^^ C'est hyper intéressant, j'aime beaucoup ton clavier ASMR friendly aussi 😂

[@pseudo-aleatoire]

Le crack du code est de retour 🎉

[@lls3754]

Merci beaucoup pour tes vidéos, elle m'inspire vraiment beaucoup

[@bandedecodeurs]

Excellente vidéo ! Merci beaucoup 🙏🏻

[@iercan1234]

hyper cool la démo ! j'avais fait un test de jeu multi avec ces technos, chaud de devoir tout faire from scratch mais on apprend beaucoup

[@josephbologna218]

Merci pour ce tuto. Content que t'es enfin fini ton projet novel... Bonne continuation 🎉

[@SquircleUnderscore]

J'ai trop hâte de voir la suite

[@justelesnews]

Un grand bravo ! Hâte de voir l'épisode 2. Ne codant jamais en POO, le 1 n'a pas été simple pour moi, je vais essayer de le refaire chez moi. Bravo encore pour la qualité et le souci de faire un code compréhensible !

[@ELBlazko]

super travail vraiment! Bravo pour tes explications claires et concises qui permettent de bien comprendre. Par contre ce serait possible d'avoir un mini tuto pour la création de la map sur Blender? Gros merci et continue ce que tu fais!

[@remicrce8481]

Trop bien, j'arrive juste à Three.js ça va être une parfaite façon de mettre le pied à l'étrier 🚀Niiiiice ! Hop dans la playlist..

[@NayeffBOINARIZIKI]

Tu as fais ça en JavaScript t'es balèze mec 👏🏾

[@GabsBaq]

Super vidéo !! C'est trop demandé, un résumé des compétences à savoir pour créer ce projet? comme pour les lumières, la physique etc…

[@bossgd100]

hate de voir la suite ! :D

[@ryujigtr]

Respect

[@thorin2640]

ho Une vidéo sa fait longtemps cool

[@HuynhLuong227]

Thank for sharing

[@hermes6910]

Ca +1 direct, retour en flamme

[@RailsSessions]

Super vidéo, j’adore l’approche minimaliste. Est-ce que tu as calculé combien de temps passé pour préparer le projet du tutorial (juste le code de ce tuto, sans les mesh) ?

[@sylvainschellenberger]

Chouette tuto, la scène est un peu sombre, peut-être que monter la luminosité le temps que les autres sources lumineuses / effets post-processing soit implémentés pourrait aider la lisibilité pour les vidéos.

[@manucyan]

Bonjour, merci beaucoup pour cette vidéo, voici quelque points sur lesquels j'ai bloqué, peut être que ça aiderait des gens : Au début il faut installer Node.js sur l'ordi 2:34 j'ai dû mettre l'id canvas sur la balise canvas Merci encore !

[@StephaneSavona]

Yeaaah le retouuuuur !!

[@The.Anime.Library]

Super vidéo(pourquoi utiliser rapier et pas cannon ?)

[@thecrazymoon6578]

Your video has been reuploaded and dubbed in English, is that your doing?

[@codeurdenuit8783]

Yes, because youtube doesn't give me access to multi-language audio. I have to have one channel per language.

[@thecrazymoon6578]

@@codeurdenuit8783Good to know!

[@nicot136]

Top, Three.js a vachement bien évolué. Nickel de simplifier au max et penser dès le départ à la maintenabilité. Hélas trop de dev compliquent tout et se crée de la dette technique sans s’en apercevoir. C’est quoi le nom de la colorisation syntaxique de ton éditeur stp ?

[@HuynhLuong227]

seems to be missing "OrbitControls", I can't rotate or zoom in/out the world?

[@codeurdenuit8783]

yes, I've added an orbitControls for video editing. But the tutorial should be as simple as possible. I don't mention it to keep the tutorial simple.

[@codeurdenuit8783]

github.com/codeurdenuit/fkisios/tree/main/step_00 if you need the code

[@HuynhLuong227]

@@codeurdenuit8783 yes, thanks for reply, wait next video for this tutorial. Respect you...

[@justelesnews]

As-tu des conseils de tutos pour la POO en js ?

[@codeurdenuit8783]

Là, tout de suite, je n'ai pas trop d'idée. Je regarde quelques tutos, mais ils ne sont pas assez synthétiques ou trop vieux. www.gekkode.com/developpement/introduction-aux-classes-et-aux-objets-en-javascript-es6/ Mais il doit y avoir mieux

[@justelesnews]

@@codeurdenuit8783 ok, merci bcp. Je vais commencer par ça !

[@estelleyokoyo1705]

Peux-tu le faire sur android

[@mwlulud2995]

Pourquoi ne pas utiliser React Three.js ?

[@codeurdenuit8783]

Coder un jeu avec des balises, c’est comme construire une maison avec du placo. On peut, mais c’est beaucoup plus long et compliqué qu’avec des briques. 😂 Je trouve que React Fiber, n’a aucun sens. Mais je peux comprendre que pour un développeur de site, Fiber soit pratique pour décorer une page. Mais j'insiste sur le fait que les balises ne sont faites que pour coder un moteur de jeu. C’est possible, mais ça demande de faire un code alambiqué. HTML pour faire des interfaces. JS pour faire moteurs physique/graphique/jeu. 😅

[@mwlulud2995]

@@codeurdenuit8783 Non je parlais du faite que react three.js simplifie grandement l'écriture pour le développement de la 3D,les mesh,instance de camera ... Je connais ton amour pour svelte et ton dégoût pour react mais la c une simplification énorme qui évite les 30 lignes de code affiché un cube sur fond vert! (Après peut-être un jour avec svelte qui sait)

[@Siplify]

je crois qu'il y a un léger problème dans la gestion de ton canvas u ddébut c'est une variables sans information avec une erreur les install sont identique tout est bien run juste canvas pas détecter

[@codeurdenuit8783]

Tu utilises le projet sur GitHub ? Le canvas est chargé hors champs, j'ai retiré ce passage car c'est trivial. Pour fluidifier la vidéo

[@Siplify]

je le reproduit de A a Z pour le développement je trouves ca plus pratique pour bien comprendre chaque partie du code@@codeurdenuit8783

[@Siplify]

pour faire simple j'ai juste rajouter un query selector pour le cibler mais la taille du canvas ne fais pas tout l'ecran@@codeurdenuit8783

[@Siplify]

je le fais avec un query selector du coup pour cibler le canvas

[@codeurdenuit8783]

@@Siplify yes

[@victorcalard6858]

On dirait un trans.

[@worldbest3097]

im so sad about this guy is french... even though it is, i use translate into english. Make Zeldat with javascript and three.js is reallly astonishing

[@worldbest3097]

please in english bro!

[@codeurdenuit8783]

kzbin.info/www/bejne/aJbMqY2Nnpx1qbssi=LL3vq6HHDn_Z9Lkk done

[@prateekthakur1848]

@@codeurdenuit8783 absolute madlad !!

[@bibiazerty]

Aucun rapport avec le contenu de la vidéo mais coupe toi les cheveux

[@Siplify]

aucun rapport avec la vidéo mais ferme la, tu n'as en aucun le droit de juger une personne de manière haineuse sur son apparence physique merci