Closed2023/02/08にクローズ5

riveを触ってみる

yukyu 2022/12/18に更新

カーソルトラッキングするやつを一から作る

よしなに作る。説明が大変なのでどっかにまとめたい

npm i --save @rive-app/react-canvasする

yukyu 2022/12/18に更新

rivファイルをダウンロードしてき、srcとstateMachinesを適宜変える。

import { useRive } from "@rive-app/react-canvas"

export const Eye = () => {
    const { rive, RiveComponent } = useRive({
        src: "/eye.riv",
        autoplay: true,
        stateMachines: "State Machine 1" /* ステートマシンの名前が必須っぽい */
    });
    return (
        <RiveComponent />
    );
}`

このスクラップは2023/02/08にクローズされました

関連リンク

カーソルトラッキングするやつを一から作る