はしくれエンジニアもどきのメモ

情報系技術・哲学・デザインなどの勉強メモ・備忘録です。

2015-10-01から1ヶ月間の記事一覧

CreateJS でハロウィン的なアニメーションつくってみた

CreateJS でハロウィン的なムービーつくってみた CreateJS でハロウィン的なムービーつくってみた アニメーション 感想 関連 アニメーション デ○モンが11月から劇場版?をやるとかでそれ関係のネタです。 github pages: haloween2015

EaselJS のSpriteSheet, Sprite を使ってスプライトアニメーション [CreateJS]

EaselJS のSpriteSheet, Sprite を使ってスプライトアニメーション [CreateJS] png, jpg, svg などでスプライトシートを作っておけば、 SpriteSheetクラスとSpriteクラスでスプライトアニメーション を生成できる。 EaselJS のSpriteSheet, Sprite を使って…

EaselJS のプロパティやMatrix2D を使ってオブジェクトの変形 [CreateJS]

EaselJS のプロパティやMatrix2D を使ってオブジェクトの変形 [CreateJS] EaselJS 0.8.0 から仕様が変わっているようなのでメモ。 以下の記事が日本語で参考になります。 FN0811001 - 変換行列を数学的に捉える - Flash : テクニカルノート FN1308001 | Ease…

EaselJS の基準点(regX, regY) とtranslate をみてみる [CreateJS]

EaselJS の基準点(regX, regY) とtranslate をみてみる [CreateJS] Display Object の基準点(regX, regY) を変えている場合、 とMatrix2D.translate がその分ズレるようなのでメモ。 EaselJS の基準点(regX, regY) とtranslate をみてみる [CreateJS] Create…

CreateJS でSVG画像を扱う

CreateJS でSVG画像を扱う CreateJS でSVG を扱うときのメモ。 CreateJS でSVG画像を扱う CreateJSのバージョン CreateJSでSVGを描画 PreloadJSでSVGの読み込み 読み込み成功時のコールバック Bitmapインスタンスにして描画 Bimapインスタンスの生成 URI か…

SVGのpreserveAspectRaitoとCanvasのdrawImage

SVGのpreserveAspectRaitoとCanvasのdrawImage SVGの preserveAspectRatio と ブラウザによってCanvas のdrawImage の仕様が違ったのでメモ。 SVGのpreserveAspectRaitoとCanvasのdrawImage ブラウザ環境 SVG のpreserveAspectRatio preserveAspectRatioプロ…

SVG画像を canvgでCanvas に変換してみる

SVG画像を canvgでCanvas に変換してみる SVG画像を canvgでCanvas で扱えるように変換してみたのでメモ。 SVG画像を canvgでCanvas に変換してみる canvg とは 類似ツール Drawscript Toolkit for CreateJS ink2canvas サンプル 参考リンク canvg とは SVG…

CreateJS で読み込んだ画像をアニメーションさせる

CreateJS で読み込んだ画像をアニメーションさせる CreateJS で読み込んだ画像をアニメーションさせてみたのでメモ、 以下の記事を再現できるか試してみました。 gihyo.jp CreateJS で読み込んだ画像をアニメーションさせる サンプル メモ 画像を読み込む 画…

Canvas のライブラリCreateJS を試してみる

Canvas のライブラリCreateJS を試してみる Canvas を使いやすくするライブラリCreateJS を試してみたのでメモ。 公式サイト: www.createjs.com Canvas のライブラリCreateJS を試してみる CreateJS とは EaselJS チュートリアル PreloadJS チュートリアル …

Illustrator, Inkscape のパスファインダ・ブーリアン演算で吹き出し、ラベル、雲、カップを描く

Illustrator, Inkscape のパスファインダ・ブーリアン演算で吹き出し、ラベル、雲、カップを描く Illustrator, Inkscape それぞれの パスファインダ・ブーリアン演算で吹き出し、ラベル、雲、カップを描いてみたのでメモ。 Illustrator, Inkscape のパスファ…

Illustrator, Inkscape で、パスファインダ・ブーリアン演算

Illustrator, Inkscape で、パスファインダ・ブーリアン演算 Illustrator のパスファインダ、Inkscape ではブーリアン演算についてまとめておきます。 Illustrator, Inkscape で、パスファインダ・ブーリアン演算 パスファインダ・ブーリアン演算の種類 合体…

Illustrator, Inkscape でオブジェクトの変形(拡大・縮小、反転、傾斜)

Illustrator, Inkscape でオブジェクトの変形(拡大・縮小、反転、傾斜) 前回は、「自由変形」と「回転」について、行いました。 cartman0.hatenablog.com 今回は、Illustrator, Inkscape それぞれでの オブジェクトの変形(拡大・縮小、反転、傾斜)のメモ…

Illustrator, Inkscape でオブジェクトの変形(自由変形、回転)

Illustrator, Inkscape でオブジェクトの変形(自由変形と回転) Illustrator, Inkscape それぞれでオブジェクトの変形を行ったのでメモ。 Illustrator, Inkscape でオブジェクトの変形(自由変形と回転) Illustrator の場合 自由変形ツール 回転ツールを駆…

Illustrator, Inkscape で基本図形を描く

Illustrator, Inkscape で基本図形を描く Inkscape, Illustrator それぞれでの基本図形の描き方をメモしておきます。 Illustrator, Inkscape で基本図形を描く Illustratorの場合 長方形ツール・角丸長方形ツール・楕円形ツール 多角形ツール・スターツール …

Windows での開発環境構築は、Chocolatey を使おう!

Windows での開発環境構築は、Chocolatey を使おう! Windows での開発環境構築は、インストーラをDL してきて、exeを叩いて。、 アンインストールするときは、コントロールパネルから「プログラムのアンインストール」から探してアンインストールします。。…

oEmbed API の値を取ってくるjQuery プラグインを作ったよ

oEmbed API の値を取ってくるjQuery プラグインを作ったよ はてなブログを書くときに、URL をコピペすると、 URL のみのリンク タイトル付きリンク 埋め込みリンク が生成されると思います。 この機能が結構便利で、 はてなブログ以外でも使いたいと思ったの…