Webで見られるアニメーションを、使用される技術の観点からいうと、HTML5の現在、次の5つに分けられます。 JavaScriptによるDOM操作 CSSアニメーション <canvas>要素のアニメーション […]
続きを読む日: 2018年6月17日
1_3 Webアニメーション(CSSアニメーション)の場合
Webページで見られるCSSアニメーションも、人間の錯覚によって生まれるという点では、映画のアニメーションと同じです。ただし、CSSアニメーションでは、全コマを描くわけではありません。変化のポイントとなる時点をキーとして […]
続きを読む1_2 アニメーションが動いて見える原理
アニメーションが動いて見えるのは、人間の錯覚で、脳がだまされているからです。 映画のフィルムのコマで考えると分かりやすくなります。 映画では、1秒間に24のコマが映写されます。これは高速なので、人間の目(脳)は残像現象に […]
続きを読む1_1 アニメーションとは?
Animationは、ラテン語で”霊魂”と意味するanima(アニマ)に由来していると言われ、本来は動かない、生命のないものに命を与えて動かすことを意味します。 コンピュータの世界でアニメーションと言うと、ある時間をかけ […]
続きを読む1 Webアニメーションとは?
日本語でアニメーションと言うと、通常はテレビや映画のアニメを指しますが、コンピュータの世界では、時間の経過とともに、たとえば色が変わっていくこともアニメーションと呼ばれます。
続きを読むスマホなどのイラストなど
その昔、Adobe AIRでスマホアプリを作る本を書きました。残念ながら出版元の都合で紙の書籍とはならず、2012年、「モバイルAIRによるクロスプラットフォームアプリケーション開発」という名前でオライリー・ジャパンから […]
続きを読むTensorFlow.jsことはじめ
練習
続きを読むWeb Animationsことはじめ
練習。
続きを読む