Hope is a Dream. Dream is a Hope. (旧)

非公開ふぃふぃ工房ブログは閉鎖しました。新ブログに移行します。

Javascript

After Effects スクリプト | JSON風に設定ファイルなどを保存するなら。history.log風な設定ファイルを作る。

After Effectsをスクリプトでいじっていると、なにか設定データ等を外部の***.logなどのファイルに保存して置きたいことがあります。 僕の場合例えば、GUIを使って自動スライドショー作成アプリを作っているのですが、写真やコメントの位置を毎回選ばなくて…

Gruntで自動化が超便利なのはわかっているけど動けない人のためのまとめ資料。

こんにちわ。 ふぃふぃです。 Gruntとゆう開発ツール?の勉強会に行くので事前に調査してまとめてみました。 【本日開催】【再増枠!】【 ヒカ☆ラボ 】DMM.comラボで実践!Gruntを用いて、JavaScriptファイルのリリース前作業を自動化! 保守性を損なわず、ミ…

今年のコンセプト | そうそうそうそう想創奏

おひさしぶりです。ふぃふぃです。 2015年に年が変わりましたので、今年のコンセプトを書いてみます。 その前に、そうそうそう。 「想創奏」 2012年から社会にでて、エンジニアに囲まれてもの創りの環境で仕事をさせて頂いております。 なにかものを作って人…

スライドショーの作り方 after effectsスクリプトでの(曲のフェードアウト) | 結婚式の余興スライドショー

さて今日は、スライドショーで使う楽曲のフェードアウトについてのスクリプトです。 フェードアウトには、リニア補完を使っています。 var bgmLay = RendererComp.layers.add("./bgm.wav"); // 曲の長さ bgmLay.duration = DURAT_BGM; $.writeln(bgmLay.dura…

スライドショーの作り方 after effectsでの簡単な作り方 | 結婚式の余興スライドショー

最近、結婚式用のスライドショームービーを自動で作るスクリプトを描いていまう。 自動作成のスクリプト自体はおおむね仕上がったので、 今日は、ユーザが操作するUIを作って見ます。 after effectsでのUIを作るのは始めてなので、 初心者コードとなりますが…

UIチュートリアルを試す。その3

selectDialog folderObj = Folder.selectDialog("Select"); alert(folderObj); openDialog fileObj = File.openDialog("Select","*.jsx"); alert(fileObj);

UIチュートリアルを試す。その2

res = "dialog {\ info: Panel{orientation:'column', alignChildren:'left',\ text:'Personal Info',\ n1: Group{ orientation: 'row',\ s: StaticText{text:'Name:'},\ e: EditText{characters:30},\ b: Button{text:'ok'}\ },\ n2: Group{ orientation:'r…

UIチュートリアルを試す。

