Блог

Я совершенно новичок в three.js и реагируют-три волокна. Я хочу создать что-то вроде предоставленной ссылки и добавить прослушиватель событий onclick при нажатии на слово

https://codesandbox.io/s/r3f-mirrors-tutorial-2-lbzcs?from-embed

Однако этот код работает только в песочнице, а не в nextjs. Я изменил импорт и функцию TitleCopies в приведенном выше коде, чтобы

 function TitleCopies({ layers }) {
    const vertices = useMemo(() => {
        const y = new THREE.IcosahedronGeometry(12).attributes.position.array    <---            
        return y
    }, [])

    return (
        <group name="titleCopies">
        {vertices.map((vertex, i) => (
            <Title name={'titleCopy-'   i} position={vertex} layers={layers} />
        ))}
        </group>
    )
}
 

Это просто показывает пустую черную страницу без каких-либо ошибок.
Есть идеи, как это исправить?

Мы высоко ценим любой вклад.