Riveって？ Riveは、リアルタイムのインタラクティブデザインとアニメーションツールとして、インタラクティブなアニメーションをどこでも作成、実行ができるようにするライブラリで、開発者やデザイナーは、Riveのコラボレーティブエディタを使用して、様々な状態や、ユーザーの入力に反応するモーショングラフィックスを作成することができます。 オープンソースの軽量なランタイムライブラリにより、Webサイト、アプリケーション、ゲームにアニメーションを追加できます。 対応するプラットフォーム Web(canvas,WebGL), React, Vue, Angular, React Native, Flutter, iOS, Android, C# Rive VS Lottie Webアニメーションといえば、Lottieも有名かと思います。 その比較に関する記事が、公式サイトにあるので、気になった方は

はじめに こんにちはウコンパワーです。 今回は私が所属しておりますジュニにて一つWebサイトを公開しまして、ちょっとトリッキーなことをやったりしましたので、いくつか紹介できればなと思いこちらの記事を書いております。 制作全体に関しても記事をまとめたりもしてますのでぜひ参照ください。 というわけで今回公開したサイトは以下です。↓↓ GPUがアツアツですね!! すべてをさらけ出す そして今回はただのTips紹介じゃないぞ！の気持ちです。 なぜなら、リポジトリが公開されてるからです。 こんな記事読まなくても git cloneすれば済む話なのでこの記事はおまけ程度に見てもらえますとです。 ライブラリ / ツール 主に使用したライブラリやツールは以下です。 ライブラリ Threejs cannon.js ore-three ツール VSCode Bender Fgma Miro フレームワーク 無

はじめに 皆様はじめましてウコンパワーと申します。 この度私が所属しておりますジュニにてひとつWebサイトを公開しまして、せっかくなのでそのフローを皆さんにも共有できればと思いこちらの記事を書くことになりました。 (Zennに書くことなのか？という疑問も持ちつつきっと誰かの役にも立つことを祈って書いてます、温かい目で見ていただけますと幸いです。) 技術的な内容にフォーカスした記事も作成しておりますのでそちらもよろしければ参照ください。 早速ですが、今回制作したものはこのようなものになっております。↓↓ PCのファンが回りますね!! なぜ作ったか サイトを見ていただいた方はお察しかもしれませんが、 このサイトを作った明確な意図はありません。（驚 強いていえば採用というところで、最後にWantedlyへのリンクを張ったりしていますが、 まずはなんかいい感じのサイトを作りたいなあ...という感情