exactly....m completely new to this...and I was ripping my hairs off...I did exactly as this tutorial....and now all it shows is a grey colored screen...dats it
@@pradiptasarkarekagga1970 bro I was doing my final year project on it, one thing I learnt about three.js is no video will help you, go ask your problems in forums of three.js and read the docs and find your desired syntax or problem in docs.
I know Im asking randomly but does anybody know a method to get back into an Instagram account..? I was dumb forgot the account password. I appreciate any assistance you can give me!
@Dalton Will I really appreciate your reply. I found the site on google and Im in the hacking process atm. Seems to take quite some time so I will reply here later with my results.
Anyone having trouble with this tutorial, just do the following steps: move these tree lines to the top of the init function: renderer = new THREE.WebGLRenderer({antialias:true}); renderer.setSize(window.innerWidth,window.innerHeight); document.body.appendChild(renderer.domElement); and change the instantiation of the controls object from: controls = new THREE.OrbitControls(camera) to: controls = new THREE.OrbitControls(camera,renderer.domElement); you need to pass domElement.
Thanks to your tutorial, but I have encountered some problems. I downloaded the same glft file as you and put it under the same folder as index.html like you did. And I also used 'npm install three' to update three, and then copied and pasted the files in it to the index.html consent folder, but after running the code at 2:57 in your video I only get a blank canvas, and no 3D model is shown.
If you get "THREE.GLTFLoader is not a constructor" or THREE.OrbitControls is not a constructor, it's probably a version issue. Here's the CDN links to the scripts:
However, this only changed my GLTFLoader constructor error into a OrbitControls constructor error. I did fix it though and got the project working. I used the three.min.js and GLTFLoader.js CDN links along with an OrbitControls.js loaded locally. So, mine looks like this:
Hey Red Stapler! Thanks to your tutorial, I was able to get this running. I really appreciate that and I hope your sub count goes up even more! One question though, how would you modify the background so that it's completely transparent? I would like to manipulate the background using CSS.
I am probably too late, since it has been 3 months since this question has been asked, but I'll answer as there may be other people who have the same question. To set the canvas's background to transparent, you simply need to add the line "alpha: true" (without quotation marks) to the object passed as parameter to WebGLRenderer. This property controls wether the canvas's background is to display alpha transparency or not. Default value is false, so that would result in a black background (or whatever is the color you chose for your Scene)
@@harthgornaltrask5957 Hey there! Thanks for replying. I figured it out myself. It had something to do with the body element in Javascript but I think i used your solution too when i was trying to solve it myself 3 months ago. I'll link my github. github.com/sabeet/earthPort
@@sabeetspongiinchowdhury3965 I tried to download your repo contents. I can only see black screen. Is there any way to correct this problem? Even the same problem occurs when I tried out this tutorial. Any help would be appreciated
Can i add Custom Color Selector: > were in users can change color of the car with the color selector provided (or) >Pre-selected colors to cycle through once selected by the user. Kindly guide. Thank in advance ☺
Thank you sir. One more question, how to do dynamic 3d model? I mean, input on website few parameters and output 3d model, something like online product configurator is it possible?
I had some issues since Im using parcel, when loading the .gltf file, before I needed to use "parcel-plugin-static-files-copy" in order to serve static files. Following issue came when I didn't add /textures folder and .bin file. Finally OrbitControls needs now the renderer as a second argument and there's no need anymore to add the event listener. Thanks for this tutorial
@@Johnny_Blue I did the same but...I get an error: THREE.GLTFLoader is not a constructor or if I import both the file(threejs from bulid and gltfloader from examples/jsm/loader) I get GLTFLoader is not constructor error......can u help me how to import or what I'm doing wrong?
Hi, thank you! Great tutorial. but I got problem although that I followed step by step but it is showing a blank page, can someone tell me what the problem is?
Hi thx for the tutorial. I did it the same like you and used python3 local server, but the website is just white and it says: scope.domElement is undefined in OrbitControl.js. Do u know why i get the error?
Go to your code and put the block o code “renderer = new THREE.WebGL ... (renderer.domElement);” after the block of code about “camera” and before “controls”. Explanation of the error: the renderer object is used before itself is declared. Go to the browser console and you can notice that.
@@darshilshankar7661 I'm having the same issue can you elaborate more on this? In reference to line 23 renderer = new THREE.WebGLRenderer({Antialias:true}); should be changed to?
Excellent tutorial. Do you know how to put this 3d model in a responsive HTML document in order to make a website that can be viewed in every mobil device?
I am doing the exact same thing but i get an errior Uncaught TypeError: Cannot read property 'addEventListener' of undefined at new THREE.OrbitControls (OrbitControls.js:1130) at init (index.html:21) at index.html:56 why is this?
Due to a three.js update i think, you should add "render.domElement" on the OrbitControls object and so declare "renderer" beofre "controls" as this: renderer = new THREE.WebGLRenderer({antialias: true}) renderer.setSize(window.innerWidth, window.innerHeight); document.body.appendChild(renderer.domElement); let controls = new THREE.OrbitControls(camera, renderer.domElement); controls.addEventListener('change', renderer);
I am getting error in OrbitControl.js file. and the error is "Uncaught TypeError : Cannot read type property 'addEventListener' of Undefined". Please suggest what to do?
Great stuff, is there a way to add customization option to the model? i.e, have colors change and stuff while the model is being panned/rotated around?
Ok I have an issue, I'm at 2:56 and my programm give the error: "TypeError: this.textureLoader.setRequestHeader is not a function at new GLTFParser (GLTFLoader.js:1762) at GLTFLoader.parse (GLTFLoader.js:209) at Object.onLoad (GLTFLoader.js:95) at XMLHttpRequest. (three.min.js:742)" even copying the full code I have this problem, what can I do?
I got stuck in the getting GLTF Loader part. Your link destination doesn't exist anymore. I'm a noob trying to figure things out still. I'm practicing a lot of html and css but javascript I didn't even touched yet.
Hello!! Thanks for the 2023 code! May you please help me out here. My system gives ProgressEvent {isTrusted: true, lengthComputable: false, loaded: 0, total: 0, type: 'error', …} ERROR. Any way to fix it?
I got my car to render but it is very tiny on init() and is very far back using the camera using the default source code. Any Idea why this is happening?
Hey man! Great job! I have a question: Once I have my the model uploaded, how can I add a button that activates an animation when clicked it, like opening the doors for example. Thanks!
i have a question in the model scene, can i add buttons and markers in the model from visual studio? i need do a model but with tooltips in diferents ubications similar to google maps. what do you recomend me for my proyect? i tried incrust the model but i dont know how put the markers and tooltips in the model
Hi, thank you! Great tutorial. I have a question, any of you guys know how to add text on a 3d model in threejs? I would really appreciate if someone helps me with that.
I get this error : Uncaught TypeError: Cannot read property 'addEventListener' of undefined at new THREE.OrbitControls (OrbitControls.js:1100) at init (VM112 threejs.html:27) at VM112 threejs.html:69 THREE.OrbitControls @ OrbitControls.js:1100 init @ VM112 threejs.html:27 (anonymous) @ VM112 threejs.html:69
If you get an AddEventListener error see Vincent Nunna's reply to ABDUSHUKUR RASULOV. This worked for me. You have to rearrange some lines of code. camera.position.z = 1000; renderer = new THREE.WebGLRenderer({antialias:true}); renderer.setSize(window.innerWidth,window.innerHeight); document.body.appendChild(renderer.domElement); let controls = new THREE.OrbitControls(camera,renderer.domElement); controls.addEventListener('change', renderer); hlight = new THREE.AmbientLight (0x404040,100);
Thank for your videos. I have a question. I have a obj and hdri background. I can not keep obj when rotate background. Can you help me resolve my issue?
Hello, I have a problem with code. I follow the code step by step but I can't view anything in website. Does anyone know how to fix it? Thanks for help.
Orbit Controls gives an error while adding addEventListener to controls. Can someone help? " Uncaught TypeError: Cannot read property 'addEventListener' of undefined at new THREE.OrbitControls "
hi sir! follow you tutorial but occur issue THREE.WebGLRenderer.render: camera is not an instance of THREE.Camera. if i connect three.js file and TypeError: "node.applyMatrix4 is not a function" if i coonect cdn file. What do you think it could be ?
getting error => Error: THREE.GLTFLoader: Failed to load buffer "scene.bin". Any suggestion what can I do (and I have already included scene.bin in the project directory)
Thanks, sir. Now I'm in love with this piece of technology and willing to learn everything it offers!
One of favourite web development channel. Thank u so much.
could you make a whole series about three js ?
From beginner to advanced. I would definitely be watching them all!
Here for ya bra:
th-cam.com/video/ABV1mK1CGOY/w-d-xo.html
but its very basic
Bro, you took my development skills to the next level, thank you ♥️
i got blank screen, do you mind to share the source code?
@@doniwirawan7191 sorry brother, I no longer develop websites and no longer have the source code.
Okay, because of you are the top commenters i hope anybody else will read this, please share your source code link, i wanna look at them🙏
@@promise4599 I'm so curious, why did you stop developing?
@@darkerthansuede2439 Became a day trader :)
best takes is to update this link on this project for easy accessibility. Keep the good work.
This isn't working anymore as Three.js changes frequently, can you please upload an updated video please?
exactly....m completely new to this...and I was ripping my hairs off...I did exactly as this tutorial....and now all it shows is a grey colored screen...dats it
@@pradiptasarkarekagga1970 bro I was doing my final year project on it, one thing I learnt about three.js is no video will help you, go ask your problems in forums of three.js and read the docs and find your desired syntax or problem in docs.
@@iamfpsk8648 I also see this video for my project😂😅
@@tharaniv6267 don't go for it, read docs.
I love the Christmas piano music in the background
I know Im asking randomly but does anybody know a method to get back into an Instagram account..?
I was dumb forgot the account password. I appreciate any assistance you can give me!
@Arthur Jimmy instablaster =)
@Dalton Will I really appreciate your reply. I found the site on google and Im in the hacking process atm.
Seems to take quite some time so I will reply here later with my results.
@Dalton Will it did the trick and I now got access to my account again. I'm so happy:D
Thank you so much, you really help me out :D
@Arthur Jimmy no problem :D
You are awesome! Thank you for lesson, from Moscow :)
God-sent tutorial!!! made mine work!
Anyone having trouble with this tutorial, just do the following steps:
move these tree lines to the top of the init function:
renderer = new THREE.WebGLRenderer({antialias:true});
renderer.setSize(window.innerWidth,window.innerHeight);
document.body.appendChild(renderer.domElement);
and change the instantiation of the controls object from:
controls = new THREE.OrbitControls(camera)
to:
controls = new THREE.OrbitControls(camera,renderer.domElement);
you need to pass domElement.
Still not working...
what is pass domelement
It worked for me. Thanks you!
people like you have to go in the paradise right away
thank you man ;)
Man deadass used "Happy Birthday" as background music, what a legend xD
Thnks red stapler.!!love from India
like it, long time no see make about threejs....
How to replace GLTFloader with OBJloader ? Please guide with the code for the same webpage
the github link doesn't work anymore, help
When I try I get this Error: Uncaught ReferenceError: THREE is not defined
at GLTFLoader.js:1 Anyone with same problem?
yes I too actually this method no longer works
Thanks to your tutorial, but I have encountered some problems.
I downloaded the same glft file as you and put it under the same folder as index.html like you did. And I also used 'npm install three' to update three, and then copied and pasted the files in it to the index.html consent folder, but after running the code at 2:57 in your video I only get a blank canvas, and no 3D model is shown.
same happens to me, did you find out what the problem was?
did anyone find a fix for a blank screen?
Thank you, I try for doing the same code but there is no result ou output ... the same for example pikachu ...??
searching for a wordpress solution thanks for the demo!!
the solution would be not to use inferior software like word press cause it sucks so much
Thanks for the video! Did anyone noticed that the song playing is happy birthday to you?
If you get "THREE.GLTFLoader is not a constructor" or THREE.OrbitControls is not a constructor, it's probably a version issue. Here's the CDN links to the scripts:
However, this only changed my GLTFLoader constructor error into a OrbitControls constructor error.
I did fix it though and got the project working. I used the three.min.js and GLTFLoader.js CDN links along with an OrbitControls.js loaded locally.
So, mine looks like this:
Hope this helps!
Hey Red Stapler!
Thanks to your tutorial, I was able to get this running. I really appreciate that and I hope your sub count goes up even more!
One question though, how would you modify the background so that it's completely transparent? I would like to manipulate the background using CSS.
I am probably too late, since it has been 3 months since this question has been asked, but I'll answer as there may be other people who have the same question.
To set the canvas's background to transparent, you simply need to add the line "alpha: true" (without quotation marks) to the object passed as parameter to WebGLRenderer. This property controls wether the canvas's background is to display alpha transparency or not. Default value is false, so that would result in a black background (or whatever is the color you chose for your Scene)
@@harthgornaltrask5957 Hey there! Thanks for replying. I figured it out myself. It had something to do with the body element in Javascript but I think i used your solution too when i was trying to solve it myself 3 months ago. I'll link my github.
github.com/sabeet/earthPort
@@harthgornaltrask5957 Can I Know where to add this?
@@pratikgk9384 You put it inside the WebGLRenderer constructor, like this:
const renderer = new WebGLRenderer({
alpha: true
})
@@sabeetspongiinchowdhury3965 I tried to download your repo contents. I can only see black screen. Is there any way to correct this problem? Even the same problem occurs when I tried out this tutorial.
Any help would be appreciated
the github links are not working, can someone teach me another way?
You deserve more buddy
great tutorial!!!!! hope more to come!!!
Can i add Custom Color Selector:
> were in users can change color of the car with the color selector provided
(or)
>Pre-selected colors to cycle through once selected by the user.
Kindly guide.
Thank in advance ☺
I copied your code exactly, but I got an error saying
' Cannot read property Itemstart of undefined '
Ooooohhhhh thank you so much. I needed this. 😊
Sir, you are really great...
What an amazing project is this... really amazing.. +!
I don't know why but when I turn on the page it only shows a black screen
can some of the parts of the model be clickable?
like your three js series.
Threejs is sensational.
Happy birthday !
very helpful! thanks!
Thank you sir.
One more question, how to do dynamic 3d model? I mean, input on website few parameters and output 3d model,
something like online product configurator
is it possible?
thanks a lot! This video helped me so much!
How can I add the 3D on WP? Can you share some tutorials to it?
I had some issues since Im using parcel, when loading the .gltf file, before I needed to use "parcel-plugin-static-files-copy" in order to serve static files. Following issue came when I didn't add /textures folder and .bin file. Finally OrbitControls needs now the renderer as a second argument and there's no need anymore to add the event listener. Thanks for this tutorial
This is outdated, any chance of an updated version?
Here you go:
let scene, camera, render
function init() {
scene = new THREE.Scene()
scene.background = new THREE.Color(0xdddddd)
camera = new THREE.PerspectiveCamera(40, window.innerWidth/window.innerHeight,1,5000)
camera.rotation.y = 45/180*Math.PI
camera.position.x = 800
camera.position.y = 100
camera.position.z = 1000
hlight = new THREE.AmbientLight(0x404040, 100)
scene.add(hlight)
directionalLight = new THREE.DirectionalLight(0xffffff, 100)
directionalLight.position.set(0,1,0)
directionalLight.castShadow = true
scene.add(directionalLight)
light = new THREE.PointLight(0xc4c4cc4, 10)
light.position.set(0, 300, 500)
scene.add(light)
light2 = new THREE.PointLight(0xc4c4cc4, 10)
light.position.set(500, 100, 0)
scene.add(light2)
light3 = new THREE.PointLight(0xc4c4cc4, 10)
light.position.set(0, 100, -500)
scene.add(light3)
light4 = new THREE.PointLight(0xc4c4cc4, 10)
light.position.set(-5000, 300, 0)
scene.add(light4)
renderer = new THREE.WebGLRenderer({antialias: true})
renderer.setSize(window.innerWidth, window.innerHeight)
controls = new THREE.OrbitControls(camera, renderer.domElement);
document.body.appendChild(renderer.domElement)
let loader = new THREE.GLTFLoader()
loader.load('scene.gltf', function(gltf){
car = gltf.scene.children[0]
car.scale.set(0.5, 0.5, 0.5)
scene.add(gltf.scene)
animate();
})
}
function animate() {
renderer.render(scene,camera);
requestAnimationFrame(animate);
}
init()
@@Johnny_Blue Still doesnt work
@@cereproductions7980 it working for me. Without more information I really can't help you.
@@Johnny_Blue now its working for me, thanx!!
@@Johnny_Blue I did the same but...I get an error: THREE.GLTFLoader is not a constructor or if I import both the file(threejs from bulid and gltfloader from examples/jsm/loader) I get GLTFLoader is not constructor error......can u help me how to import or what I'm doing wrong?
Im a 3d artist i found that his process is very good but for realism use HDRi lighting
Hi, thank you! Great tutorial. but I got problem although that I followed step by step but it is showing a blank page, can someone tell me what the problem is?
same here
any solution yet?
Hello, I want to know what your projects are.. but your yt is empty.. where do you post your creativity?
having the same issue.. any solutions yet?
I know the solution
Hi thx for the tutorial. I did it the same like you and used python3 local server, but the website is just white and it says: scope.domElement is undefined in OrbitControl.js. Do u know why i get the error?
Go to your code and put the block o code “renderer = new THREE.WebGL ... (renderer.domElement);” after the block of code about “camera” and before “controls”. Explanation of the error: the renderer object is used before itself is declared. Go to the browser console and you can notice that.
@@darshilshankar7661 I'm having the same issue can you elaborate more on this? In reference to line 23 renderer = new THREE.WebGLRenderer({Antialias:true}); should be changed to?
Excellent tutorial. Do you know how to put this 3d model in a responsive HTML document in order to make a website that can be viewed in every mobil device?
I am doing the exact same thing but i get an errior
Uncaught TypeError: Cannot read property 'addEventListener' of undefined
at new THREE.OrbitControls (OrbitControls.js:1130)
at init (index.html:21)
at index.html:56
why is this?
Due to a three.js update i think, you should add "render.domElement" on the OrbitControls object and so declare "renderer" beofre "controls" as this:
renderer = new THREE.WebGLRenderer({antialias: true})
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
let controls = new THREE.OrbitControls(camera, renderer.domElement);
controls.addEventListener('change', renderer);
I am getting error in OrbitControl.js file. and the error is "Uncaught TypeError : Cannot read type property 'addEventListener' of Undefined". Please suggest what to do?
i have been triying to do exactly what you are doing in the video but i am unable top see the 3D model in the browser.
I dude enjoy it!
Great stuff, is there a way to add customization option to the model? i.e, have colors change and stuff while the model is being panned/rotated around?
hi did you find ??
where i can get three.min.js??
Ok I have an issue, I'm at 2:56 and my programm give the error: "TypeError: this.textureLoader.setRequestHeader is not a function
at new GLTFParser (GLTFLoader.js:1762)
at GLTFLoader.parse (GLTFLoader.js:209)
at Object.onLoad (GLTFLoader.js:95)
at XMLHttpRequest. (three.min.js:742)"
even copying the full code I have this problem, what can I do?
ありがとう❤
Hi Sir, Great Work
Which version of three js u use?
In blender or other 3D software you can often place lights as well, will these show up? Or do you always need to add the lights yourself?
This tutorial has out dated, any chance of an updated version?
What exactly is outdated?
I got stuck in the getting GLTF Loader part. Your link destination doesn't exist anymore. I'm a noob trying to figure things out still. I'm practicing a lot of html and css but javascript I didn't even touched yet.
Could not understand three.min.js file
can we upload a 3D model and add different functions to different parts of the model?
did u jst played happy bday to u background music in three.js tutorial video ? xD
Hello, I followed all of the steps but nothing came up when i opened it. What do i do?
can the program run only in internet explorer?
@@servarevitas5899 bro the program run in local server
when i use this code i get a unexpected token error on the first line of the code, not sure why? can anyone help?
same here
Hi everyone updated version Date 2023-08
let scene, camera, renderer, hlight, directionalLight, light, light2, light3, light4, car, controls;
function init() {
scene = new THREE.Scene();
scene.background = new THREE.Color(0xdddddd);
camera = new THREE.PerspectiveCamera(40, window.innerWidth / window.innerHeight, 1, 5000);
camera.rotation.y = 45 / 180 * Math.PI;
camera.position.x = 800;
camera.position.y = 100;
camera.position.z = 1000;
renderer = new THREE.WebGL1Renderer({ antialias: true })
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
controls = new THREE.OrbitControls(camera, renderer.domElement);
controls.addEventListener('change', render);
hlight = new THREE.AmbientLight(0x404040, 100);
scene.add(hlight);
directionalLight = new THREE.DirectionalLight(0xffffff, 100);
directionalLight.position.set(0, 1, 0);
directionalLight.castShadow = true;
scene.add(directionalLight);
light = new THREE.PointLight(0xc4c4c4, 10);
light.position.set(0, 300, 500);
scene.add(light);
light2 = new THREE.PointLight(0xc4c4c4, 10);
light2.position.set(500, 100, -500);
scene.add(light2);
light3 = new THREE.PointLight(0xc4c4c4, 10);
light3.position.set(0, 300, -500);
scene.add(light3);
light4 = new THREE.PointLight(0xc4c4c4, 10);
light4.position.set(-500, 300, 0);
scene.add(light4);
let loader = new THREE.GLTFLoader();
loader.load('../../3dModels/scene.gltf', function (gltf) {
car = gltf.scene.children[0];
car.scale.set(0.5, 0.5, 0.5);
scene.add(gltf.scene);
animate();
})
}
function render() {
renderer.render(scene, camera);
}
function animate() {
renderer.render(scene, camera);
requestAnimationFrame(animate);
}
init();
/////////////////////html
Document
{
"imports": {
"three": "./three.js/build/three.module.js",
"three/addons/": "./three.js/examples/jsm/"
}
}
Hello!!
Thanks for the 2023 code! May you please help me out here. My system gives ProgressEvent {isTrusted: true, lengthComputable: false, loaded: 0, total: 0, type: 'error', …} ERROR. Any way to fix it?
What did you do at 2:15 ???? You did not explain
I got my car to render but it is very tiny on init() and is very far back using the camera using the default source code. Any Idea why this is happening?
very help full, thanks ,
I have problem loading importing the files. Any idea how I can fix the issue?
Pls do u have a video on how to add it to react?
so json file is no longer supported as an exporting option from blender?
Hey man! Great job! I have a question: Once I have my the model uploaded, how can I add a button that activates an animation when clicked it, like opening the doors for example. Thanks!
i have a question in the model scene, can i add buttons and markers in the model from visual studio?
i need do a model but with tooltips in diferents ubications similar to google maps. what do you recomend me for my proyect? i tried incrust the model but i dont know how put the markers and tooltips in the model
I did exactly what this tutorial instructed....and I am only getting a grey screen...dont know what to do
awesome! you could integrate an example of these into a real site!Saludos desde Colombia! :)
Will it be possible to have the models have areas that when they pass the mause are activated or change color or add a link to another model?
I have copy past same code. and all js ifle but still not working on my system.
Hi, thank you! Great tutorial. I have a question, any of you guys know how to add text on a 3d model in threejs? I would really appreciate if someone helps me with that.
I get this error :
Uncaught TypeError: Cannot read property 'addEventListener' of undefined
at new THREE.OrbitControls (OrbitControls.js:1100)
at init (VM112 threejs.html:27)
at VM112 threejs.html:69
THREE.OrbitControls @ OrbitControls.js:1100
init @ VM112 threejs.html:27
(anonymous) @ VM112 threejs.html:69
How to get that Three.min.js file?
did everything according to the tutorial, but I can't see the 3d model on the website((((
Thankyou for the tutorial, i want to ask you a question how to lock the rotation just for horisontal axis?
en camera position y pon 0 listo
having a issue not able to view the GLTF in the web any suggestion
I have problem when i want to get finished result screen is white. I use local server and checked all codes but error. Please help me
i am getting an error GLTFLoader is not a constructor
you find out the answer pls tell me
@@SomethingWOW0 run on localhost
@@rizwandurrani3392 yeh bro i find the answer.Thank you for replying.
fbx 3D object have been open thats gr8, how to add this on web browser, can u help me?
Did you publish it using a live server?
cant get it working on both computer and hosted
If you get an AddEventListener error see Vincent Nunna's reply to
ABDUSHUKUR RASULOV. This worked for me.
You have to rearrange some lines of code.
camera.position.z = 1000;
renderer = new THREE.WebGLRenderer({antialias:true});
renderer.setSize(window.innerWidth,window.innerHeight);
document.body.appendChild(renderer.domElement);
let controls = new THREE.OrbitControls(camera,renderer.domElement);
controls.addEventListener('change', renderer);
hlight = new THREE.AmbientLight (0x404040,100);
Thank for your videos. I have a question.
I have a obj and hdri background. I can not keep obj when rotate background. Can you help me resolve my issue?
Great man !
I didnt work, im guessing its related to the three.main.js file missing... please some help
Hello, I have a problem with code. I follow the code step by step but I can't view anything in website. Does anyone know how to fix it? Thanks for help.
Hey the link you have given are not working now. Can you please reshare them as I am using on my project. URGENT!
Outdated:/
The .js files for the loaders are not longer there
Orbit Controls gives an error while adding addEventListener to controls. Can someone help?
" Uncaught TypeError: Cannot read property 'addEventListener' of undefined at new THREE.OrbitControls "
Looking down for more threejs tutorials.
Where can I find the GLTFLoader.js??????????????????????????????????????????????
how about pmx model? mmd models?
that was amazing but . how we can interact and show text in specific part on the car
Check out the font loader from threejs or the gamestop meme video from redstapler :)
hi sir! follow you tutorial but occur issue THREE.WebGLRenderer.render: camera is not an instance of THREE.Camera. if i connect three.js file and TypeError: "node.applyMatrix4 is not a function" if i coonect cdn file. What do you think it could be ?
getting error => Error: THREE.GLTFLoader: Failed to load buffer "scene.bin".
Any suggestion what can I do (and I have already included scene.bin in the project directory)
scene.gltf
thank you about these series but i try this example on my localhost android device and dont work
me too