2013.06.21
12:35
author: taikiken
0件のコメント
Jetbrains社謹製のエディターがいい感じなので手放せない。
PhpStorm, IntelliJ IDEAを使ってます。
IntelliJ IDEAだけで良さそうだけど save as ができないのでプロジェクトで使い分けてる。
CSSはCompassで書いてるけどコンパイルをPhpStorm, IntelliJ IDEAでできないかなーと思って調べてみました。
SassはFile Watchersプラグインを使って自動コンパイルが可能みたいだけどCompassだとエラーになっちゃう。
まー、ターミナル起動してディレクトリに移動(cd)してcompass watchするだけだからそんなに手間でもないけど。
Pathfinder使ってるので「ターミナル起動してディレクトリに移動」まではショートカットでしてるので最後のコマンド打つだけだったりするけど。
続きを読む →
2013.06.20
10:03
author: taikiken
0件のコメント
Adobe Creative Cloud がリリースされ既に多くの人がインストールし新しい機能を楽しんでいることでしょう。
その陰で「管理ツール」Creative Cloudのインストールが失敗しAdobe CCをインストールするのに四苦八苦した人がいたことを記録しておきます。
インストールができた方には何の役にも立たない情報です。
Adobe CCがリリースされたと聞きインストールを試みました。
アプリケーション フォルダ Application Manager 起動
アップデート開始
“Adobe Application Manager のインストールに失敗しました” ダイアログが開きアップデートができなかったことを知らされました。
続きを読む →
2013.06.11
05:38
author: taikiken
0件のコメント
Flash Builder 4.7を使い始めました。
諸事情でFlash Builder 4.6を使ってたけど、やっと4.7。
AIR for iOSで実機インストールまでのメモ。
えっと、FB 4.7自体の登場は1年も前なのでなんの役にも立たないオレメモです。
Flex SDKのインストールはApache Flex SDK Installerのおかげで超簡単です。
Apacheエライ！
改良なのか、改悪なのか分からないけど、AIR SDKをFlex SDKにマージするのでは無くApplication Flash Builder pluginsフォルダのAIRSDKを指定して使うようになっていました。
FlexをApacheに寄贈しAIRだけAdobeが開発するようになったからかな。
続きを読む →
2013.05.29
06:21
author: taikiken
0件のコメント
Canvas, WebGL開発で困るのがデバッグ。
HTML, CSSみたいに開発ツールで状態を確認することもできず、Canvas内がブラックボックスになること。
何がなんでどうなってるのか検討もつかない。
Chrome 拡張機能 WebGL Inspector を追加すると明るい未来が開けます。
続きを読む →
2013.05.27
11:57
author: taikiken
0件のコメント
2013-05-25 九州産業大学で開催された「HTML5+α初心者勉強会 @福岡 第1回」での資料を公開しました。
CSS3 animation, transitionについて自分の復習がてら簡単な紹介をしました。
【スライド】
Slideshare: http://www.slideshare.net/taikiken/css3-transition-animation
【デモ】
続きを読む →
2013.05.26
11:42
author: taikiken
1件のコメント
CSS3には拡大、縮小、移動、傾斜、回転を行えるtransformプロパティがあります。
このtransformは2D, 3Dどちらにも対応しています。
ASのtransform.matrix(Matrix)も得意では無かったのですが、復習がてらのメモです。
W3C: CSS Transforms
DOMElementのアニメーションでパフォーマンスを良くするためにはtransformを使った方が良いと、あるセミナーでGoogleの中の人とMozillaの中の人が言ってたので間違いないでしょう。
て言うか信じてます、試しては無いです。伝聞で申し訳ないです。
でもカクカク動いてたiPhone上でのアニメーションをtransformに変えたらかなりスムーズに動くようになったので効果はあると思っています。
2Dから。
とはいえ CSS transform: matrix は2D, 3Dどちらにも使います。
Matrix, Matrix3Dと明確に分かれているActionScriptとは違います。
ScriptとCSSでは言語の性質が違うからでしょうか。
続きを読む →
2013.05.22
12:51
author: taikiken
1件のコメント
CSS3 にはアニメーション機能があります。
transition と animation です。
animation を使い様々な動きをウイジェットのように作ってくれた方がいます。
Animate.css
2013.05.21
21:28
author: taikiken
0件のコメント
徳さんが深夜にTweetしてた”randori”、超興味津々。
Code Three.js in ActionScript with Randori Compiler
ActionScriptで作ったファイルをrandoriを使ってJavaScriptにしたよ、ていうエントリー。
three.jsを使用したDemoが公開されていました。
http://renaun.com/html5/as3threejs/
プロジェクトファイルも公開されています。
https://github.com/renaun/RandoriExamples
コンパイル手順なども詳しく書かれているのですが、frameworkでエラーが出ていてコンパイルはできませんでした。
できるのかな〜
公開デモファイルの中には簡単な HelloWorld プロジェクトも入っていたのですが、コチラはASからJSにコンパイルできました。
同梱されているshファイルをターミナルで走らせるだけです。
続きを読む →
2013.05.21
00:40
author: taikiken
0件のコメント
あるコンテンツ制作のための技術検証用テスト素材を公開しました。
DOMElementをSin波で動かしてみてるだけのチープなものだけど…
Sin波ってのは気持ちいい動きするなーなんて思ったりして。
http://www.inazumatv.com/demo/sin/
と、元になったパラメタいじれるの。
Sin波を作ってるのはこんな感じ。
ActionScriptでも書いた記憶があります。
this._middle + Math.sin( this._angle ) * this._range; |
2013.05.20
22:07
author: taikiken
0件のコメント
本当は違うものを作ってたんだけど、グルグル目が回りそうで気持ち悪くなりそうなのできたので途中だけどさらしておきます。
THREE.ParticleCanvasMaterial を使用しています。
PC: 4800
mobile: 900
particleを生成しています。
THREE.TrackballControls を使用しています。
マウスホイールで拡大・縮小、
ドラッグで回転させることができます。
見てたら目がチカチカしてきた…
て言うか、だいぶ気持ち悪い。
＊閲覧注意
