Тёмный
Nik Lever
Nik Lever
Nik Lever
Подписаться
I've been coding since 1981. I have created hundreds of online games for blue chip clients including the BBC, Johnson and Johnson, Mars Corporation and Deliotte. Most games used either Flash or real-time 3D. I still use Adobe Animate, previously Adobe Flash, to create HTML5 games. On the 3D side I use Unity and the WebGL library Three.JS. Take a look at my blog at niklever.com.

Since 2018 I have been developing courses on the Udemy platform. Get the full courses using the links at niklever.com/courses/
WebXR AR on an iPhone!!
7:15
8 месяцев назад
The Three.JS Primer: 10 of 11 - Animation
8:00
8 месяцев назад
The Three.JS Primer - Loaders - 9 of 11
5:57
8 месяцев назад
The Three.JS Primer - Materials - 8 of 11
5:41
8 месяцев назад
The Three.JS Primer - Geometries - 7 of 11
8:13
9 месяцев назад
The Three.JS Primer - A 3D Primer - 2 of 11
5:28
10 месяцев назад
model-viewer: post processing
0:27
11 месяцев назад
The Three.JS Primer
0:48
Год назад
10 Three.JS Tips
7:35
Год назад
Creating a PWA for Oculus Quest
8:48
2 года назад
Create Unity URP Shaders
0:51
2 года назад
Using the model-viewer editor
8:33
2 года назад
Model-viewer: Web3D made easy
1:09
2 года назад
Model-viewer: Web 3d made easy
1:09
2 года назад
Learn to write Unity ComputeShaders
0:40
2 года назад
Комментарии
@rulyvideo
@rulyvideo 3 дня назад
i have problem, it say not web xr not supported is i trying the samples,, but i can run the example online from the website
@NikLever
@NikLever 3 дня назад
Can you share a screengrab?
@knaxel
@knaxel 24 дня назад
lol you do not need a course
@NikLever
@NikLever 24 дня назад
You'd be surprised at how users need some of the less well known features explaining in detail. The course has 550 students and a 4.7 rating out of 5. So it helps many who choose to take it. www.udemy.com/course/model-viewer/?referralCode=65824E9F442641E16EBA
@SkateTube
@SkateTube 27 дней назад
I checked how it runs, very good job thought I expect some sort of registration login type game... could You make a version of this game that requires login/registration? Purely nodejs app.
@blade_runna6057
@blade_runna6057 Месяц назад
Such a succinct tutorial series!
@bIgKiNgLuEoffical
@bIgKiNgLuEoffical Месяц назад
This is really helpful man this is helping my scripting journey a TON! Thankyou for making such a awesome tutorial/ course
@NikLever
@NikLever Месяц назад
Great to hear!
@RehanKhan-ju4dr
@RehanKhan-ju4dr Месяц назад
I'm building a furniture website in Next.js and want to integrate Unity AR functionality. Is it possible to enable a preview mode on the website where clicking a button opens the phone camera and displays the AR feature from Unity?
@DaviSilveira
@DaviSilveira 2 месяца назад
I feel like video one and two went along really well together and all the sudden three was a whole nother freaking thing...
@NikLever
@NikLever 2 месяца назад
The videos are taken from my Udemy course. Get the complete course by visiting niklever.com/courses
@DaviSilveira
@DaviSilveira 2 месяца назад
@@NikLever I was going to say, I fixed the problem by buying your course on Udemy :) thanks
@kinghasni2313
@kinghasni2313 2 месяца назад
can i pass realtime light through the quad? in to the room
@NikLever
@NikLever 2 месяца назад
I don't see why not.
@astron099
@astron099 2 месяца назад
Thank you so much for this!
@MultiHeywatsup
@MultiHeywatsup 2 месяца назад
although i learned everything i needed here, still bought the course on udemy just because your content is top notch
@sanjaim5505
@sanjaim5505 3 месяца назад
how can i run it?
@NikLever
@NikLever 3 месяца назад
niksgames.com/webxr/complete/lecture7_3/
@brooklynbrooklyn984
@brooklynbrooklyn984 3 месяца назад
can anyway tell us how to copy and past an embed code so that we can add it to a website?
@NikLever
@NikLever 3 месяца назад
Try < width="100%" height="100%" src="niksgames.com/mycourses/model-viewer/examples/motorcycle/index.html" title="Model-viewer example"></>
@Iris-lq3pp
@Iris-lq3pp 3 месяца назад
Nik, I'm sorry, but this was terribly explained
@williamliu8985
@williamliu8985 3 месяца назад
Hi Nik, thanks for this course! I meet a problem when trying this ThreeJS Editor which is under version r163 currently. I cannot find the play menu in the editor`s toolbar. Is it removed or moved to other places? 🤔
@NikLever
@NikLever 3 месяца назад
It's now under the sidebar project panel
@williamliu8985
@williamliu8985 3 месяца назад
@@NikLever Great! I find it, thanks!
@sirishanarayanaswamy8562
@sirishanarayanaswamy8562 3 месяца назад
Hii, i just encountered your video while i was looking for something. Actually i have a project to be done for academics which is a jewellery application/website and i need to make AR integration where they can try on the jewellery, can u help me out in this please??
@NikLever
@NikLever 3 месяца назад
Sorry not taking on contract work. Try the ThreeJS forum. discourse.threejs.org/ or FB page facebook.com/groups/2849849095313442
@chbrules
@chbrules 3 месяца назад
Unless you want to pay for this content, there is no continuation after video 2. Be warned.
@NikLever
@NikLever 3 месяца назад
There are actually 6 free videos ru-vid.com/group/PLFky-gauhF452rW98W4cyZ8_2fXBjfGOT
@SUNDARMATU
@SUNDARMATU 4 месяца назад
heyy, webxr isn't working even when I have installed the emulator and selected an ar device
@NikLever
@NikLever 4 месяца назад
Do you have a link you can share?
@tunduaduke5465
@tunduaduke5465 4 месяца назад
I get webxr not supported and I've installed webxr emulator
@NikLever
@NikLever 4 месяца назад
Make sure to choose a AR device in the drop-down
@mohammadaminparvanian5946
@mohammadaminparvanian5946 4 месяца назад
Is it possible to add multiple object to the scene in the model-viwer webXR mode? how can i do that to keep model-viwer and also do this
@mohammadaminparvanian5946
@mohammadaminparvanian5946 4 месяца назад
how can we do this without using Variant SDK?
@mohammadaminparvanian5946
@mohammadaminparvanian5946 4 месяца назад
I think this is an app clip feature that ios has, and it is an APP, not a web feature, the app that not require to install!
@NagaSasank
@NagaSasank 4 месяца назад
I set a green cube as land and red cube upside of green cube red car is not position fixed on the green cube while swipe rotations
@aniruddharao8735
@aniruddharao8735 4 месяца назад
Where would we find assets that we want to use with blender? Talking about assets for other games that one might be building
@NikLever
@NikLever 4 месяца назад
CGTrader, Sketchfab, TurbiSquid, Free3D, Substance3d, clara.io, 3dexport, rendercrate, kitbash3d, syntystudios, bitgem3d, a23d. Tips here www.news.viverse.com/post/creating-a-digital-oasis-the-top-10-free-3d-model-websites
@aniruddharao8735
@aniruddharao8735 4 месяца назад
@@NikLever Thank you!
@6ocram
@6ocram 5 месяцев назад
How would you manage monetization uploading a PWA to the Oculus Store? Is it possible to sell it trough a one time purchase? Do somebody know or have experience with PWA in the Oculus Store?
@NikLever
@NikLever 5 месяцев назад
Interesting question. My guess is no, but that is just a hunch.
@6ocram
@6ocram 5 месяцев назад
You might be right :/, Google suggest this for PWAs in the Play Sore: "While given the option to make your app free or paid, the PWA you bundle for inclusion in Play must be available to the wider Internet in order to work, and there is no way to reliably detect that a user is accessing it from your app instead of from their browser or another installation method. As such, we recommend you monetize your PWA through means other than charging to download it from the store." @@NikLever
@luciethevampire
@luciethevampire 5 месяцев назад
is it possible to pack the web app entirely in the apk? not just the "link" somehow, i want the app to work offline as well. If so, could you make a tutorial for it? i'm really not used to pwa and it makes me mad.
@NikLever
@NikLever 5 месяцев назад
developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Tutorials/js13kGames/Offline_Service_workers does this help?
@luciethevampire
@luciethevampire 5 месяцев назад
scary new concepts but maybe yes @@NikLever
@luciethevampire
@luciethevampire 5 месяцев назад
could you make a full tutorial@@NikLever my personnal goal: an ar/vr procedural modeling tool, eventually with support for webgpu, that must install through an app like every other modelling app. and work offline like any other modelling app. is my goal achievable with that or i go in a wall?
@luciethevampire
@luciethevampire 5 месяцев назад
ok yes sorry its totally what i needed thank you @@NikLever
@amirreza3638
@amirreza3638 6 месяцев назад
Hi Nik, Thanks a lot for your great video, I have a question, Can you create the animation that you downloaded by your self using blender ?
@NikLever
@NikLever 6 месяцев назад
With a great deal of skill, yes you could
@aocubo269
@aocubo269 6 месяцев назад
Congratulations!
@FPChris
@FPChris 6 месяцев назад
Hi Nik. I’m looking for a course for building a 3D modeler like Gravity Sketch or SculptGL/Nomad. Could three.js be used to code a modeler? Thx.
@NikLever
@NikLever 6 месяцев назад
Of course, but it would be a significant challenge!
@adesolaadediran2350
@adesolaadediran2350 7 месяцев назад
Does this work on ios 17 pls
@eyemmersive-Inc
@eyemmersive-Inc 7 месяцев назад
Thank you Nik
@rrselvakumar
@rrselvakumar 7 месяцев назад
Excellent
@krabat6117
@krabat6117 7 месяцев назад
enjoyed it. Keep it up!
@HuynhLuong227
@HuynhLuong227 8 месяцев назад
wow, nice tutorial, thanks for sharing
@Danyalkhan-ih4ri
@Danyalkhan-ih4ri 8 месяцев назад
where can we get this script
@NikLever
@NikLever 8 месяцев назад
You need to get the complete course niklever.com/courses
@pixgram
@pixgram 8 месяцев назад
Thanks for video.
@pixgram
@pixgram 9 месяцев назад
The GitHub address is incorrect due to ellipsis. ThreeJS.P.. -> ThreeJS-Primer Thansk for video!
@NikLever
@NikLever 9 месяцев назад
Fixed. Thanks for pointing this out.
@diyankabaivanov1570
@diyankabaivanov1570 9 месяцев назад
Thank you for continuing the series Nik! Keep up the great work! Greetings from Bulgaria.
@faizantayyab8222
@faizantayyab8222 9 месяцев назад
Can the apk be installed on the oculus device
@NikLever
@NikLever 9 месяцев назад
Yes.
@faizantayyab8222
@faizantayyab8222 9 месяцев назад
​@@NikLever thanks for the clarification. Would a shape in 3d in the scene which is at -1 vertically appear below me when viewed in VR?
@NikLever
@NikLever 9 месяцев назад
​@@faizantayyab8222yes
@RobertWildling
@RobertWildling 9 месяцев назад
Nice playlist! But in my country (Austria) it says: "2 unavailable videos are hidden". Is that on purpose? Or only in my country? Any chance you can unlock them? Thank you! 🙂
@NikLever
@NikLever 9 месяцев назад
New episodes are released each Tuesday.
@user-pr3co2pq2d
@user-pr3co2pq2d 9 месяцев назад
What about the performance? Us better than the native browser or worst?
@NikLever
@NikLever 9 месяцев назад
Same. It uses the WebView same as the browser.
@alexshel8578
@alexshel8578 9 месяцев назад
awesome
@hugobruen
@hugobruen 9 месяцев назад
😴 Promo-SM
@CodeExp
@CodeExp 9 месяцев назад
Thank you for sharing nik! Can't wait for the next lessons!
@HuynhLuong227
@HuynhLuong227 10 месяцев назад
wait next video, thanks for sharing
@TevlenNaidoo
@TevlenNaidoo 10 месяцев назад
What a legend
@theman7050
@theman7050 10 месяцев назад
Awesome. But Im struggling to make multiple geometries follow the path with this approach. Will i need frenet frames?
@NikLever
@NikLever 10 месяцев назад
Explain what you mean by 'multiple geometries '
@shashankarya5406
@shashankarya5406 10 месяцев назад
Is there any way to stop the animation from looping in model viewer? Ive been stuck at this issue for a while and cant find any solution Thank you
@NikLever
@NikLever 10 месяцев назад
play({ repetitions: 1 }) or add a callback to the loop event
@shashankarya5406
@shashankarya5406 10 месяцев назад
@@NikLever where should use this? im sorry i dont know JS
@NikLever
@NikLever 10 месяцев назад
@@shashankarya5406 modelviewer.dev/examples/animation/#controlSpeed does this give you enough to get it working. You will need to add a little code. You can't do it just with attributes.
@HuynhLuong227
@HuynhLuong227 10 месяцев назад
it's great, thanks for sharing...
@abdulrehmanalibrohi221
@abdulrehmanalibrohi221 10 месяцев назад
hey I am interesent to learn WebXR , AR and VR i am new i dont know where should i start like how all files are those where should i get that?
@NikLever
@NikLever 10 месяцев назад
Hi, check out my courses at niklever.com/courses. I'd recommend my free beginners introduction to ThreeJS, The Three.JS Primer. If you're new to JavaScript then do my free course JavaScript in 12:Easy Lessons. Once you're up to speed on JavaScript and ThreeJS take my ThreeJS WebXR course. Good luck with your studies.
@AndersonMancini
@AndersonMancini 10 месяцев назад
Congratulations Nik. Great course. Thanks for sharing it.
@NikLever
@NikLever 10 месяцев назад
Thanks
@NikLever
@NikLever 10 месяцев назад
If you haven't got git installed then follow this guide git-scm.com/book/en/v2/Getting-Started-Installing-Git. Or go to the resources link in the description, press the green Code button and choose Download zip.