Web ページの背景を動く星空にした話 (with react-three-fiber)
TL;DR モチベーション ウェブページの背景に星空を見せたかった。それがちゃんと実際の星空の、リアルタイムの状況を反映していたら面白いよねと思った。 スタート時の状況 主に愛情のこもった手打ち HTML5 と 手打ち CSS でシンプルな Web ページを作っていた https://web.archive.org/web/20210212085818/celestian.io この前にどうやら React が世間では流行ってるらしいということで React と TypeScript を使った小さい 1 ページアプリを作った https://web.archive.org/web/20201202100627/https://celestian.io/ssr/ 今の https://celestian.io/sushi の前身 C# で WPF のデスクトップアプリとか作ってたことがあった
react-three-fiberを使ってSVGをバラバラに動かしてみる - Workship MAGAZINE(ワークシップマガジン)
デモページ ソースダウンロード react-three-fiberは、Three.jsのためのReactレンダラー。動的なシーングラフを簡単に作れる優れものです。 今回はこのreact-three-fiberを使って、シーングラフを再利用可能なコンポーネントに分離し、アニメーションをつける方法をご紹介します。 Reactとは、Facebookが開発したJavaScriptライブラリです。頭に浮かんだアイデアを、レゴブロックのようにコンポーネントに変身させられるのが特徴です。 しかしそんなReactにも、コンポーネントの処理方法を指示するための調整プログラムが必要ですあ。調整プログラムには、ARやVRなどさまざまなプラットフォームにリーチするものがありますが、その中でもreact-three-fiberはコンポーネントをThree.jsのシーングラフに変換してくれるものとなります。 1. シ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React Three Fiberでシンプルなパーティクルアニメーションを実装してみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
