日本時間７月１４日夜にGrokにて 「コンパニオンモード」が公開されました。 基本無料で手軽に遊べるので、ぜひお試しすることをお勧めします。 個人的に久しぶりにいい出来のものが来たと思います。 記事公開時点で様々な情報が飛び交っておりますが、 「サブスク未登録」でも遊べますし、全機能堪能できます。 まずは、「あそびかた」次に「攻略」併せて軽く「技術解説」をします。 ※一部、大人な内容が含まれます。ご注意ください。 追記：07/23/2025 22:00 脱衣機能復活 今後も刻々と仕様が変わるものと思われますので、こちらの追記で本記事は最後としまして、「Legacy」とタイトル末尾を変更させていただきます。 脱衣機能の復活と条件に関するご報告が本記事のコメントにございましたので、添付いたします。（あと、言及はしなかったのですが、Grok公式と言っても所詮LLMの生成を引用参照して課金が条件と
お知らせX (旧Twitter) で本ソフトウェアが他者のソフトウェアの後継であると流布されていますが、 本ソフトウェアは他者ソフトウェアの後継ではありません。 また、開発者である私は、現在、過去にそのようなことを主張していません。 本ソフトウェアは私個人のニーズに合わせて開発したソフトウェアです。 そのため、機能や特徴が似ていたとしても、他者のソフトウェアの後継を意図しているわけではありません。 クロスプラットフォームWindows専用のソフトにはうんざりしていませんか？ Beutl は常に最新の .NET を使用しているため、いろいろな OS で動作します。 Windows, Linux, macOSをサポートしています。 動作確認済みOS
Scenes PRESUMABLY animated by Japanese animator Hayao Miyazaki (宮崎駿, b.1941). Most of you might have known him as director, but he is also the greatest animator in Japan from late 60s to early 70s! Note: This reel contains some of my presumptions that needs further research to be done. If you find any inaccuracies with the animator identifications, please don't hesitate to point it out and I'll t
Animate Anyone: Consistent and Controllable Image-to-Video Synthesis for Character Animation Character Animation aims to generating character videos from still images through driving signals. Currently, diffusion models have become the mainstream in visual generation research, owing to their robust generative capabilities. However, challenges persist in the realm of image-to-video, especially in c
みなさんは、Web アニメーション使っていますか？ おそらくLottieを使っている人が多いかと思います。 ただ、Lottieには大きな問題がありますね？ そうです。 Adobe の After Effects（AE）がないとアニメーションが作れないという問題です。 たくさんの人たちが嘆き苦しみながら AE を使うために Adobe に課金している事だと思います。 そんな人々を救うため、 最近では AE を使わなくてもアニメーションを作れるようにとLottie Labというサービスが開発されていたりします。 しかし、まだまだ公開には至っていない状態です。（2022/12/07 現在） そこで、Rive 登場 AE で行っていたアニメーションの作成から、書き出しまで全て Web 上で完結できるサービスです。 今回は、アニメーションの設定から React で動かすまでをやってみたいと思います！
Verify to continue To continue, please confirm that you're a human (and not a spambot).
この記事はようやくSafariでもフルサポートされそうなWeb Animations APIのcomposite（効果の組成）って機能がすごいよ！！って、ただそれだけを伝えたい記事です。平たくいうと複数のアニメーションを簡単キレイに合成できる機能なのですが、通常のWebのコーディングでもよく出てくる辛さを解決してくれる結構すごいヤツなのです。 ▼ こういうアニメーション作るのもだいぶん楽になります Web Animations APIで星空パーティクル 単にCSSのアニメーションをJSで描けるよってだけではあるんだけど、ライブラリなしでそこそこ簡単にインタラクティブなもの作れるって意味ではうれしい。主要ブラウザ全部で使える。https://t.co/8H8zXfc5NL pic.twitter.com/bfTERJPxIX — ゆき＠ティアF47a (@yuneco) October 11
Why? Can interact with mouse / touch Customize colors & style to match your brand No pixelation – Canvas runs at full resolution Smaller filesize than background videos and large background images – three.js is ~120kb minified and gzipped Runs fast (60fps) on most laptops/desktops What's the catch? Some WebGL effects are slow on older computers. Don't use more than one or two in a single page! Not
ゲームエンジンや3Dソフトウェアを利用して高度な表現ができるこの時代でも、プリミティブな描画や動き、アルゴリズムから学べることは多い。それらをJavaScriptで書くクリエイティブコーディングという形で学べる手引書が本書となる。
このサイトではからくり機構の仕組みをアニメーション付きで紹介しています。そのほか、からくりにまつわるコラムや製作した小作品の展開もしております。製作でのインスピレーションを湧かすためにも是非ご覧ください。
Animate elements entering the viewport Animon gets out of the way and allows you to describe animations using class names and data-attributes. Based on intersectionObserver, Animon weighs only 0.9kb, with zero dependencies. Learn how to use it. Usage Import the library and its styles from a CDN: <link rel="stylesheet" href="https://unpkg.com/animon@1.0.1/dist/animon.css"/> <script src="https://unp
CSSは使いようによっては様々な表現が可能な奥深い言語です。しかし、アニメーションなど凝った動きをするものに関してはコードは見れても実装方法を詳しく解説している記事は多くないように思えます。 この記事では、私（さかっちょ）がTwitterで過去にツイートしたCSSの技術をCodePenで改めて実装し、Twitterでは解説しきれなかった実装方法をより詳しく説明しています。CSS初学者の方にもわかりやすいように解説していますので、ぜひ参考にしてみてください。 その1. 一文字ずつ登場するテキストアニメーション See the Pen [CSS Tips] Text Show-up Motion by Takuro Sakai (@sakaccho) on CodePen. 一文字ずつtransformで移動させています。文字が途切れることなく流れるようにtransition-delayを調整
拡大しても線や色を滑らかなまま保つことができるベクター画像で描かれたイラストを集めたサイトが「Pixel True」です。無料でダウンロードできる画像が多くそろえられており、画像はすべてロイヤリティフリーで使用できます。 Pixel True - Beautiful illustration packs https://www.pixeltrue.com/illustrations Pixel Trueは上記URLからアクセス可能。無料でダウンロードできる画像の一覧を見るには「Free illustration」をクリックします。 無料でダウンロードできる画像は記事作成時点で100種類以上あり、中にはアニメーションつきの画像もありました。UFOにさらわれる牛や落ちたアイスクリームなど、独特なラインナップ。 アニメーションつきの画像は、画像にマウスオーバーすればアニメーションを再生可能。 以
※ CSS Animationに関してはWeb Animation APIを使うことでより簡単にJavaScriptからアニメーションを構築・制御できるようになります。2020年2月時点ではブラウザの実装が不十分でPolyfillを要するため、この記事では対象外としています。 専用ライブラリを使わずにアニメーションを作ろう 各ライブラリは特別な魔法を使っているわけではありません。 原理的にはCSS・SVG・WebGLといった各要素技術をしっかりと習得すれば、専用のライブラリと同等のことができるばかりか、より高い自由度を手に入れながら軽量化を実現できる可能性もあります。 また、専用のライブラリを利用する場合にも、基礎となる原理や各技術の得意不得意を知っていることは大きな武器となるでしょう。 Vue.jsを使ってCSSやSVGのアニメーションを書く とは言え、これらのアニメーションを土台の技術
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く