Tuto THREE.JS [Javascript]

Рет қаралды 29,784

Күн бұрын

Пікірлер: 82

@gaelo9930 11 ай бұрын

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

@cibri_ Жыл бұрын

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 !

@baptistecruor9797 Жыл бұрын

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

@evildave1277 Жыл бұрын

J'ai découvert aujourd'hui un youtubeur programmation ET qui lit Berserk. En voilà un homme de goût

@Str4ky Жыл бұрын

C'est incroyable, ça donne envie d'utiliser ThreeJS pour faire des projets toujours plus fou

@georgesclerget 2 ай бұрын

Super vidéo, bravo pour ce travail très pédagogique et parfaitement réussi. Y'a plus qu’à !😏

@geekmps 8 ай бұрын

Bravo, c'est hyper bien expliqué, top référence pour moi. J'ai pris une claque et une bonne leçon.

@h.l7142 Жыл бұрын

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

@skirdo_dev Жыл бұрын

tu trouve toujours les mots pour nous expliquer tout simplement et clairement c'est se que Jaime chez toi

@theothergrayson801 Жыл бұрын

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 !

@ganon4 Жыл бұрын

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

@stephanioLABITEY-s9w 5 ай бұрын

Waoh Trop bien

@blokche_dev Жыл бұрын

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 🎮

@stethoscoop Жыл бұрын

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

@justelesnews Жыл бұрын

merci, très bonne idée de sujet !

@justelesnews Жыл бұрын

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 ?

@robintruvelot573 Жыл бұрын

Super vidéo j’ai jamais essayé three.js mais ca ma donné envie de test des trucs !! Hâte les prochaines vidéos

@AndersonMancini Жыл бұрын

Félicitations pour votre travail et pour partager vos connaissances avec la communauté 😊

@manucyan 5 ай бұрын

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 !

@AliasFR- Жыл бұрын

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 !

@HuynhLuong227 Жыл бұрын

thanks for sharing, hope nexttime your make more tutorial with threejs.

@Maxxamande Жыл бұрын

J’y comprends que dalle mais la vidéo est géniale 😊

@codeurdenuit8783 Жыл бұрын

🤣

@ardra246 Жыл бұрын

Merci pour cette initiation ! 👍

@sylvainschellenberger Жыл бұрын

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.

@alkaouditbabadembele5189 Жыл бұрын

C'est vraiment très génial !!

@ciblex5 11 ай бұрын

Ta vidéo est incroyable merci beaucoup tu gère !

@creepsjay Жыл бұрын

ma nouvelle bible merci pour ça

@kilboms9989 8 ай бұрын

Je t'aime, je lance un projet tout de suite !

@vinception777 Жыл бұрын

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 !

@onimushab3706 Жыл бұрын

Magnifique ! Une suite ❤

@ndekocode Жыл бұрын

🔥🔥🔥Une playlist complete s'il te plait

@manucyan 5 ай бұрын

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 ?

@369-davian 10 ай бұрын

I've descover my new jeday master, not talk french or much english but jajaja look like you're so smart

@GartiProd Жыл бұрын

Incroyable un grand merci !

@monsieur_enderman Жыл бұрын

Tu explique très bien

@i_naaq_i Жыл бұрын

Vraiment incroyable tes vidéos 👍🏻

@wolfgangekoringa3384 Жыл бұрын

je m abonne direct 🙃

@StephaneSavona Жыл бұрын

Superbe vidéo comme d'hab !!

@HuynhLuong227 10 ай бұрын

Wow amazing tutorial

@Vilebreken Жыл бұрын

Trop bien

@mateo08c Жыл бұрын

Le retour :DDDD

@qpYliqp Жыл бұрын

T'es le goat 🙏

@RedaBsr Жыл бұрын

super vidéo bravo

@enzogireaud5244 Жыл бұрын

Pur banger

@Gontran_ Жыл бұрын

Grand merci pour cette vidéo vraiment qualitatif . Possible d'avoir un tuto sur un projet complet ?

@micuit-cuit2 Жыл бұрын

super video, tu peut expliquer le deplacement de la camera ?

@codeurdenuit8783 Жыл бұрын

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 😉

@micuit-cuit2 Жыл бұрын

merci@@codeurdenuit8783

@NhaCaboVerdeRemix Жыл бұрын

Merci 😀

@tfgg1490 Жыл бұрын

Gros et l 'avance de ton projet

@saitokojiro7110 Жыл бұрын

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 ?

@rocramos6091 Жыл бұрын

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

@vladimirbenzema Жыл бұрын

excellent

@mutuon 4 ай бұрын

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 ?

@codeurdenuit8783 4 ай бұрын

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.

@mutuon 4 ай бұрын

Merci de ta réponse 😊

@mutuon 4 ай бұрын

@@codeurdenuit8783 hé félicitations pour ces super tuto je te remercie

@ngabafranck237 16 күн бұрын

Besoin d'aide svp, Je n'arrive pas a incorporer gltfloader

@mwlulud2995 6 ай бұрын

Salut tu utilise aussi Threlte.js (Thee.js mais pour svelte) ?

@codeurdenuit8783 6 ай бұрын

J'ai déjà testé. Mais comme pour RTF, je trouve ca encore moins pratique que threeJS vanilla

@claudetitcho1130 10 ай бұрын

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.

@claudetitcho1130 10 ай бұрын

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

@isidoremanzala1818 Жыл бұрын

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

@codeurdenuit8783 Жыл бұрын

Je vois très bien l'idée. Je vais y réfléchir. Par contre, KZbin, 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

@SaveCount-bh8tp 8 ай бұрын

Es-ce qu'on peut le faire avec electrons

@codeurdenuit8783 8 ай бұрын

Yes, j'ai déjà testé. Je compte bien faire un jeu steam un jour avec ça. 😄

@myriamsaidi3234 Жыл бұрын

Woww

@claudetitcho1130 10 ай бұрын

tu peux me montrer comment tu promizes moi de mon coté malgré plusieurs essais ça ne fonctionne pas (oui je debute ^^)

@anthonyn325 Жыл бұрын

J'ai pas compris comment le sol de la fin était pas un mur en fait...

@codeurdenuit8783 Жыл бұрын

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 ;)

@AtlasSprag Жыл бұрын

@Wyvern_014 Жыл бұрын

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

@RicardoLOURADEJESUS Жыл бұрын

Je suis dev et jai rien compris, rip

@Amine75001 Жыл бұрын

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 ?