This is amazing. I can't wait to see more content! Thanks for making this.

after only watching 12 minutes, I have to say this is really well done, and I am learning a lot. I have been playing with babyonJs for a couple of years, but I am still able to learn so much from this. I hope you are getting recognition for your talent and presentation skills. and thank you of course

Dude! You did it! Awesome...this increases the likelyhood that it'll catch on as more people find out about it.

@WaelYasmina

Жыл бұрын

I hope so

Solid video, should have more views. Clear audio and clearly presented, I hope the algorithms show you some more love bro.

Hi, I have just found out your channel and I must say you have some quality content here. Please continue what you do. Thank you

@WaelYasmina

Жыл бұрын

I sure will do. Thank you Sreehari

Great tutorial, beautifully executed and very helpful. Good job man. Thanks!

Great tutorial! Very thorough.

Finally, someone's doing a Babylon JS tutorial. Thank you. Subscribed

@WaelYasmina

Жыл бұрын

Thank you! This is only the 1st tutorial, many others are on the way

@blaqued5186

Жыл бұрын

@@WaelYasmina I'll be here for every last one of them.👍

Straight forward ! I love it

Very good Babylon tutorial, thank you!

thanks for the great tutorials!

Awesome 😃

very good video. Microsoft should hire you to do the babylonJs presentation at the annual .Net conferences . thank you

Your tutorials are great! Any chance you will do videos on Rapier, specifically RapierJS?

@WaelYasmina

Жыл бұрын

Thank you Sateesh. Yea maybe in the future.

Thank you ! Great tutorial! My question is - is it still needed to install the inspector? Because I tried Babylon today and it already had a built in inspector

Hello Wael, thanks for this useful video and really great quality! Also, what VS Code theme are you using pls? :)

@WaelYasmina

Жыл бұрын

Thank you bro! It's Github theme.

I'm trying to install babylon into Angular application, but it not work. Are there some tutorial about it?

Hey Wael. I have followed your three js tutorials but decided to give Babylon a try as well. I started my project of a gamified portfolio site with some game mechanics on Three, thinking that it would be better than Babylon as it is more lightweight (and I aimed for performance even on low-end devices) and has a bigger support community to ask help from and find examples, but as the project grew in ambition and scope and I started to implement things (such as controls), it seems that Babylon might be better suited to cut on development time and with comparable performance for the project. I have a question: In the Three tutorials, you always used Parcel as your bundler (which I followed) but you are changing to Vite here for Babylon (which I have heard good things about). Is there a reason for the change in bundler from three to babylon?

@WaelYasmina

Жыл бұрын

Hey Riel. You're such an inspiration thx for your precious time

@rielfox4

Жыл бұрын

@@WaelYasmina Thanks for your kind words, Wael. :) Just wanted to know if there was any reason you changed from Parcel to Vite when going from Three to Babylon or if it was just done to try out a new bundler?

@ayo__ayo

9 ай бұрын

​@@rielfox4Riel, just to answer your question in case you haven't gotten it yet, vite is crazy fast during development with live reloading. It also scaffolds out various projects right out of the box. For example, I'm a vue developer so if I wanted to make a vue project, I would run a command and have a vue project ready to go. Also, if you have at least node 16+, you can run '$ npm create vite@latest' and get a list of projects to scaffold out (Vue, React, Svelte, or even a vanilla javascript). It's great for development, and you don't even have to install anything new.

Weal Sir, I have been following your three js tutorials. But now I am confused on what library to use. Three js or Babylon js or something else. What library do you prefer for game development.

Possibly small-ish question: How would one choose between learning Three.js or Babylon.js? Is either specialized for a particular application that the other one is not?

@WaelYasmina

11 ай бұрын

Both are really great for literally any use case that crosses your mind. The main difference is that Babylon.js is like an all in one solution. While with Three.js you have the core library and then you can add plugins from different resources depending on what you need. Also the Babylon.js inspector is a huge plus.

This has been immensely helpful - thank you! Naturally, it's led me to many other questions. Like - how can i get code out of the json file exported from the Inspector to work properly in my main.js file. I'd like to use some of the camera settings i've created in the inspector, but i'm so new at java script and Babylon that i'm failing at every attempt. I see what looks like functional code in the exported JSON file, but i'm not sure where to paste it or if i need to reformat it at all. I'm also finding that just pasting code from the main.js file into the Playground blasts me with multiple errors about import statements being used outside of modules... and other such deal breakers. Any guidance on how to handle that stuff would be incredibly helpful, but i have a feeling this is just where i should sign up for an online java script class. *sigh* - regardless, this tutorial you've posted has gotten me further with Babylon than any previous attempts, and i've tried a few times. Thanks very much!

