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
ANIMATE ITはブラウザでイラストを複数描いてGIFアニメやmp4の動画ファイルとしてダウンロードできるアニメーションドローツールです オープンソースとしてソースコードも公開されています。mp4には音声も含める事が出来るみたいです。複雑な機能はない、シンプルな作りですがそれゆえ誰でも簡単に作成できる印象でした。 また、Blockstackとも連携可能で、データの保存もブロックチェーン技術を使ってセキュアに行われるよう設計されています。 使ってみる 試しにその場で思いついたオリジナルキャラの、中身が出かけているチョコレートまんじゅう君を書いてみました。 この手のツールに不慣れな僕でもHelpを読まずにどう操作すればいいかある程度把握できる程度には簡単そうです。(絵を描けるとは言ってない) まぁこの手のアプリで絵を描けるような方はそもそもこういうものを作れるソフトウェアを日々使っていると
Webの表現力はHTML5によって高まっていますが、そう簡単に高度な表現ができるわけではありません。目を引くようなアニメーション、グラフィックスを実現させようと思ったら相当量のコードを書かなければならないでしょう。 今回はそんな作業を軽減してくれるパーティクルライブラリProtonを紹介します。 Protonの使い方 Protonのデモです。花火。 丸がニョキニョキ伸びていくデモ。 ゲームで使うこともできます。 ブラウザのアイコンが飛んでいくデモ。 文字が広がったり、戻ってきたりするデモです。 Protonのサイトには多くのデモが登録されています。それらを見れば、どんなことができるのかすぐに分かるでしょう。炎やガスのような表現はもちろんのこと、より複雑なパーティクル表現も実現できるでしょう。 ProtonはHTML5/JavaScript製のオープンソース・ソフトウェア(MIT Licen
ドワンゴは、イタリア・ローマのDigitalVideo社が独自開発したアニメーション制作ソフト「Toonz」を買収し、オープンソースソフトウェア「OpenToonz」を3月26日より公開すると発表しました。 「OpenToonz」は「Toonz」を元にしたオープンソースプラットフォームで、無償かつ誰でも改良できるソフトとして公開。「Toonz」を利用してきたスタジオジブリが独自に開発した機能「Toonz Ghibli Edition」や、ドワンゴの人工知能技術を使ったエフェクト、エフェクト追加プラグインといった機能も搭載されます。 なお、「Toonz Ghibli Edition」とは「Toonz」のソースコードをスタジオジブリ社内でカスタマイズしたもので、「借りぐらしのアリエッティ」以降のほぼすべての作品の仕上、色指定、撮影工程(手描きの絵をスキャンするところから、最終的な画面を組み上げ
mashiはJavaScriptベースのタイムライン指定のアニメーションを実現するツールキット。 mashiはJavaScript製のオープンソース・ソフトウェア。Webブラウザ上でアニメーションを実現しようと思うと、技術的に候補にあがるのがアニメーションGIF、Flashそして動画だろう。どれもあまり動的に作り出すものではないので、再利用性やシステムとの親和性は高くない。 画面上の部分がアニメーションする もっと手軽にアニメーションを作ったり閲覧することができれば、Webサービスのアピール方法が変わるかもしれない。そのためのツールキットがmashiになる。タイムラインに則って、情報をスムーズに切り替えることが可能だ。 mashiはベースになる幾つかのツールキットを組み合わせつつ、app.jsというファイルを編集してタイムラインを作っていく。作られたアニメーションは再生ボタンがあり、それを
css-animations.jsはCSS3キーフレームアニメーションを制御するJavaScriptライブラリです。 CSS3にはキーフレームアニメーションがあります。簡単なアニメーションであればCSSだけで実現できます。そんなキーフレームアニメーションの動作を制御できるJavaScriptライブラリがcss-animations.jsです。 CSS3の@keyframesでアニメーションを制御しています。 JavaScriptでアニメーションを追加することもできます。 こちらはCSSなし、JavaScriptのみでキーフレームを作成しています。 CSS3だけで全てを行おうと思うと書き方が冗長的になったり、一つのDOMに一つのアニメーションしか付けられずに不便な思いをするかも知れません。JavaScriptと組み合わせることで他の入力状態などによって動きが制御できるようになるので、より利用
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く