Відео

I have fbx , there are all the material still the obj is not taking any color or material property??

This if install see the code auto complete? Intend suggest to you what you.

Great tutorial series for an indepth understanding from start to finish

I was watching the typo and it was funny the moment of realization

Molto bene tutorial

I'll keep plugging the algorithm for your code as its really elegant and clean way to build a Three JS project

I've found your series really excellent for learning structures and this even bus was flawed in my own first attempt. I really appreciate you creating this content

Thanks, that was exactly what i needed for my project

You're blocking the code that we should see! this's hilarious, man!

I am impressed sir. You are animating using an animation file. I want to get each joint position and update each joint position through the code to animate it. Is it possible? Actually I have a video file that I want to pass it to mediapipe and get the joints position then I will provide that array of points to this mixamo character to animate it.

where did you get the code snippets for making the class constructor stuff? It is an extension in vscode?

what version of three js is currently being made? I tried this way it doesn't work properly

how we install orbitcontrol if we install the three js in this way

How to touch with touchmove in cellphone buddy?

thank you helped me)

Good tutorial sir, but I have error: THREE. FBXLoader: cannot find the version number for the file given. How to fix that?

thank you so much ! :) your videos are so helpful😀

👍

😒

Thank you so much

Isnt there a problem with this way when using gltf loader or positional audio or any other modules?

Man, if you have time and desire, could you record a lesson about shaders in three js, please. Your lessons are amazing

you are a life saver fr, i watched four to five tutorials that were confusing and yours is straight to the point! thank you so much!

Thank You Sir.

Nicely explained. Was confused about this because all the examples out there involve mouse events. Keep it up!

can you share a link to your repository, because my code doesn't work? I will be grateful, and it will help me to study three.js

why we create machine, if we have requestAnimationFrame method?😲

yes, easiest learn, thank you very much, hope look more next video

many thank, wait for next video

Im ready to start) thank you so much !

great job !

God bless you! Thanks a lot for your titan work!

Awesome channel! You're rock!

I'll remember this face)) This channel is GOLD! Thank you, mate!

Very glad to find you channel, MAN!! Thanks a lot for your knowledges!

Hi there thank you for these tutorial I have a question how can I make button on the object like car door or window when I click on car door call a function i made before ??? And thank you again ❤❤

Let's go...

That was great, thank you.

thank you for sharing. how event bus being used? I think this is very useful lesson, but without example it is difficult to understand. Where could I find some more information about that?

Thank you very much, But I got the trouble，can help me? PS D:\JS> npm run build npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead. > webpack1@1.0.0 build > webpack watch --mode=development --config webpack.config.js [webpack-cli] Failed to load 'D:\JS\webpack.config.js' config [webpack-cli] Error: Cannot find module 'D:\JS\webpack.config.js' Require stack: - D:\JS ode_modules\webpack-cli\lib\webpack-cli.js - D:\JS ode_modules\webpack-cli\lib\bootstrap.js - D:\JS ode_modules\webpack-cli\bin\cli.js - D:\JS ode_modules\webpack\bin\webpack.js at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15) at Function.Module._load (node:internal/modules/cjs/loader:778:27) at Module.require (node:internal/modules/cjs/loader:1005:19) at require (node:internal/modules/cjs/helpers:102:18) at WebpackCLI.tryRequireThenImport (D:\JS ode_modules\webpack-cli\lib\webpack-cli.js:204:22) at loadConfigByPath (D:\JS ode_modules\webpack-cli\lib\webpack-cli.js:1404:38) at D:\JS ode_modules\webpack-cli\lib\webpack-cli.js:1454:88 at Array.map (<anonymous>) at WebpackCLI.loadConfig (D:\JS ode_modules\webpack-cli\lib\webpack-cli.js:1454:68) at WebpackCLI.createCompiler (D:\JS ode_modules\webpack-cli\lib\webpack-cli.js:1785:33) { code: 'MODULE_NOT_FOUND', requireStack: [ 'D:\\JS\ ode_modules\\webpack-cli\\lib\\webpack-cli.js', 'D:\\JS\ ode_modules\\webpack-cli\\lib\\bootstrap.js', 'D:\\JS\ ode_modules\\webpack-cli\\bin\\cli.js', 'D:\\JS\ ode_modules\\webpack\\bin\\webpack.js' ] }

thank you

hi bro I really need your help every-time I scroll the page the fbx model despair from the de scene what can i do to stop this problem here is the code: const clock = new THREE.Clock(); let mixer; const scene = new THREE.Scene(); const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); const pt = new THREE.Vector3(0, 1, 2); camera.lookAt(pt); const renderer = new THREE.WebGLRenderer(); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild( renderer.domElement ); renderer.setPixelRatio(window.devicePixelRatio); renderer.setSize(window.innerWidth, window.innerHeight); camera.position.setZ(40); renderer.render(scene, camera); //Background // Lights scene.fog = new THREE.Fog( 0xa0a0a0, 200, 1000 ); const hemiLight = new THREE.HemisphereLight( 0xffffff, 0x444444 ); hemiLight.position.set( 0, 200, 0 ); scene.add( hemiLight ); const dirLight = new THREE.DirectionalLight( 0xffffff ); dirLight.position.set( 0, 200, 100 ); dirLight.castShadow = true; dirLight.shadow.camera.top = 180; dirLight.shadow.camera.bottom = - 100; dirLight.shadow.camera.left = - 120; dirLight.shadow.camera.right = 120; scene.add( dirLight ); // Helpers const controls = new OrbitControls(camera, renderer.domElement); controls.target.set(4.5, 0, 4.5 ); controls.enablePan = false; controls.maxPolarAngle = Math.PI/2; controls.enableDamping = true; controls.noPan = true; controls.noKeys = true; controls.noZoom = true; controls.enableZoom = false; // Scroll Animation function moveCamera() { const t = document.body.getBoundingClientRect().top; const currentTimeline = window.pageYOffset/3000 const rx= currentTimeline*Math.PI*2 camera.rotation.set(rx,0,0) camera.position.z = t * -100; camera.position.x = t * 0; camera.position.y = t * 0; } document.body.onscroll = moveCamera; moveCamera(); //load model const loader = new FBXLoader(); loader.load( 'assets/Strut Walking.fbx', function ( object ) { mixer = new THREE.AnimationMixer( object ); const action = mixer.clipAction( object.animations[ 0 ] ); action.play(); object.traverse( function ( child ) { if ( child.type == 'SkinnedMesh' ) { child.frustumCulled = false; } } ); scene.add( object ); } ); function animate() { requestAnimationFrame(animate); const delta = clock.getDelta(); if ( mixer ) mixer.update( delta ); renderer.render( scene, camera ); controls.update(); renderer.render(scene,camera); } animate()

may be (almost sure that) by using the native require('path') api/library you/we don't need to replace manually the path slashes

Thank you helped me a lot!

Where index.js file code explanation?

you can't see these with the camera and you can't read what you write change the position of the screens to the left the visual

it gives me the error, Uncaught TypeError: Cannot read properties of undefined (reading 'keys')

here the machine does not work for me

also you can click on file and do auto save and that will save every time you edit the code

muy bueno no sabia eso con el setinterval