Тёмный
Wael Yasmina
Wael Yasmina
Wael Yasmina
Подписаться
Hello there! Welcome to my channel.

I'm a part-time retailer and university teacher with a Computer Science engineering degree, but my true passion lies in creating content.

I aim to make this channel and website "heavens" for beginners eager to learn web technologies for free!

Want to join me on this journey? Hit that subscribe button and share the channel with your friends and family.
How To Make A Minimap In Three.js
8:56
9 месяцев назад
GLSL Snacks - Episode 9.0
1:51
10 месяцев назад
GLSL Snacks - Episode 8.0
1:40
10 месяцев назад
GLSL Snacks - Episode 7.0
1:18
10 месяцев назад
GLSL Snacks - Episode 6.0
1:22
11 месяцев назад
GLSL Snacks - Episode 5.0
1:28
11 месяцев назад
GLSL Snacks - Episode 4.0
1:00
11 месяцев назад
GLSL Snacks - Episode 3.0
1:09
11 месяцев назад
GLSL Snacks - Episode 2.0
1:20
11 месяцев назад
Комментарии
@ridwanchowdhury3904
@ridwanchowdhury3904 19 часов назад
The tutorial was amaizing but I have wasted a lot of time just vibing to the mujic
@-Dygex
@-Dygex 2 дня назад
When the spoon finally bends and you see the circle
@WaelYasmina
@WaelYasmina 2 дня назад
My cat said no
@mycloudvip
@mycloudvip 3 дня назад
Hi, can Pixi be used inside an EXPO React Native App? That would be so cool!
@WaelYasmina
@WaelYasmina 3 дня назад
Yes you can.
@Catcatj8m
@Catcatj8m 4 дня назад
Perfect🦹‍♂
@fujaielxrahman7352
@fujaielxrahman7352 5 дней назад
bro is back!
@amaranthus7737
@amaranthus7737 6 дней назад
If I know vanilla Three.js well enough, should I use React Three Fiber in some React apps?
@WaelYasmina
@WaelYasmina 6 дней назад
Definitely! And since you're knowledgeable about the fundamentals of the standard library, learning R3F would be easy.
@wajdiyasmina1196
@wajdiyasmina1196 6 дней назад
Seems useful as basic tip for a beginner like me 😅✌️
@WaelYasmina
@WaelYasmina 6 дней назад
I bet it's the animation that was the most helpful part 😁
@moddedlaker
@moddedlaker 9 дней назад
A life SAVEr!!!
@xrcryptodev
@xrcryptodev 9 дней назад
Wael, I mean this in the best way possible. Your intonation of English is not very engaging. The tones, the delivery, the feeling--it is the opposite of what you want to do, which is engage English-speaking audiences. If you study English intonation and flow and especially pitch, I think your channel will eventually become way more popular. It's too bi-tone right now and, as a native English speaker, turns me off and puts me into a sleep state. Best wishes and keep up the amazing content. You are one of the few creative coders who puts out quality content on this and also Pixi.js.
@gebbygebbers
@gebbygebbers 9 дней назад
Ahhh, pixi js. Mah favorite!
@railingbeak-cw9xg
@railingbeak-cw9xg 10 дней назад
what the difference between this and the yuka tutorial, I feel that as your project scales it might as well be done in yuka no?
@WaelYasmina
@WaelYasmina 9 дней назад
Yuka gives more natural and realistic movement whether it's with the progressive speed when the object initiate its movement and when it ends. Also, I don't know how to describe this perfectly, but the object doesn't move along the path exactly so it doesn't seem like a robotic movement but rather natural.
@thugdude6499
@thugdude6499 11 дней назад
Can you make this course a bit faster I really need to create projects using r3f
@IFIListen
@IFIListen 11 дней назад
You’re creating one of the best Three.js tutorials out there, thanks!
@shwetajain2713
@shwetajain2713 11 дней назад
How to put down sphere model at floor area?
@HuynhLuong227
@HuynhLuong227 11 дней назад
Hopefully, in the next series of articles you will make a game with three js
@Catcatj8m
@Catcatj8m 12 дней назад
😻
@saadhisham2754
@saadhisham2754 12 дней назад
Will be the best r3f course ISA ❤🎉
@KJHickums
@KJHickums 13 дней назад
can you update this video with the navigation mesh, were at blender 4.2 now
@edmashokmusic1692
@edmashokmusic1692 13 дней назад
Great tutorial. Now can you please make on how to make smooth transitions between animations?
@bigstick256
@bigstick256 13 дней назад
I already knew how to do this but this was still helpful
@WaliaIbex
@WaliaIbex 15 дней назад
Where is the next part ?
@WaelYasmina
@WaelYasmina 15 дней назад
I'm working on it.
@WaliaIbex
@WaliaIbex 15 дней назад
@@WaelYasmina excellent subscribed
@WaelYasmina
@WaelYasmina 15 дней назад
Thank you <3
@DeltaStudios1
@DeltaStudios1 16 дней назад
Unrelated to r3f - I would love to see a smoke shader in three.js! I've been searching for something to add a subtle smoking effect to a model so it looks almost like fog/steam floating off the model. Weareuprising uses a subtle effect on their site and i can't figure it out yet 💀 would love some insight
@JJ-Twenty
@JJ-Twenty 18 дней назад
Hi, i am trying to do the same project with your video reference.I copied all the images,soundeeffects and glb on to my folder.It is not comming on the local server.not able get those images in the code.The path everything is correct.still it is not loading.Please help me on this.Thank you in advance
@WaelYasmina
@WaelYasmina 18 дней назад
Any error messages?
@JJ-Twenty
@JJ-Twenty 18 дней назад
Not it is not showing nothing..Cards texture is black and 3d table is not visible and no sound effect too.
@WaelYasmina
@WaelYasmina 17 дней назад
Here's the repo: github.com/WaelYasmina/ecard Try and tell me if you still have the same problem.
@Catcatj8m
@Catcatj8m 18 дней назад
Yayyyy its here Finallyyyyyy
@i_AmCurious
@i_AmCurious 18 дней назад
R3F is so laggy with small RAM
@HuynhLuong227
@HuynhLuong227 18 дней назад
wow, amazing tutorial, waiting for next videos, and hope you make a game where people run to receive gifts
@jawadmdkhn
@jawadmdkhn 18 дней назад
Nice sir we are waiting for next videos
@alvarobyrne
@alvarobyrne 19 дней назад
can one not create a grapics instance,and with that graphics instance create the shapes. like `const g = new Graphics` , then `const rect = g.rect(0,0,10,10)`. then `const c = g.circle(20,,30,30)` and so on?
@knowercoder
@knowercoder 21 день назад
Thank you
@Dantalian_451
@Dantalian_451 21 день назад
Nice, thanks!
@anandhuas5530
@anandhuas5530 23 дня назад
Thankyou so much ❤
@alexfrozen
@alexfrozen 24 дня назад
@markomatic8459
@markomatic8459 24 дня назад
Please add more videos like this, very nice!
@vnnck
@vnnck 28 дней назад
Nice, what a timing man! Actually now got interested in Pixi.js after a year working with three.js/r3f. Really nice one!
@user-xu6px2tz5i
@user-xu6px2tz5i Месяц назад
Please can you do this tutorial in react?
@WaelYasmina
@WaelYasmina Месяц назад
I'm currently working on it. It may just take some time to get it ready as I'm quite a bit busy with life :/
@ShasidharKanchu
@ShasidharKanchu Месяц назад
You deserve a minimum of 100k subs❤ but I am not sure why RU-vid is not pushing your channel. Your content is great. Keep going💎
@WaelYasmina
@WaelYasmina Месяц назад
Thank you brother, I appreciate it!
@zdmgy3778
@zdmgy3778 Месяц назад
Content to look forward to every day
@27su58
@27su58 Месяц назад
Don't forget const sphereMaterial = new THREE.MeshLambertMaterial({ color: 0x0000FF, wireframe: false, }); MeshLambertMaterial => MeshBasicMaterial otherwise,gui.addColor(options, 'sphereColor').onChange(function(e) { sphere.material.color.set(e); }); sphere can't change color.The reason is LambertMaterial is abosulutly black without the light.
@siraj_safed
@siraj_safed Месяц назад
I'm so excited for this one, thank you so much Wael, your effort is very appreciated 🤝.
@Catcatj8m
@Catcatj8m Месяц назад
Hi amazing series can u pls start react three. Js tutorial as well❤
@WaelYasmina
@WaelYasmina Месяц назад
It's coming 😉
@Catcatj8m
@Catcatj8m Месяц назад
@@WaelYasmina omggg yayy so excited ❤
@HuynhLuong227
@HuynhLuong227 Месяц назад
Wow easy to learn 🎉🎉🎉
@Theonewhoknocks422
@Theonewhoknocks422 Месяц назад
Its obviously A becausewatched a 3blue1brown video on quarternions ten minutes ago
@WaelYasmina
@WaelYasmina Месяц назад
You're god dang right.
@cabezaCode
@cabezaCode Месяц назад
Js y three.js
@ryannguyen1338
@ryannguyen1338 Месяц назад
Thank you, youre the best man!
@riza4329
@riza4329 Месяц назад
thanks very much
@artofunseen
@artofunseen Месяц назад
Can we tecah the third person control which is in three js Pointerlockvontrols example
@zdmgy3778
@zdmgy3778 Месяц назад
Well done, just a few weeks ago I read your pixi v8 article and implemented my first pixi app, good luck with this series!
@AdityaYadav-py9yz
@AdityaYadav-py9yz Месяц назад
great article, glad i came across your work. Especially the illustrations <3
@AjaxMinecraft16.
@AjaxMinecraft16. Месяц назад
great tutorial btw im using sublime text 4 and the browser sync extension and it works great. edit1: at 35:24 i had some issues with loading the images because im not using parcel so instead of doing import name from img file i instead did let name = img file.
@issabourasse
@issabourasse Месяц назад
love to see the next EP , good work 😁😁