HTML でもいいし、three で書いてもいいから、コントローラー的なものを作てくれると助かる。
feat/ws にPRすればいいよ

feat: 複数のルーム

ゲームロジック

socket で転送するデータ構造を作る

コマを動かせるようにする関数を作る

コマを動かすアニメションをつける

Ref

react-spring アニメションのライブ

ソケットに沿ってコマを動かす

コマを動かせるようにする関数を作る

Hi There!

_allKoma をだけ変えても無理でした、なんか useEffect が変数監視できてない(´;ω;｀)
useFrame とか async の関数を使って_allKoma を監視して、変わったら変える方式で行きましょう！

参考

taruto/client/src/App.tsx

Lines 214 to 227 in 0a127d2

    
           useFrame(() => { 
        
               Komas[5].MoveToMasu(masu); 
        
               temp.position.set( 
        
                   Komas[5].Position.x, 
        
                   Komas[5].Position.y, 
        
                   Komas[5].Position.z 
        
               ); 
        
               temp.updateMatrix(); 
        
               ref.current.setMatrixAt(5, temp.matrix); 
        
               ref.current.instanceMatrix.needsUpdate = true; 
        
               masu = masu._next === null ? allMasu[0] : masu._next; 
        
           });

RoadMap

時間あったらやる

マスの色とコマの色を決める

LOGO

MASU の NextMasu & prevMasu を完成させる

ステータスボードをつける

Masu の色を区別する

テキスチャーをつけたいけど、わからんから。解決として、Shader を利用してもいいと思う。ほかのあれば教えて。

https://qiita.com/nemutas/items/5b72de3ab7870cf2f414

	useFrame(() => {
	Komas[5].MoveToMasu(masu);
	temp.position.set(
	Komas[5].Position.x,
	Komas[5].Position.y,
	Komas[5].Position.z
	);
	temp.updateMatrix();

	ref.current.setMatrixAt(5, temp.matrix);
	ref.current.instanceMatrix.needsUpdate = true;

	masu = masu._next === null ? allMasu[0] : masu._next;
	});

zhixuan2333 / taruto Goto Github PK

taruto's People

Contributors

Watchers

taruto's Issues

Ref

Hi There!

参考

RoadMap

時間あったらやる

Recommend Projects

Recommend Topics

Recommend Org