[CreateJS] Canvasアニメーションを実装する時に便利で良く利用しているJSライブラリ、CreateJS - YoheiM .NET
Tooklit for CreateJSは仕事でも利用しています。しかし、完全に出力する為にはFlashの××の機能は使っちゃダメなど、 いまのところは制約が多く使いづらいのが現状です。 また、出力されたソースコードをそのまま動かすと、なかなかの重さで書き換える必要がある場合も多く。。 現在は、Flashで利用している画像素材などの書き出し用として使うことがメインです。 CreateJSを使って実際に作ってみる CreateJSのEaselJSとTweenJSとPreloadJSを使って、 以下のような「動物が上下に動く」アニメーションを作成してみたいと思います。 CreateJSを使う為の準備 まずは、CreateJSのライブラリを読み込む実装を行います。 今回はCDNで提供されているものを利用していますが、ローカルにダウンロードしてきてそれを読み込むのももちろんありです。 <scrip
![[CreateJS] Canvasアニメーションを実装する時に便利で良く利用しているJSライブラリ、CreateJS - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/383ba9cac4755b0264d3fc76115f5fbaf427c264/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F174.jpg)
[HTML5] CanvasでRetina対応を行う - YoheiM .NET
こんにちは、Canvasでバリバリ仕事中の@yoheiMuneです。 最近のWebアプリでCanvasを使っているアプリが多いですが、Retina対応できておらず、にじんだ感じになっているアプリが多々あり。。 なので、CanvasでRetina対応できるのかを調べました。今回はその結果を記載したブログとなります。 Canvasで普通に描画するとにじむ Canvasの描画内容をRetinaでない多くのPCブラウザで見る分には問題ないのですが、 iPhoneなどのRetina対応したブラウザで見るとにじんで見えてしまいます。 画像などの表示ではRetina対応を行う事が多いですが、 CanvasでもRetina対応する事でにじまずに描画内容を表現できるようです。 CanvasでRetina対応をする方法は、画像のRetina対応の考え方と同じで、 描画した内容を1/2のサイズで表示することでキ
![[HTML5] CanvasでRetina対応を行う - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/7a7befe78801333ad9435805e5c94897b4e17911/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F161.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
