Un projet aussi propre que les technos choisis en plus d'une architecture sans fioritures, comme d'habitude, tu es au top ! 🔥🔥🔥 Aux bots RUclips je dis : Met du référencement sur son nom, "met en plein, met en plein" !
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 :)
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 🔥
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!
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 !
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.
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 !
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) ?
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 ?
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.
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
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. 😅
@@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)
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
![Coder un Zelda Like [Javascript, THREE, Rapier] 02](http://i.ytimg.com/vi/SWc4tKHVye4/mqdefault.jpg)
![Coder un Zelda Like [Javascript, THREE, Rapier] 02](/img/tr.png)
![BLACK BAG - Official Trailer [HD] - Only in Theaters March 14](http://i.ytimg.com/vi/Du0Xp8WX_7I/mqdefault.jpg)
![Tuto THREE.JS [Javascript]](/img/1.gif)
Un projet aussi propre que les technos choisis en plus d'une architecture sans fioritures, comme d'habitude, tu es au top ! 🔥🔥🔥
Aux bots RUclips je dis : Met du référencement sur son nom, "met en plein, met en plein" !
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.
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 !
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 :)
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 🔥
Le crack du code est de retour 🎉
C'est super intéressant ! On attend la suite avec impatience, merci à toi !
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!
Cette vidéo est incroyable et ma appris plein de chose. Merci Codeur de Nuit
Merci pour ce tuto. Content que t'es enfin fini ton projet novel... Bonne continuation 🎉
Vraiment trop chill tes vidéos ^^ C'est hyper intéressant, j'aime beaucoup ton clavier ASMR friendly aussi 😂
Tu as fais ça en JavaScript t'es balèze mec 👏🏾
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
Merci beaucoup pour tes vidéos, elle m'inspire vraiment beaucoup
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 !
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..
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.
J'ai trop hâte de voir la suite
Excellente vidéo ! Merci beaucoup 🙏🏻
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…
hate de voir la suite ! :D
ho Une vidéo sa fait longtemps cool
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 !
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) ?
Ca +1 direct, retour en flamme
Yeaaah le retouuuuur !!
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 ?
Respect
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.
Your video has been reuploaded and dubbed in English, is that your doing?
Yes, because youtube doesn't give me access to multi-language audio. I have to have one channel per language.
@@codeurdenuit8783Good to know!
seems to be missing "OrbitControls", I can't rotate or zoom in/out the world?
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.
github.com/codeurdenuit/fkisios/tree/main/step_00 if you need the code
@@codeurdenuit8783 yes, thanks for reply, wait next video for this tutorial. Respect you...
Super vidéo(pourquoi utiliser rapier et pas cannon ?)
Thank for sharing
Peux-tu le faire sur android
As-tu des conseils de tutos pour la POO en js ?
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
@@codeurdenuit8783 ok, merci bcp. Je vais commencer par ça !
Pourquoi ne pas utiliser React Three.js ?
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. 😅
@@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)
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
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
je le reproduit de A a Z pour le développement je trouves ca plus pratique pour bien comprendre chaque partie du code@@codeurdenuit8783
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
je le fais avec un query selector du coup pour cibler le canvas
@@Siplify yes
On dirait un trans.
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
please in english bro!
ruclips.net/video/2eixZWi7BsY/видео.htmlsi=LL3vq6HHDn_Z9Lkk done
@@codeurdenuit8783 absolute madlad !!
Aucun rapport avec le contenu de la vidéo mais coupe toi les cheveux
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