2D entertainment development made easy! Fast! Comfortable!
OPTPiX SpriteStudio は超汎用の 2D アニメーション作成ツールです。 コンシューマーゲームやスマートフォンアプリ、各種ゲームなどに使用される2Dキャラクターのアニメーションや、ウィンドウなどのインターフェース周りの動き、攻撃時などに展開されるエフェクトのアニメーションなど、幅広いアニメーションを作成することができます。 作成したアニメーションはゲームエンジン等に組み込んで使用する他、アニメーションGIF・PNG・WebPやムービーとして出力することもできます。また、Ver.7.1からは音声ファイルの再生やテキスト表示にも対応し、作成できるアニメーションの幅が広がりました。 多彩な機能でキャラクターを生き生きと動かす メッシュ・ボーン機能を使用することにより、より豊かな表現を実現できるようになりました。髪の毛や布、棒のしなり等のアニメーションはもちろん、2Dイラストを立体
デモのアニメーションGIF 実装 HTML デモページの中央のセクション(背景グリーンの箇所)のHTMLです。 <section class="cd-section"> <!-- テキスト --> <div class="cd-modal-action"> <a href="#0" class="btn" data-type="modal-trigger">Fire Modal Window</a> <span class="cd-modal-bg"></span> </div> <div class="cd-modal"> <div class="cd-modal-content"> <!-- モーダルコンテンツ --> </div> </div> <a href="#0" class="cd-modal-close">Close</a> </section> ボタン、モーダルコンテンツ
Introduction snabbt.js is a minimalistic javascript animation library. It focuses on moving things around. It will translate, rotate, scale, skew and resize your elements. By including matrix multiplication operations, transforms can be combined in any way you want. The end result is then set via CSS3 transform matrices. snabbt.js is built to be fast. It will only animate things that modern browse
Status This project is no longer maintained. CSS now has built-in support for setting color-interpolation-method. Transitioning through the oklch color space is a superior alternative to using this library. About sweep.js is a small JavaScript library (5kb zipped) that enables proper color transitions through the HSL and HUSL spaces. Ordinary CSS transitions and existing frameworks convert HSL col
Search p5js.org Hello! p5.js is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! p5.js is free and open-source because we believe software, and the tools to learn it, should be accessible to everyone. Using the metaphor of a sketch, p5.js has a full set of drawing functionality. However,
CSS3 Animate It is a new CSS3 lightweight animation plugin that triggers animations when they come into view using CSS3 animations.Include css3-animated.js at the end of your file and animations.css in the head. Once you have done that you can just define "animatedParent" as the parent class which is what will trigger the child class "animated" to animate whichever animation is defined, here we ar
↓↓こういうのと, ↓↓こういうのを用意して, ↓こうすると, wget http://mrwgifs.com/wp-content/uploads/2014/01/A-Stylish-Emma-Stone-Gives-You-a-Thumbs-Up-In-a-Pink-Dress.gif convert -resize '245x245!' A-Stylish-Emma-Stone-Gives-You-a-Thumbs-Up-In-a-Pink-Dress.gif 1.gif wget https://cdn-ak.f.st-hatena.com/images/fotolife/h/hitode909/20140324/20140324190314.gif convert 1.gif 20140324190314.gif 2.gif ↓↓こういうのができて便利. あらかじめサイズを合わせ
ドラゴンボーンズは2Dのボーンアニメーションのためのオープンソースプロジェクトです。"ドラゴンボーンズデザインパネル"というスケルトンアニメーションの設定を行うパネルと、ActionScriptによるボーンアニメーション再生のためのライブラリで構成されます。 デザインパネルは実際にはFlashの拡張機能で作られているため、デザイナーが慣れ親しんでいるタイムラインアニメーション作成フローを基に2Dスケルトンアニメーションが効率的に作成できます。 従来のタイムラインアニメーション作成に基づいたワークフロー。 ボーン(骨構造)を適用することによって、アニメーションのクオリティを向上させ、正確で自然なものとします。また、すべてのボーンはプログラムから動的に制御が可能です。 ボーン個々に対してアニメーションの再生時間や再生までの遅延時間を設定することができます。これは、より少ないキーフレーム数で生き
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く