- Видео 40
- Просмотров 200 339
Codeur de Nuit
Франция
Добавлен 28 авг 2021
Comment devenir développeur de jeux vidéo ? Selon moi, par la pratique.
Jeux vidéo, programmation, graphisme, je partage avec vous mon cheminement, ma progression et mes futurs projets.
J'ai une préférence pour les jeux Rétros et Pixelarts.
Je parle Javascript, C#, Blender, serveur, WebRTC, VR et gamedesign.
Certaines vidéos sont assez techniques, mais l’objectif principal reste le divertissement 😉
Jeux vidéo, programmation, graphisme, je partage avec vous mon cheminement, ma progression et mes futurs projets.
J'ai une préférence pour les jeux Rétros et Pixelarts.
Je parle Javascript, C#, Blender, serveur, WebRTC, VR et gamedesign.
Certaines vidéos sont assez techniques, mais l’objectif principal reste le divertissement 😉
Coder un Zelda Like [THREE.JS, Audio] 04
Dans cette vidéo, j’explique comment coder la partie audio d’un jeu ThreeJS.
Le jeu : novelstudio.itch.io/zeldalikedemo
Le code : github.com/codeurdenuit/fkisios
- Intro 00:00
- SoundManager 01:00
- Sync Audio & Animation 02:30
- Variability 07:55
- Dynamic sound 09:11
__________________________________________________
Patreon : www.patreon.com/codeurdenuit
Discord : discord.gg/khRUyDuhZ8
NovelStudio : www.novelstudio.art/
My twitter : Codeur_de_nuit
Musique : @MarblePawns www.patreon.com/marblepawns
Le jeu : novelstudio.itch.io/zeldalikedemo
Le code : github.com/codeurdenuit/fkisios
- Intro 00:00
- SoundManager 01:00
- Sync Audio & Animation 02:30
- Variability 07:55
- Dynamic sound 09:11
__________________________________________________
Patreon : www.patreon.com/codeurdenuit
Discord : discord.gg/khRUyDuhZ8
NovelStudio : www.novelstudio.art/
My twitter : Codeur_de_nuit
Musique : @MarblePawns www.patreon.com/marblepawns
Просмотров: 2 706
Видео
Coder un Zelda Like [THREE, Animation] 03
Просмотров 2,3 тыс.9 месяцев назад
Tuto ThreeJS pour créer un jeu vidéo Zelda. Dans cette vidéo on va s’occuper de l’animation du personnage. Le jeu : novelstudio.itch.io/zeldalikedemo Le code : github.com/codeurdenuit/fkisios - Intro 00:00 - Blender 00:51 - Loader 01:56 - Shadow 03:48 - Rotation 04:47 - Animation 08:00 Pour me soutenir sur Patreon : www.patreon.com/codeurdenuit Discord : discord.gg/khRUyDuhZ8 Twitter : twitter....
Coder un Zelda Like [Javascript, THREE, Rapier] 02
Просмотров 3 тыс.9 месяцев назад
Partie 2 : Tuto ThreeJS pour créer un jeu vidéo Zelda. Moteur graphique, moteurs physique, level design, je détaille chaque étape. Le jeu : novelstudio.itch.io/zeldalikedemo Le code : github.com/codeurdenuit/fkisios - Intro 00:00 - RigidBody Fixed 00:46 - RigidBody Dynamic 04:30 - Gamepad 07:01 - Drift: 09:06 - Camera 09:45 Pour me soutenir sur Patreon : www.patreon.com/codeurdenuit Discord : d...
Coder un Zelda Like [Javascript, THREE, Rapier] 01
Просмотров 10 тыс.10 месяцев назад
Tuto ThreeJS pour créer un jeu vidéo Zelda. Moteur graphique, moteurs physique, level design, je détaille chaque étape. Le jeu : novelstudio.itch.io/zeldalikedemo Le code : github.com/codeurdenuit/fkisios - Intro 00:00 - Install 01:14 - Scene 01:56 - Camera 03:30 - Light: 04:54 - GraphicEngine 06:42 - Assets 08:51 - World 10:58 - Player 13.00 - Demo 15:00 Musique : @MarblePawns www.patreon.com/...
Tuto THREE.JS [Javascript]
Просмотров 30 тыс.Год назад
Comment créer des jeux vidéo et applications 3D avec THREE.JS.? Shader, Mesh, animation et génération procédurale, j’explique tout Démo : github.com/codeurdenuit/DemoThreeJS 00:00 - Intro 00:39 - WebGL 03:25 - Installation 04:10 - Afficher une géométrie 05:41 - Animer une propriété 06:40 - Shader et texture 07:57 - Importer une géométrie 09:16 - Animation morphing 10:29 - Animation skinning 12:...
Pourquoi choisir Svelte
Просмотров 23 тыс.Год назад
Entre Angular, React et Vue, difficile de choisir. Mais l'arrivée de Svelte a tout changé. Enfin un UI Framework léger, simple, et modulaire ! Démo : github.com/codeurdenuit/svelte-demo 00:00 - Intro 03:23 - Configuration 04:43 - Création d'un composant 06:08 - Utilisation d'un composant 06:19 - Attributs 06:44 - Attributs réactifs 07:48 - Dom Events 08:14 - Custom events 09:04 - Affichage cond...
CODER un JEU optimisé (Je vous raconte mes galères)
Просмотров 3 тыс.Год назад
J’ai dû optimiser mon projet et je vous partage mes astuces. Simplifier les shaders, limiter les instructions, ou optimiser ses textures, etc. Il y a plein de solutions Pour me soutenir sur Patreon : www.patreon.com/codeurdenuit Discord : discord.gg/uCE7arx3vs Mon site : www.codeurdenuit.fr Mon twitter : Codeur_de_nuit Sur cette chaîne, je parle programmation, graphisme, gamedesign....
Une chaîne de développeurs
Просмотров 2,2 тыс.Год назад
Avenir de la chaîne, tuto code, astuces ou développement de jeu 3D, A vous de choisir Pour me soutenir sur Patreon : www.patreon.com/codeurdenuit Discord : discord.gg/uCE7arx3vs Mon site : www.codeurdenuit.fr Mon twitter : Codeur_de_nuit Sur cette chaîne, je parle programmation, graphisme, gamedesign. Je partage avec vous mon cheminement, ma progression et mes futurs projets. Je don...
Game Designer, Scénariste ou Développeur, qui êtes-vous ?
Просмотров 1,8 тыс.Год назад
Enfin , l'éditeur de Visual Novel permet de créer des scènes. Mais le développement devient difficile. Il est plus facile de développer un jeu ou une chaîne quand on connaît son audience. Questionnaire : forms.gle/XcpjahsyUGbZEH6q7 Pour me soutenir sur Patreon : www.patreon.com/codeurdenuit Discord : discord.gg/uCE7arx3vs Mon site : www.codeurdenuit.fr Ma chaine : ruclips.net/channel/UCisX035rh...
Digital Painting [ The Legend of Zelda, Majora's Mask ]
Просмотров 570Год назад
I'm totally fan of Zelda, and especially of the atmosphere of Majora's Mask.I've been learning to draw for almost a year now and I put all my knowledge on this creation. I reproduced my vision as faithfully as possible. Thanks again to MarblePawns. Your music inspired me www.youtube.com/@MarblePawns Go see his channel 👍 Discord : discord.gg/uCE7arx3vs Site : www.codeurdenuit.fr
Créer un scénario pour Visual Novel
Просмотров 4,4 тыс.Год назад
Créer un scénario avec différentes branches, c'est la base des visual novels. Je vous présente l'éditeur d'arbre scénaristique. Développer un éditeur de jeux vidéo, c'est long et itératif. Pour me soutenir sur Patreon : www.patreon.com/codeurdenuit Discord : discord.gg/uCE7arx3vs Mon site : www.codeurdenuit.fr Ma chaine : ruclips.net/channel/UCisX035rh3DHUpYR9cBG8bA Mon twitter : Co...
Conduite autonome par DEEP LEARNING (#2/2)
Просмотров 1,8 тыс.2 года назад
Conduite autonome par DEEP LEARNING (#2/2)
Conduite autonome par DEEP LEARNING (#1/2)
Просмотров 2,2 тыс.2 года назад
Conduite autonome par DEEP LEARNING (#1/2)
Création d'un éditeur de Visual Novel
Просмотров 2 тыс.2 года назад
Création d'un éditeur de Visual Novel
Architecture d’un moteur de Visual Novel
Просмотров 3,2 тыс.2 года назад
Architecture d’un moteur de Visual Novel
Coder un jeu io (#4 IA et multijoueur)(remake)
Просмотров 1,6 тыс.2 года назад
Coder un jeu io (#4 IA et multijoueur)(remake)
La naissance d'un JEU (#3 génération procédurale)
Просмотров 3,1 тыс.2 года назад
La naissance d'un JEU (#3 génération procédurale)
La naissance d'un JEU (#2 développement itératif)
Просмотров 2,4 тыс.2 года назад
La naissance d'un JEU (#2 développement itératif)
Coder un jeu io ( #1 : Infrastructure multijoueur )
Просмотров 7 тыс.3 года назад
Coder un jeu io ( #1 : Infrastructure multijoueur )
Défi : Coder un jeu VR en 7 jours ( #5 : Résultat Final )
Просмотров 2,4 тыс.3 года назад
Défi : Coder un jeu VR en 7 jours ( #5 : Résultat Final )
Défi : Coder un jeu VR en 7 jours ( #4 : IA et Gameplay )
Просмотров 1,5 тыс.3 года назад
Défi : Coder un jeu VR en 7 jours ( #4 : IA et Gameplay )
Défi : Coder un jeu VR en 7 jours ( #3 : Modélisation et Animation )
Просмотров 3,2 тыс.3 года назад
Défi : Coder un jeu VR en 7 jours ( #3 : Modélisation et Animation )
Défi : Coder un jeu VR en 7 jours ( #2 : Level Design )
Просмотров 3 тыс.3 года назад
Défi : Coder un jeu VR en 7 jours ( #2 : Level Design )
Je vois de grosses similitudes avec ReactJS sur l'approche avec les composants. Pour ma part je me concentre exclusivement sur React mais peut être que Svelte sera dans ma wishlist
Merci et bravo ! On dirait que les notions de 3D sont simplement illustrées avec Blender, et que le (moteur de) jeu soit fait en JavaScript. La toute première vidéo semble avoir disparu, au passage.
Bonsoir, Ce tutoriel est vraiment claire, pointu tout en restant accessible. En seulement 4 épisodes, il y a une mines d'or d'informations. Tu n'as rien à envier aux meilleurs dans le domaine (grafikart notamment que je suis beaucoup pour le dev web). Dommage que la serie se soit arrêté ici. En espérant retomber un jour sur un autre de tes tuto
Besoin d'aide svp, Je n'arrive pas a incorporer gltfloader
Codeur de nuit, je suis un grand fan, il est trop top ce gars ! il explique bien, parle bien, et super compètent en plein de sujets informatiques, je regarde ses vidéos même quand elles me dépassent lol
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!
Très bons conseils, expérimentés et approuvés 🫡
J'ai une question bête, mais est ce que utiliser un SVG aurai pas permis de triché en ayant autant de couche que nécessaire tout en étant techniquement qu'une seule image ?
Hélas non. Les images chargées dans la VRAM sont des matrices où chaque pixel contient toujours un maximum de 4 flottant RGBA. Les images SVG sont interprétées par un moteur qui en fait une matrice de pixel RGBA aussi
ou en es tu aujourd'hui?
Le projet est en bêta et disponible depuis un an. Je n'ai pas encore lancé de campagne de vente, c'est encore très confidentiel, mais il se vend déjà et a trouvé sa communauté. Je viens de sortir une nouvelle version et vais bientôt démarrer la campagne de vente. Mon seul regret est de ne pas m'être lancé plus tôt.
Excellente video !
On dirait un trans.
Super vidéo, bravo pour ce travail très pédagogique et parfaitement réussi. Y'a plus qu’à !😏
JE M ABONNE DIRECTE ....
C'est quoi le logiciel a 6:05 ?
Salut à toi Codeur de nuit, je n'écris jamais de commentaires mais la, je m'y sens obligé. Je viens de découvrir ta chaine par le biais de ta série de vidéos sur ton projet ou tu codes un jeu vr avec webXr et threeJs. J'ai poursuivi le visionnage jusqu'à arriver à cette dernière vidéo hélas. Tout d'abord, un grand bravo pour tout ce contenu ! Tu as énormément de qualités diverses qui te permettent de produire des projets en t'occupant de tous les aspects et ça fait plaisir à voir. Je me retrouve un peu dans tout ça étant dev web full stack et dessinateur à mes heures perdues. C'est donc très inspirant pour moi pour me lancer dans ce coté gaming du développement. Je suis triste que tu n'aies pas quantité de vues (pourtant il y avait tous les ingrédients pour...) et pour le coup, c'est bien triste que l'algo youtube ne pousse pas en avant des vidéos aussi qualitatives que les tiennes (comme beaucoup d'autres malheureusement). Peu importe ou tes projets te mènent, je tiens à te remercier pour le contenu que tu nous as partagé, pour tes passions, pour le temps que tu as accordé à tout ça. Tous les dev qui passent par ici seront ravis j'en suis sur ! Donc je te souhaite la réussite dans ce que tu entreprends et si jamais tu produis du nouveau contenu, nous serons la pour apposer nos pouces bleus :)
Salut Je suis étudiant en médecine avec un grand intérêt croissant pour l'informatique. Actuellement, je travaille sur un projet que je pense avoir un fort potentiel pour toucher un large public. Je suis vraiment impressionné par la manière dont vous expliquez l'informatique dans vos vidéos. Vos conseils ou votre expertise seraient extrêmement précieux pour m'aider à faire avancer ce projet. Pourriez-vous me donner un coup de pouce ou des orientations ? Je vous en serais très reconnaissant. Merci beaucoup pour votre attention ! Cordialement,
de la balle!
de ou vien le texture? et o passage bravo ce tre bien explique
il ya un mouayin de te contacte?
pour cree un jue multijouer on peux cree le jue et aprre le randre multi jouer ou non (comment ca marche??)
Mais cette chaîne est juste incroyable en fait. Instant sub.
Super 😮🎉😮
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
Salut, excuse-moi j'ai de gros soucis pour exporter en gltf tu pourrais en faire une vidéo ?
Le lien du serveur Discord ne fonctionne pas (pour moi en tout cas)?
Juste pas d'IA, sa t*e la création... Et il ne faudrait pas que de mauvaises personnes renie tout le projet pour ça aussi de trop.
L'option store et assets graphique 2D me plait beaucoup! Si on peut aussi mettre gratuit pour nos assets, je dis oui direct!! (A part si c'est un gros "pack" parceque c'est long et complexe à faire si il faut prendre en compte pleins de choses). Pour la 3D, j'ai peur que en tant que créateur de VN, sa reste encore trop compliqué pour moi et beaucoup de gens dans mon cas car comment simplifier de la 3D pour que sa reste compréhensible pour tout le monde? Vraiment je ne sais pas car il ne faudrait pas non plus que se soit trop limité... Mais pour la première fois de ma vie, si j'arrive à utliser la 3D, vous pouvez être sûr que vous aurez réussit cette partie!
Je suis tombé sur une autre vidéo de ta chaîne qui en parle juste en cherchant sur Google Chrome: ""crateur de visual novel avec interface graphique" pour justement ce genre de logiciel que tu souhaites faire et tout à l'air incroyable!! Je dessine et je fais tout le reste aussi habituellement sur Ren'py mais l'histoire (pourtant que cinétique malgré mes concepts), me prend déjà énormément de temps (sur les 1 ans en étalant (je n'y arrive pas toujours et je ne le fais que quand je le sens bien comme ça j'avance d'un coup très vite et en trois fois au total, j'ai terminé toute l'intrigue très détaillée de ma première histoire pour VN terminée)! Mais comme à chaque fois je dois me replonger comme réapprendre comme il faut Ren'py avec son code spécifique et qui ne permet pas tout alors que pourtant il y a des choses très basiques que j'aimerai faire comme permettre au joueur de customiser la boîte de dialogue par exemple (j'aimerai trop car j'aime beaucoup trouver pleins de visuels pour ça), sa devient vite trop compliqué pour moi et les ressources sont quasimment toutes en anglais aussi et ce n'est pas des choses qui sont bien traduites comme le code, c'est toujours en anglais... Donc vraiment, si je pourrai un jour faire une bonne partie de mon VN dessus!
Merci pour ton tuto ! Petite question, Dans ton cas, tu as fait des boîtes dans blender, puis dand three js tu as créé des Box3 qui les "superposent" disons, puis en fonction de si on est dans ces Box3 tu as fait jouer les évènements sonores. Je souhaiterai faire de même avec n'importe qu'elles formes (par exemple des éllipses pour des routes), et je ne peux pas utiliser des Box3, est il possible via Blender, de par exemple peindre une surface précisément, ou alors utiliser un material que sais-je, et dans three.js dire que si le perso est en contact avec ce material alors ça déclenche un événement ? Merci.
Excellent! Oui dans l'industrie le PID est la base d'une bonne partie de notre travail. Tes idées de recherches sont top. J'avais fait un travail equivalent en master recherche IA il il a bien longtemps. Intéressant de voir que IA et imagerie reste encore étroitement liés chez les bons dev juniors aujourd'hui! Encore bravo ❤
Peux-tu le faire sur android
Salut. Une idée que j’ai en tête depuis longtemps, mais je ne suis pas programmeur. Une matrice de 50x50, en calculant toutes les possibilités de la remplir avec des 0 et des 1, pour que visuellement ce soit mieux, avec des cafés noirs. Les 1 seraient un carré noir, les 0 des carrés blancs. Récupérer tout cela dans des fichiers. Je pense que tu dois pouvoir créer un code ultra rapide, et aussi pourquoi pas s’aider de la carte graphique. Une matrice de 50x50, mais si tu peux faire plus c’est nickel. De ce fait, on obtiendrait tout ce qui peut s’afficher dans cette matrice…. Les lettres de l’alphabet, les nombres, des visages, etc… Je pense que tu as saisi l’idée, je ne sais pas si ça a déjà été fait. Cela ferait tout un tas d’images à interpréter, tu pourrais par exemple en donner x images à des abonnés qui le veulent, et ils pourraient regarder si ils trouvent des trucs intéressants. Pour cela, il leur faudrait un programme qui fasse l’inverse, passer du tableau matriciel sous forme d’image. Je sais pas ce que tu en Penses, j’ai déjà posté l’idée sur des forums, mais personne ne sait faire … Remplir un tableau avec des 0 et des 1 de toutes les possibilités ça doit pas être sorcier pourtant. Ce serait sympa si tu pouvais me dire ce que tu en penses.
Nicely done. The lighting with the fairy was a very good aspect! (I’m an artist too, I notice stuff! 😂)
Waoh Trop bien
Bon, j'ai terminé 100% de coder tout ton tuto, tout fonctionne (et c'est déjà un miracle pour un tuto youtube) sauf le fichier world2.glb c'est dommage mais ce n'est pas grave je suis resté sur le world0.gbl, en tout cas merci beaucoup, ce fut très difficile (j'ai mis environ 2h pour 15minutes à chaque fois). Beaucoup de concepts intéressant, très édifiant en effet tu taquines sur beaucoup de niveaux bravo !
Merci pour la vidéo
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 !
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 !
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 ?
Perso pour moi c'est React :)
pour l'ombre du skinned mesh, tu as la fonction native dans l'objet Mesh : mesh.traverse((child) => { if (child.isMesh) child.castShadow = true })
Superbe vidéo je viens de découvrir ta chaîne dis tu utilise quel langage pour coder r Tes jeux?
C'est quoi ton avis sur svelte 5 et les runes? Je trouve ça tellement decevant pour certains aspect... Tu l'utilise ou pas? A partir de la svelte 6 tout plus possible d'utiliser les fonctionnalité de svelte 4...
Je trouve le principe des runes totalement absurde. La contrainte n'était pas du tout gênante et permettait d’avoir un code épuré. Avec Svelte 5 tout est surchargé, c’est aussi moche que du React ou du Vue. Ça détruit l'intérêt de Svelte.
@@codeurdenuit8783 Je pense pareil effectivement mais il nous oblige à les utilisés parce que les fonctionnalité de svelte4 sera entierement supprimé quand svelte5 sera stable. Je suis tombé amoureux de svelte et sa simplicité (et légereté!) mais bon les runes détruit un peu l'aspect de svelte. Après si sa peut résoudre des conflit dans une grande codebase ok j'avoue qu'un $state() est plus clair mais bon... Parcontre sveltekit c'est une dinguerie!! Y en a marre de nextjs et ces 30 milles lib pour gérer des actions...
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
mon character ne touche pas le sol. pourquoi?
Deux possibilités. Soit la position du rigidBody du personnage est trop basse, soit la position de mesh est trop haute dans l'instance du personnage.
7:00 pourquoi certains gobelins glissent-ils quand je fais la même chose ?
Est ce que vous donnez des cours sur internet😢😢😢
Désolé, j'ai vraiment pas le temps pour le moment. Peut être un jour 😅
Mais quel talent ! Tu gères tout et avec une qualité à tous les niveau, félicitation !!! Je viens de te découvrir et j'ai tout regardé d'une traite, je suis fan ^^ Si tu as le temps effectivement, j'aurai 2 suggestions : 1. Drop un objet dans un coffre (comme tu l'as dis) et l'équiper. 2. Le système de dégâts En espèrent que tout tes projets se portent à merveilles et qu'on va pouvoir te revoir pour la suite de ce fabuleux Zelda Like \m/.
L'introduction aux shaders est top ! Le jeu aussi d'ailleurs, bien joué ! :D
avec tes lunettes et ton intonation on dirait thomaths. Sinon cool le tutoriel très utile