Ouah incroyable, punaise je ne pensais pas que en france on avait des vidéos de qualités sur le sujet. Tu tombes bien moi qui voulais me lancer pour apprendre des animations pour les sites web
Sans doute un des meilleurs youtubeur programmation français. Je ne sais pas pourquoi tu n'as pas encore percé car tu n'as objectivement aucun défaut et que tu pourrais même t'exporter a un public plus large que la programmation étant donné que tu es un très bon communicant !
si je devait trouver un defaut, ca va trop vite, peut etre mieux separer les infos et leurs arrivé dans la video, que ce soit par un transition imagé par un texte ou autre
Pfiou je suis mort j'ai réussi le tuto complet, merci beaucoup à toi, pour ceux que ça pourrait aider à 14:17 il faut écrire geometry.setAttribute('position' , new THREE.BufferAttribute(positions, 3)) on ne le voit pas à l'écran Merci encore pour le tuto !
merci pour le montage de ta vidéo ! three.js est intéressant. Jusque là consulter la documentation des technos me fait toujours peur mais tu m'as aidé à débroussailler
J'en suis à 3:49, je mets pause pour liker et m'abonner. J'adore le contenu, ta façon d'aborder les détails, d'illustrer tes propos, le montage, le rythme, bref masterclass. Je m'en vais continuer la vidéo et découvrir ta chaine ensuite. Merci beaucoup
Je suis tombé sur la vidéo par hasard. Je suis artiste 3D avec quelques bases de dev, et j'ai réussi à tout suivre facilement. On s'ennuie pas, c'est bien expliqué, et en plus en français ! t'as le potentiel pour percer, continue comme ça !
Encore une vidéo délicieuse, je n'ai jamais touché à threejs et j'ai tout compris. C'était très bien expliqué et illustré. J'aime beaucoup la façon dont tu détailles le code, tu détailles pas à pas comment tu construis ton programme, c'est top !
Ca y est, j'ai regardé la vidéo, excellent. Je suis impressionné que tu sois allé aussi loin dans la présentation en seulement 17min tout en restant très clair, bravo ! Une question anecdotique-> à 6:00 tu utilises requestAnimationFrame() au début de la fonction loop or je croyais qu'il fallait le mettre à la fin de la fonction (comme tu le fais d'ailleurs plus loin). Ca fonctionne correctement quand on le met au début ?
Chouette vidéo, je connaissais déjà mais j'ai l'impression que les explications sont très claires. Tu parle de shaders juste après les géométrie, mais tu utilises les matériaux de Three.js; je ne conteste pas que les deux sont liés, mais ça peut être intéressant pour les débutants que le matériaux est une couche d'abstraction pour l'implémentation d'un shader et de ces uniforms (texture, matrices diverses, etc.). Je pense qu'une vidéo sur les shaders personnalisés pourrait en effet bien aider à lier ces concepts du GPU que tu introduis en début de vidéo, mais qui sont au final masqué par l'API de Three.js. D'ailleurs la belle animation sur laquelle tu conclus gagnerait sûrement en performance en étant calculée comme un Vertex Shader. Pour illustrer la différence entre calcul sur le CPU et le GPU, j'aime bien la vidéo que NVidia avait fait en partenariat avec Adam Savage.
C'est très stylé et je suis super content de voir un Français parler de ça :) Comme retour je dirais quand même que pour une première approche la démo sur la génération procédurale devient vite dure, je sais que si je suivais le tuto, ça serait un moment "pas agréable" ou je copie sans "vraiment comprendre", je ne sais pas si c'est bien clair ce que je dis, j'espère que tu vois l'idée, content d'avoir pu voir une première approche en tout cas !
Salut, merci beaucoup pour ta vidéo ! Elle est géniale ! Je pense que je vais tenter de le refaire ton tuto pas à pas. Petite question, à 3:01 tu dis que si on fait du low poly avec beaucoup d'objets ou alors un objet avec beaucoup de shaders, ça fait ramer. Ceci dit quand je pense aux jeux-vidéos, ils font (je crois) un système où le nombre de polygone est diminué avec la distance, three.js peux il faire ce genre d'optimisation ?
Masta na nga tes vidéos vraiment 🤩 Mais là j’ai une petite (grosse demande à te demander) Peut tu faire un tuto pour générer une planet de façon procedurale Genre Comment générer une sphère Générer les noises perlin Modifié chaque vertices de la sphère pour appliquer les noises perlins
Je vois très bien l'idée. Je vais y réfléchir. Par contre, TH-cam, c'est vraiment une activité parallèle pour moi, j'ai beaucoup de vidéos à faire, chacune demande beaucoup de préparation, code, script, montage... Mais j'ai très peu de temps à y consacrer, donc ça ne sera pas tout de suite
Superbe vidéo comme souvent sur cette chaîne. Tu me conseillerais quoi comme PC Portable ou ordinateur de bureau pour ne pas avoir de problème avec les rendus graphiques en Three.JS, WEBGL voire l'usage de Blender qui peut être couplé à Three JS s'il te plaît. Merci d'avance pour ta réponse
La camera se déplace de la même façon que les object3D : il faut manipuler la propriété position pour placer la camera et utiliser la méthode lookAt(x,y,z) pour indiquer la zone à cibler. threejs.org/docs/?q=camera#api/en/cameras/PerspectiveCamera. Dans la doc, remonte aux Class mères pour retrouver les props et méthodes disponibles 😉
Super tuto merci mille fois…. Je voulais te poser une question je suis dev junior avec du temp devant moi je voulais faire mon portefolio en Three js que me conseilles d’utiliser en plus de cette tech ?
Je te conseille de ne surtout pas te forcer à apprendre des technos simplement pour être bankable. On est toujours plus talentueux lorsqu'on suit ses aspirations, alors fais ce qui te passionne. Si tu n'as vraiment aucune idée, intéresse-toi aux entreprises ou projets qui t'inspirent, et essaie d’apprendre les technos qu’ils utilisent. Encore mieux, au lieu de créer un portfolio, lance-toi dans un vrai projet avec des utilisateurs. C'est la meilleure façon d'apprendre des compétences vraiment utiles pour toi (techniques et langage). Je ne suis pas le mieux placé pour te donner des conseils, il y a des développeurs bien plus opportunistes et carriéristes que moi.
pour ma part impossible de charger une image pour faire les textures avec .load() je ne comprend pas pourquoi ça ne fonctionne pas . puis-je t'envoyer mon code et tu pourrais me dire ou est mon erreur j'ai vérifié 10 fois mon code par rapport au tien je ne comprend pas ou je fais pas bien.
J'adore tes vidéos , je m'abonne, tu crois que tu peux nous faire une formation pour nous apprendre crée des jeux vidéo pour nous qui voulons l'apprendre, je fais du développement web et je m'ennuie c'est pas ma passion, les jeux vidéos sont ce que je veux faire
C'est un grille de points sur l'axe X Z, avec une variation de hauteur sur l'axe Y. Mur ou sol, tout dépend de la camera. Toute position est relative au point de vue ;)
c'est que moi ou ThreeJS n'a aucun sens je trouve. En terme de logique c'est tellement complexe pour rien je trouve. Il y aurai-t-il autre chose de plus logique ?
![Coder un Zelda Like [Javascript, THREE, Rapier] 01](http://i.ytimg.com/vi/WrVV-ToJILc/mqdefault.jpg)
![Coder un Zelda Like [Javascript, THREE, Rapier] 01](/img/tr.png)
Ouah incroyable, punaise je ne pensais pas que en france on avait des vidéos de qualités sur le sujet. Tu tombes bien moi qui voulais me lancer pour apprendre des animations pour les sites web
Sans doute un des meilleurs youtubeur programmation français. Je ne sais pas pourquoi tu n'as pas encore percé car tu n'as objectivement aucun défaut et que tu pourrais même t'exporter a un public plus large que la programmation étant donné que tu es un très bon communicant !
si je devait trouver un defaut, ca va trop vite, peut etre mieux separer les infos et leurs arrivé dans la video, que ce soit par un transition imagé par un texte ou autre
C'est incroyable, ça donne envie d'utiliser ThreeJS pour faire des projets toujours plus fou
J'ai découvert aujourd'hui un youtubeur programmation ET qui lit Berserk. En voilà un homme de goût
tu trouve toujours les mots pour nous expliquer tout simplement et clairement c'est se que Jaime chez toi
Bravo, c'est hyper bien expliqué, top référence pour moi. J'ai pris une claque et une bonne leçon.
Pfiou je suis mort j'ai réussi le tuto complet, merci beaucoup à toi, pour ceux que ça pourrait aider à 14:17 il faut écrire geometry.setAttribute('position' , new THREE.BufferAttribute(positions, 3)) on ne le voit pas à l'écran
Merci encore pour le tuto !
merci pour le montage de ta vidéo ! three.js est intéressant. Jusque là consulter la documentation des technos me fait toujours peur mais tu m'as aidé à débroussailler
J'en suis à 3:49, je mets pause pour liker et m'abonner.
J'adore le contenu, ta façon d'aborder les détails, d'illustrer tes propos, le montage, le rythme, bref masterclass.
Je m'en vais continuer la vidéo et découvrir ta chaine ensuite.
Merci beaucoup
Je suis tombé sur la vidéo par hasard. Je suis artiste 3D avec quelques bases de dev, et j'ai réussi à tout suivre facilement. On s'ennuie pas, c'est bien expliqué, et en plus en français !
t'as le potentiel pour percer, continue comme ça !
Incroyable, merci beaucoup ! Vraiment, ce tuto arrive pile au moment où j'avais besoin de m'y mettre, ça va me faire une bonne base
Encore une vidéo délicieuse, je n'ai jamais touché à threejs et j'ai tout compris.
C'était très bien expliqué et illustré. J'aime beaucoup la façon dont tu détailles le code, tu détailles pas à pas comment tu construis ton programme, c'est top !
Super vidéo, bravo pour ce travail très pédagogique et parfaitement réussi. Y'a plus qu’à !😏
merci, très bonne idée de sujet !
Ca y est, j'ai regardé la vidéo, excellent. Je suis impressionné que tu sois allé aussi loin dans la présentation en seulement 17min tout en restant très clair, bravo !
Une question anecdotique-> à 6:00 tu utilises requestAnimationFrame() au début de la fonction loop or je croyais qu'il fallait le mettre à la fin de la fonction (comme tu le fais d'ailleurs plus loin). Ca fonctionne correctement quand on le met au début ?
Super vidéo j’ai jamais essayé three.js mais ca ma donné envie de test des trucs !! Hâte les prochaines vidéos
Clair et limpide. Merci pour ce partage et de jouer avec mon côté nostalgique en utilisant des mesh FFIX et des musiques issues de la franchise 🎮
Félicitations pour votre travail et pour partager vos connaissances avec la communauté 😊
C'est vraiment très génial !!
Chouette vidéo, je connaissais déjà mais j'ai l'impression que les explications sont très claires.
Tu parle de shaders juste après les géométrie, mais tu utilises les matériaux de Three.js; je ne conteste pas que les deux sont liés, mais ça peut être intéressant pour les débutants que le matériaux est une couche d'abstraction pour l'implémentation d'un shader et de ces uniforms (texture, matrices diverses, etc.).
Je pense qu'une vidéo sur les shaders personnalisés pourrait en effet bien aider à lier ces concepts du GPU que tu introduis en début de vidéo, mais qui sont au final masqué par l'API de Three.js. D'ailleurs la belle animation sur laquelle tu conclus gagnerait sûrement en performance en étant calculée comme un Vertex Shader. Pour illustrer la différence entre calcul sur le CPU et le GPU, j'aime bien la vidéo que NVidia avait fait en partenariat avec Adam Savage.
C'est très stylé et je suis super content de voir un Français parler de ça :)
Comme retour je dirais quand même que pour une première approche la démo sur la génération procédurale devient vite dure, je sais que si je suivais le tuto, ça serait un moment "pas agréable" ou je copie sans "vraiment comprendre", je ne sais pas si c'est bien clair ce que je dis, j'espère que tu vois l'idée, content d'avoir pu voir une première approche en tout cas !
Merci pour cette initiation ! 👍
thanks for sharing, hope nexttime your make more tutorial with threejs.
Ta vidéo est incroyable merci beaucoup tu gère !
Magnifique ! Une suite ❤
Incroyable un grand merci !
Waoh Trop bien
J’y comprends que dalle mais la vidéo est géniale 😊
🤣
Tu explique très bien
🔥🔥🔥Une playlist complete s'il te plait
Vraiment incroyable tes vidéos 👍🏻
Je t'aime, je lance un projet tout de suite !
Superbe vidéo comme d'hab !!
I've descover my new jeday master, not talk french or much english but jajaja look like you're so smart
ma nouvelle bible merci pour ça
je m abonne direct 🙃
Trop bien
Le retour :DDDD
Salut, merci beaucoup pour ta vidéo ! Elle est géniale ! Je pense que je vais tenter de le refaire ton tuto pas à pas.
Petite question, à 3:01 tu dis que si on fait du low poly avec beaucoup d'objets ou alors un objet avec beaucoup de shaders, ça fait ramer.
Ceci dit quand je pense aux jeux-vidéos, ils font (je crois) un système où le nombre de polygone est diminué avec la distance, three.js peux il faire ce genre d'optimisation ?
Wow amazing tutorial
super vidéo bravo
T'es le goat 🙏
Pur banger
Grand merci pour cette vidéo vraiment qualitatif .
Possible d'avoir un tuto sur un projet complet ?
excellent
Merci 😀
Masta na nga tes vidéos vraiment 🤩
Mais là j’ai une petite (grosse demande à te demander)
Peut tu faire un tuto pour générer une planet de façon procedurale
Genre
Comment générer une sphère
Générer les noises perlin
Modifié chaque vertices de la sphère pour appliquer les noises perlins
Je vois très bien l'idée. Je vais y réfléchir. Par contre, TH-cam, c'est vraiment une activité parallèle pour moi, j'ai beaucoup de vidéos à faire, chacune demande beaucoup de préparation, code, script, montage... Mais j'ai très peu de temps à y consacrer, donc ça ne sera pas tout de suite
Gros et l 'avance de ton projet
hey pourrais tu expliqué pour afficher du text/page web(où video youtube ) directement sur la scène 3D et qui prend en change également l'occlusion ?
Superbe vidéo comme souvent sur cette chaîne.
Tu me conseillerais quoi comme PC Portable ou ordinateur de bureau pour ne pas avoir de problème avec les rendus graphiques en Three.JS, WEBGL voire l'usage de Blender qui peut être couplé à Three JS s'il te plaît.
Merci d'avance pour ta réponse
super video, tu peut expliquer le deplacement de la camera ?
La camera se déplace de la même façon que les object3D : il faut manipuler la propriété position pour placer la camera et utiliser la méthode lookAt(x,y,z) pour indiquer la zone à cibler. threejs.org/docs/?q=camera#api/en/cameras/PerspectiveCamera. Dans la doc, remonte aux Class mères pour retrouver les props et méthodes disponibles 😉
merci@@codeurdenuit8783
+1
Super tuto merci mille fois…. Je voulais te poser une question je suis dev junior avec du temp devant moi je voulais faire mon portefolio en Three js que me conseilles d’utiliser en plus de cette tech ?
Je te conseille de ne surtout pas te forcer à apprendre des technos simplement pour être bankable. On est toujours plus talentueux lorsqu'on suit ses aspirations, alors fais ce qui te passionne.
Si tu n'as vraiment aucune idée, intéresse-toi aux entreprises ou projets qui t'inspirent, et essaie d’apprendre les technos qu’ils utilisent. Encore mieux, au lieu de créer un portfolio, lance-toi dans un vrai projet avec des utilisateurs. C'est la meilleure façon d'apprendre des compétences vraiment utiles pour toi (techniques et langage).
Je ne suis pas le mieux placé pour te donner des conseils, il y a des développeurs bien plus opportunistes et carriéristes que moi.
Merci de ta réponse 😊
@@codeurdenuit8783 hé félicitations pour ces super tuto je te remercie
Woww
pour ma part impossible de charger une image pour faire les textures avec .load() je ne comprend pas pourquoi ça ne fonctionne pas . puis-je t'envoyer mon code et tu pourrais me dire ou est mon erreur j'ai vérifié 10 fois mon code par rapport au tien je ne comprend pas ou je fais pas bien.
j'ai trouvé je pensais que si il était au même endroit que mon js pas besoin de le spécifier mais si dsl
Salut tu utilise aussi Threlte.js (Thee.js mais pour svelte) ?
J'ai déjà testé. Mais comme pour RTF, je trouve ca encore moins pratique que threeJS vanilla
Besoin d'aide svp, Je n'arrive pas a incorporer gltfloader
J'adore tes vidéos , je m'abonne, tu crois que tu peux nous faire une formation pour nous apprendre crée des jeux vidéo pour nous qui voulons l'apprendre, je fais du développement web et je m'ennuie c'est pas ma passion, les jeux vidéos sont ce que je veux faire
tu peux me montrer comment tu promizes moi de mon coté malgré plusieurs essais ça ne fonctionne pas (oui je debute ^^)
Es-ce qu'on peut le faire avec electrons
Yes, j'ai déjà testé. Je compte bien faire un jeu steam un jour avec ça. 😄
J'ai pas compris comment le sol de la fin était pas un mur en fait...
C'est un grille de points sur l'axe X Z, avec une variation de hauteur sur l'axe Y. Mur ou sol, tout dépend de la camera. Toute position est relative au point de vue ;)
c'est que moi ou ThreeJS n'a aucun sens je trouve. En terme de logique c'est tellement complexe pour rien je trouve. Il y aurai-t-il autre chose de plus logique ?
Je suis dev et jai rien compris, rip
quel talent ! tu va atteindre le niveau de jarvidx9 www.youtube.com/@javidx9
t'as pas eu de proposition d'embauche ?
@@codeurdenuit8783 hum bonne idée.
Pas mal, mais pas assez d'explications (par exemple votre gltfloader "maison" introuvable)
J'ai appris trop de chose en même pas 2m30
Ok