TweenMax, TweenLite を使った回転アニメーションのメモ。
0 -> 180, 180 -> 360 と時計回り回転を分割実行した時 180 -> 360 が逆時計回りになるのを防ぐ。
DirectionalRotationPlugin
DirectionalRotationPlugin を使う方法があるらしい。
github: DirectionalRotationPlugin.js
続きを読む →
2014.10.07
12:46
author: taikiken
0件のコメント
TweenMax, TweenLite を使った回転アニメーションのメモ。
0 -> 180, 180 -> 360 と時計回り回転を分割実行した時 180 -> 360 が逆時計回りになるのを防ぐ。
DirectionalRotationPlugin を使う方法があるらしい。
github: DirectionalRotationPlugin.js
続きを読む →
2014.09.29
01:00
author: taikiken
0件のコメント
誰の役にも立たないゴミな記事です。
しかも長い。
ボンクラ脳でせっかくあれこれ考えたので書くけど、読まなくてイイよ。
Canvasはなかなかステキなヤツです。
Flashの代わりにはなれないけど「近い」ことはできそうです。
iOS 8でWebGLも使えるようになり大きな足かせが取れ、ますます可能性が広がってきたと思います。
続きを読む →
2014.08.14
16:52
author: taikiken
0件のコメント
多分
環境はどれも最新なはずだけどnpmコマンドがことごとくerrorを吐く。
OS X 10.9.4.
npm -v
1.4.21
node -v
v0.10.30
npm コマンドを試すとこんなエラーが
Error: ENOENT, open ‘PATH_TO_DIRECTORY/null’
続きを読む →
2014.08.05
21:43
author: taikiken
0件のコメント
すっかりメインブラウザをChromeにしてました。
FirefoxでのデバッグがFirebug頼みなのがねぇと敬遠気味でした。
久しぶりにFirefoxを使ってみると標準の「開発ツール」がとても進化していて驚きました。
Firefox 31.0の情報です。
続きを読む →
2014.08.04
23:00
author: taikiken
0件のコメント
要素の算出スタイルを返します。
MDN(ja): window.getComputedStyle
MDN(en): Window.getComputedStyle()
caniuse.com: getComputedStyle
IE は 9 から。
Safari は 5.1 から。
iOS Safari は 6 から。
Android は 4 から。
2.3 は Partial support になってる。
続きを読む →
2014.08.02
22:39
author: taikiken
0件のコメント
IntelliJ IDEA(13) で JavaScript を書き、
JSHintを使いチェックを行っています。
Expected an assignment or function call and instead saw an expression
こんなエラーが出て困っていました。
エラーなのでコードが悪いのですが、見逃してほしいと思ってます。
続きを読む →
2014.07.30
12:25
author: taikiken
0件のコメント
メモ、IE 10, IE 11をuserAgentを使わずに判定する方法。
IE 10
var is_ie10 = !!window.navigator.msPointerEnabled; |
IE 11
var is_ie11 = !!window.navigator.pointerEnabled; |
MSDN: Internet Explorer 10 のポインター イベントとジェスチャ イベント
MSDN: pointerEnabled property
As of Internet Explorer 11, the Microsoft vendor prefixed version of this property (msPointerEnabled) is no longer supported and may be removed in a future release.
ms vendor prefixed を no longer supported なので判定可能らしい。
[JavaScript] IE 11ブラウザ判定方法のuserAgentを無理矢理ゴニョゴニョするより良さげな様子。
2014.07.22
11:00
author: taikiken
0件のコメント
canvasをPNG画像へキャプチャしダウンロード。
PNG画像へのキャプチャは canvas.toBlob を使います。
ダウンロードは FileSystem API で行います。
HTMLCanvasElement のメソッド toBlob は Blobオブジェクト(画像)を返してくれます。
ただ残念なことに Firefox しかサポートしておらず、polyfill メソッドを用意する必要があります。
続きを読む →
2014.07.20
19:09
author: taikiken
2件のコメント
線と円の当たりというか衝突というか交差したかどうかを判定してたい。
ActionScript だと hitTest が使えたのでコツコツと自力で判定コードを書くのは始めてかも。
色々良くわかってないので、なんだかとっても大変だった。
続きを読む →
2014.07.19
16:44
author: taikiken
0件のコメント