(function(){ res = "dialog {\ info: Panel{orientation:'column',\ text:'Personal Info',\ nn: Group{ orientation: 'row',\ s: StaticText{text:'Name:'},\ e: EditText{characters:30}\ }\ }\ }"; win = new Window (res); win.center(); win.show(); }…

After Effects カウントダウンタイマーを作る

おひさしぶりです。 ふぃふぃです。 最近、セミナーで使う動画を作っております。 あ。 僕がセミナーするわけじゃないですよ。 どうも ライヤーゲームをパロったゲームをするらしく雰囲気を出すための動画を制作しております。 そこで、 ゲーム開始からデジ…

いまさらながらjavascriptでクラスっぽいことをしてみる

その1 var FEE = function(){ this.prop1 = 1; this.prop2 = 2; this.prop3 = function(){ return 3; }; } var fee = new FEE(); for(var j in fee){ console.log(j); console.log(fee[j]); } その2 var FEE2 = { prop1 : 1, prop2 : 2 } var fee2 = FEE2;…

htaccess ファイル一覧表示設定

.htaccess かんたん作成【HTML CSS JavaScript PHP CGI Perl Ruby Python .htaccess】 ファイル一覧表示設定(Options -Indexes) Options -Indexes ディレクトリのファイル一覧表示の設定です。 インデックスファイルがないディレクトリにアクセスした際、 …

jqplotのグラフを画像にする

最近良くjqplotを使わせて頂いて、グラフを描画します。 そこで、グラフを画像として保存したくなってきた。 最初は、グラフのキャンバス要素を取得して保存しようと考えてました。 しかし、jqplotでは内部でcavas要素を持っている。かつ、複数のcanvas要素…

カラーパレット関連のメモ

さてさて。 CSSを使っていると必ず出くわす。色。 僕は色が苦手。 絵を描くときもいつも白黒だけ。。 さてこれを気に勉強しよう。 と言うことで、カラーパレット関連を調べてみた。 HTML5 × CSS3 × jQueryを真面目に勉強 – #18.1 画像ファイルからカラーパレ…

JqueryからPHPへJSONを渡すには

はい。 ふぃふぃです。 最近javascriptで配列型のデータを扱う機会が増えてきました。 これまでは、特にデータを保管する必要もなかったのですが、 過去データとの比較などをやりたくなってきたので、 サーバにcsv形式で保存する方法を調べておりました。 過…

一次元振動方程式をjavascriptで解いてみる

ふと 物理シミュレーションをしたくなったので、やってみたメモ。 概要 ちょっと疲れたので、方程式については割愛です。すいません。 後日ちゃんと書きます。 結果 上が変位。 下が強制力。 なぜか変位のグラフに二つの振動数の調和振動っぽい波形になって…

javascriptで取得したセンサ値をサーバに保存する。

javascriptで作成した配列の値を(.csv)などのファイルとしてサーバへ保存することは可能でしょうか? 具体的に書きますと、WebAPIを使ってiPhoneなどのデバイスから加速度値を取得するjavascriptコードを書きましたが、これをサーバにどうやって保存すればよ…

THREE.jsにて親子関係の扱い方

(作業メモばかりで申し訳ありません。。) やっとわかってきました。 Three.js では、複数のオブジェクトを一つの Object3D に追加して一括管理します。 : GINPRO / SQLの窓と銀プログラマ THREE.UserCubes1 = function ( scene, cubeSize, cubeNum, displayS…

THREE.jsでベクトルのオイラー角を求めるなら。

演算の都合上、二つのベクトルのオイラー角を求めないといけない。 Euler Euler Angles. Example var a = new THREE.Euler( 0, 1, 1.57, 'XYZ' ); var b = new THREE.Vector3( 1, 0, 1 ); b.applyEuler(a); Constructor Euler( x, y, z, order ) x -- Float …

これであなたもジンバルロック!

ジンバルロック バンドではありません ジンバル - Wikipedia 航空宇宙分野の慣性航法システムのジャイロにおけるジンバルなど、3軸の全てに自由な運動がある場合は、機体の回転によって3つのジンバルリングのうち2つの軸が同一平面上にそろってしまうジンバ…

googleMapsAPIにて、ユーザ操作を無効にしたい。

googleMapsAPIにて、ユーザ操作を無効にしたい。 どうゆうこっちゃ。 つまり ズームやら移動やらを無効にして、常に地図を固定しておきたいのだけど。。。 やりかたがわから 人力検索に聞いてみた google map api を使って、webサイト内に地図を配置しようと…

いまさらながらフレーム分割をしてみる

お勉強コードを書くときは、サンプルコードの整理が面倒。 なので、こんなページをつくりたい。 いまさらながらフレーム分割 参考にさせていただきます。 JavaScript/DOM|PHP & JavaScript Room (注意) フレームを使う場合はbody要素を記述しない <html> <head><title>フレー</title></head></html>…

JavaScriptでデバイスの傾斜を計算する方法

調べてみた iPhoneの加速度センサを使って本体の角度(Rad)を計算する。 window.addEventListener("devicemotion", function(evt){ var xg = evt.accelerationIncludingGravity.x; // 横方向の傾斜 var yg = evt.accelerationIncludingGravity.y; // 縦方向…

javascriptで加速度センサを使うための座標変換

deviceMotion デバイスの加速度値を使っていろいろしようとすると、まずは デバイス座標から、世界座標へ変換したい!ってなる。 しかし、 web上でまったく記事が見つけきれないので 自分でやる。 くそーやってやる!!!泣 参考 [3次元図形変換の行列表現に…

Web Audio API お勉強 その2

g200kgさんのサイトにオーディオ波形を表示するサンプルコードがありましたので、お勉強させていただきます。 Web Audio API 解説 - 12.アナライザーの使い方 | g200kg Music & Software 初期値 グラフ描画を周波数領域or時間領域のどちらですかのフラグ(mod…

Web Audio API お勉強 その0

g200kgさんのサイトにオーディオ波形を表示するサンプルコードがありましたので、お勉強させていただきます。 Web Audio API 解説 - 12.アナライザーの使い方 | g200kg Music & Software <html> <head></head> <body> <h1>Analyser</h1> <button onclick="Play()">Play</button><br/> <button onclick="Stop()">Stop</button><br/> <table> <tr><td>Frequency/TimeDomain…</td></tr></table></br/></br/></body></html>

Web Audio API お勉強 その1

g200kgさんのサイトにオーディオ波形を表示するサンプルコードがありましたので、お勉強させていただきます。 Web Audio API 解説 - 12.アナライザーの使い方 | g200kg Music & Software UI部分 操作画面 HTMLコード <html> <head></head> <body> <h1>Analyser</h1> <button onclick="Play()">Play</button><br/> <button onclick="Stop()">Stop</button><br/> <table> <tr><td>Fr…</td></tr></table></br/></br/></body></html>

Sublime Text 3 markdownPreview 設定(現状)

{ /* Enable or not mathjax support. */ "enable_mathjax": true, /* Enable or not highlight.js support for syntax highlighting. */ "enable_highlight": true, } Majaxアーティスト: Les Yeux De La Tête出版社/メーカー: Head records発売日: 2013/09…

Sublime Text 3 ユーザ設定

Sublime Text3 のユーザ設定状況 { "default_line_ending": "unix", "font_face": "Meiryo UI", "font_size": 8, "ignored_packages": [ "Vintage", "SideBarEnhancements" ], "word_wrap": "true", "show_encoding": true, "show_line_endings": true, "tab…

Three.jsで入れ子のクラスをつくりたいかたへ

Three.jsで入れ子のクラスをつくりたいかたへ!断念!! 人も地球も結局は親との相対座標系で動く。 「それなら、一つのクラスで作れるじゃないかー!」 と、かってに(当たり前のこと)に気がつきテンション!! で、コードを書き始めましたが。 初めて、プログラ…

初心者のためのJavaScriptで音を鳴らすメモ

さて、 昨日からJavaScriptを使って音をならそうと調べております。 いろいろとサンプルを作ってみては適当に動かしているのですが。 いまだに 音が鳴りません。。 な~めて~た~。。 ので、 少し真剣にまとめていきます。 JavaScriptで音を鳴らす。 調査を…