Mohit Kumar Toshniwal

In this channel, I share my learnings from Webdev to Mobile application Development to 3D to Interview Preparation to XR(AR/VR/MR) to .......

As you might have noticed, the topics are quite broad and since it is not feasible to create all videos at the same time, I like to focus on creating videos on topics which I have interest in in the present time and also videos which have more active comments, since comments give me clarity on the interest in those topics.

So, if you want me to focus on particular topics, do comment on those videos.

1 year ago (edited) | [YT] | 1

Mohit Kumar Toshniwal

In this last video of my Webxr with Three.js and React (React There Fiber) YouTube playlist, as I have promised in the beginning of this playlist, we will be building the xr experience as shown below.

Frankly, you will realize how easy it is to do so since we have already done a lot of the ground work in the previous videos.

Video link: https://youtu.be/fowh0nJpnQ8
Playlist link: youtube.com/playlist?list=PLp...

#javascript #learning #webxr #augmentedreality #webar #beginners #youtube #video #building #experience #threejs #r3f #react #reactjs #reactdeveloper

2 years ago | [YT] | 1

Mohit Kumar Toshniwal

In this fifth video of my Webxr with Three.js and React (React There Fiber) YouTube playlist, we will be using dom overlay provided by webxr api to use button elements. And our model will play different animations based on the different button clicks.

This opens up a lot of possibilities for us to use our already existing html knowledge to build powerful AR experiences for the web.🤯

Video link: https://youtu.be/4dC_7onHn4U

Playlist link: youtube.com/playlist?list=PLp...

#javascript #learning #webxr #augmentedreality #webar #beginners #youtube #video #building #experience #threejs #r3f #react #reactjs #reactdeveloper #html #javascriptdeveloper #frontenddeveloper #javascripttutorial #reactjsdevelopment #reactjsdeveloper

2 years ago | [YT] | 1

Mohit Kumar Toshniwal

In this fourth video of my Webxr with Three.js and React (React There Fiber) YouTube playlist, we will be showing 3d model in the real world using hit testing support. It will be quite easy to do so since we will just be modifying what we have built in the previous video.

Video link: https://youtu.be/k18ZOQNfZ9M
Playlist link: youtube.com/playlist?list=PLp...

#javascript #learning #webxr #augmentedreality #webar #beginners #youtube #video #building #experience #threejs #r3f #react #reactjs #reactdeveloper

2 years ago | [YT] | 1

Mohit Kumar Toshniwal

In the third video of my Webxr with Three.js and React (React There Fiber) YouTube playlist, we will be showing multiple cubes in the real world using hit testing support. If you have been following the playlist till now, then you will realise how easy it is to do so.

Video link: https://youtu.be/RMu3MF1f8I0
Playlist link: youtube.com/playlist?list=PLp...

#javascript #learning #webxr #augmentedreality #webar #beginners #youtube #video #building #experience #threejs #r3f #react #reactjs #reactdeveloper

2 years ago | [YT] | 1

Mohit Kumar Toshniwal

In this second video of my Webxr with Three.js and React (React There Fiber) YouTube playlist, we will be adding AR support to the cube which we built in the last video.

This video is going to be quite short since react three fiber does a lot of heavy lifting for us under the hood.

Video link: https://youtu.be/dtUNo-S0VJg

Playlist link: youtube.com/playlist?list=PLp...

#javascript #learning #webxr #augmentedreality #webar #beginners #youtube #video #building #experience #threejs #r3f #react #reactjs #reactdeveloper

2 years ago | [YT] | 1

Mohit Kumar Toshniwal

In this first video of my Webxr with Three.js and React (React There Fiber) YouTube playlist , we will be building a rotating cube using threejs and react (React There Fiber). It's like a Hello World program in computer graphics.

Frankly speaking, this video will be mainly about react three fiber but going further in the upcoming videos, we will be adding webxr bits into what we will be building by the end of this video.

Video link: https://youtu.be/34B04LBS34M

Playlist link: youtube.com/playlist?list=PLp...


#javascript #learning #webxr #augmentedreality #webar #beginners #youtube #video #building #experience #threejs #r3f #react #reactjs #reactdeveloper

2 years ago | [YT] | 2

Mohit Kumar Toshniwal

Hi Everyone, I am assuming that if you are a frontend/full-stack developer, you might have in some capacity interacted with react for building web apps and/or mobile apps.

If you are not aware then let me tell you that you can add 3d experiences in your already existing react apps and follow the same react practices and its ecosystem to build them using react three fiber.

I would highly suggest you to check out the examples section, it's filled with tons of examples with their codesandboxes , you are just a click away to see endless possibilities. docs.pmnd.rs/react-three-fiber/getting-started/exa…

But this post was mainly to tell you that adding web AR support to those experiences is also quite easy. I have created a YouTube playlist for the same where we will go step by step creating multiple 3d experiences and adding AR bits to it. The video below shows what we will have built by the end of this playlist.

Some prior knowledge of react will be required to get the most out of this playlist.

Hope to see you there

Webxr with Three.js and React (React Three Fiber): www.youtube.com/playlist?list...

#javascript #learning #webxr #augmentedreality #webar #beginners #youtube #video #building #experience #threejs #r3f #react

2 years ago | [YT] | 3

Mohit Kumar Toshniwal

Hi Everyone, the final video of my Webxr with Three.js and Vue 3 YouTube playlist is out.

This will the last video for this playlist and as I have promised in the beginning of this playlist, we will be building the gallery as shown below. Frankly, you will realize how easy it is to do so since we have already done a lot of the ground work in the previous videos. Hope to see you there. 🔗lnkd.in/gjEw7Uys

And if you are not aware about the YouTube playlist, this playlist is mainly aimed to teach you how to use threejs with vue 3 and webxr api to create augmented reality experience for the web platform 🔗lnkd.in/ghAzjZyN

#javascript #learning #webxr #augmentedreality #webar #beginners #youtube #video #building #experience #threejs #vuejs #vue #vue3

2 years ago | [YT] | 1

Mohit Kumar Toshniwal

Hi Everyone, the fourth video of my Webxr with Three.js and Vue 3 YouTube playlist is out.

In this video, we will be using dom overlay provided by webxr api to integrate a dom element like the heading element.

Frankly speaking, this opens up a lot of possibilities for us to use our already existing html/web knowledge to build powerful 3d experiences for the web.

If you have been following the playlist till now, then you will realise how easy it is to do so.

Hope to see you there.
🔗lnkd.in/gXRDEbie

And if you are not aware about the YouTube playlist, this playlist is mainly aimed to teach you how to use threejs with vue 3 and webxr api to create augmented reality experience for the web platform.
🔗lnkd.in/ghAzjZyN

#javascript #learning #webxr #augmentedreality #webar #beginners #youtube #video #building #experience #threejs #vuejs #vue #vue3 #html

2 years ago | [YT] | 2