Is this possible to use Pathfinding with r3f ?

[Franckapik]

I would like to know if this is possible to use pathFinding ?
I saw this repo : https://github.com/donmccurdy/three-pathfinding

My goal is just to have characters walking on a plane ...
Thank you for your answers !
F.

[drcmda]

sure it's possible, tried something similar with yuka once https://codesandbox.io/s/yuka-seek-demo-with-react-three-fiber-bys2i just abstract it in any way you like, because r3f, after all, is just threejs powered by react, so you can use hooks

[Franckapik]

Thank you really much for your link! This is a hudge library ! I saw your abstraction to make it usable with react.
Just to understand because i'm not familiar with all react functionality, i have few questions...

1- Context is usefull to manage states between components. Is it why you put "new EntityManager" in a react state (UseState) ? Is it possible to use zustand instead finally?

2- I don't understand the use of useUpdate for coneBufferGeometry. I read on documentation that it's necessary to update mesh imperatively... I should try without to see what's happen... but i never had the need to use it so i don't understand why this is here...

Thank you again @drcmda for all your energy and help for us !
F.

[Franckapik]

This is strange ...
I tried yuka library with your react abstraction and it's working well except if i use useLoader/GTLFLoader.
here is my code 👍
import React, { useRef, useState, useEffect } from 'react'
import { Sphere } from 'drei'

import { useYuka } from '../../devtools/useYuka2.js'
import { useLoader, useFrame } from 'react-three-fiber'
import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'
import { Vehicle } from 'yuka'

const Budie = (props) => {
const { nodes } = useLoader(GLTFLoader, '/budie.gltf') // this is the line wich cause an error.
const [ici] = useYuka({ type: Vehicle, ...props })

return (



)
}

export default Budie

Is it a default of time with async function ? What kind of conflict it can be ?

This is the error :

index.js:1 TypeError: Cannot read property 'steering' of undefined
at useYuka2.js:26

Thank you for your answer !