threejsの検索結果1 - 4 件 / 4件

• あとで読む

  bayazuma on Twitter: "許可したくなるWebプッシュ通知を考えてみた #webgl #threejs #ui #interaction https://t.co/ZUd40sk4XD"

  • 33 users
  • twitter.com/bayazuman
  • テクノロジー
  • 2022/05/03

  許可したくなるWebプッシュ通知を考えてみた #webgl #threejs #ui #interaction https://t.co/ZUd40sk4XD

  • Network
  • あとで読む
  • UI
  • video
  • デザイン
  • Life
  • Web

  
• あとで読む

  GitHub - Tresjs/tres: Declarative ThreeJS using Vue Components

  • 5 users
  • github.com/Tresjs
  • テクノロジー
  • 2023/06/10

  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

  • library

  
• あとで読む

  【Threejs×Nextjs】DOM座標同期したWebGLをページ遷移でシームレスに動かす

  • 3 users
  • zenn.dev/youse_jp
  • テクノロジー
  • 2022/06/22

  概要 大まかな実装の仕組みを紹介します。 framer-motionを用いてDOMの透明度を変更したページ遷移を実装する recoilを用いて遷移時と遷移先のURLを記録する recoilを用いて遷移先のDOMがマウントされた時のURLを記録する 記録したURLによってPlaneの遷移前の頂点と遷移後の頂点を補間して動かす 解説 実装の仕組みを4段階に分けて解説します。 1. DOMの透明度を変更したページ遷移 まず、WebGLを使用する前にDOMの透明度変更によるフェードイン/アウトのページ遷移を実装します。実装には framer-motion を用います。framer-motionを使うと任意の値（今回はURL）の変動によってマウント時とアンマウント前にアニメーションをさせることができます。フェードイン/アウトするコンテンツをラップするコンポーネントを作成すると便利ですので、下記に例を

  
• あとで読む

  GitHub - ertugrulcetin/racing-game-cljs: A 3D racing game built with ClojureScript, React and ThreeJS

  • 3 users
  • github.com/ertugrulcetin
  • テクノロジー
  • 2021/06/23

  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

  • OSS
  • ゲーム