@WaelYasmina

11 ай бұрын

Thank you, I'm so glad That I provided some value! Yea unfortunately you need to struggle a lot when you make your first steps into any field. But the end results are definitely worth it. So yes you're right you need to have a good understanding of the essentials of Javascript/ES6. There are plenty of really good playlists or 1hour+ videos on KZread. Spend a couple days on that and you'll be good to go. The idea of exporting data entries from the inspector like the camera position never crossed my mind to be honest. So I'll see if I can make it a part of some future tutorial (thanks for giving me the idea lol). And also I HIGHLY recommend you check the official forum. The community is so great and the engineers of the library are so down to earth and they are always ready to help: forum.babylonjs.com/ this absolutely should be a bookmark on your browser.

@ia2604

11 ай бұрын

Funny thing - just after posting this (as is always the case), i noticed the minZ constructor being placed in that JSON file with the value i gave to it. I then went to the playground and found an example of minZ being used. I did it just like that and earned myself a victory. So - anyone reading this who might be as big a noob as i am and wondering the same thing, that's one way to go about it and help yourself.

@ia2604

11 ай бұрын

@@WaelYasmina Thanks very much for the pointers! I'll definitely start in on the JS/ES6 tutorials right away. I managed to add the forums to my favorites the other day, but haven't spent much time there yet. I'll definitely do some reading up there as i get more comfortable with all the nuts and bolts. Thanks again!

What's the point of node based programming if you have to learn code?

First step - install nodejs and restart VS

can i use other thing of earcut to make text works? it's not working with me

@WaelYasmina

10 ай бұрын

I don't think so. Do you get any error messages?

In your animation with the cows is a little mistake. Both cows have no shadow. Must I advise babylon.js to make a shadow ?

@WaelYasmina

11 ай бұрын

There's no mistake as I didn't add them to the shadowGenerator.

Nice tutorial, but how do I create a camera where you can't rotate the screen

@WaelYasmina

11 ай бұрын

Just *don't* add this: camera.attachControl(true); playground.babylonjs.com/#DWPQ9R#2206

@SadisticMindz

11 ай бұрын

@@WaelYasmina thanks, I'll sub on both my accounts

tell us / me why babylon?

@WaelYasmina

Жыл бұрын

It hasn't been so long that I started digging into the library but here are some of the things I like so far: - The animation system - The inspector - The node material editor I don't know how to phrase this but I do really like how they try to provide as many features they can so you don't have to look for 3rd party dependencies. You have almost everything you need integrated within the library.

@alvarobyrne

Жыл бұрын

@@WaelYasmina Thanks for answering. The only thing that comes to my mind is that 3D related stuff is a huge field and you'll always want 3rd party around, (3rd never better used, ha ha). But, hey, as developers, we should be used to change: well done!

....and not a fragment shader or positional matrix in sight🤣🤣 Usage of this framework will likely save folks a TON of time over raw WebGL!

Why use babylonJs instead of threeJs Please Tell us.

@WaelYasmina

Жыл бұрын

Both do the job. It's up to your experience and how comfortable you are with either of them.

@jantoko

11 ай бұрын

The performance is far better, Three is processing by WebGL, and Babylon using Webgpu, it more efficient. I'm curious if Three change into Webgpu and then we can compare it more fairly. For now Babylon is really good both performance and polished, you can compare it with ClayGL, it's a great potential with wgpu based engine.

@WaelYasmina

11 ай бұрын

@@jantoko Keep in mind that WebGPU is not yet 100% ready for shipping. It's still in the experimental phase. Also, you can actually use Three.js with WebGPU but the compatibility is not at the same level as Babylon.js/WebGPU as the Babylon team has invested way earlier on WebGPU than the Three.js devs.

@NARDINMONSTER

11 ай бұрын

@@jantoko But Most of the browser doesn't have support for webgpu and three is also moving ahead in direction of webgpu As I know three supports webgpu nowadays

@jantoko

11 ай бұрын

@@NARDINMONSTER Correct, I thought we can try it both, Three have additional web editor called Theatre it help for better Animation. ClayGL also a new library with wgpu.