Vue のトランジションでゲームが作れるのでは？という提案 - Qiita
この記事は Vue.js #3 Advent Calendar 2018 の19日目の記事です。 Vue で動くものを作る 要素の動きを扱おうとする場合，CSS のみで記述すると複雑となってしまいます． Vue には要素の動きを扱う トランジション があります． Vue のドキュメントのトランジションのページを見ていただくと，いろいろと動くデモが載っています． この記事では，このトランジションを利用して，ゲームを作るときに利用できそうな動きを例示していきます． カードがめくれる動き（transition） Vue の transition を利用します この機能は基本的に 要素が現れる/消える ときの動きを扱ってくれます 作成例 カードがひっくり返る動作のデモです カードが現れる/消えるときにカードが90度回転するようにしてあげています 実装のポイント <transition> に mod
Vue Fes Japan: Next-Level Vue Animations
“人間は進化の過程で、より継ぎ目無く、シームレスに流れるような動きを行うよう最適化されてきた。” "人間とコンピューター間のインタラクションでも、新しく登場した概念に対応できるようにはなっていない”
Sarah Drasner - Animating Vue | VueConf 2017
As superfluous as something like animation may initially seem, you can tell a lot about framework by the way that it handles the concept of time. Idiosyncrasies and race conditions in rendering reveal themselves, pauses in DOM and virtual DOM diffing can be exposed. This is one of the ways Vue shows itself to be uniquely capable and elegant as a framework. In her talk Sarah covered the use of the
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Animation - Vue.js Examples
