ぽちログ

プログラミング歴3年目元文系大学院生のぽちと申します。 とりあえずは自分用のメモなどを残して行くつもりですが、ご要望・意見・感想などを頂けたらそれによって内容も変化していくと思います。 よろしくお願いします。

2014-01-01から1年間の記事一覧

Web Audio APIを使った音像定位

デモ --> Audio Reposition ※音がでますのでご注意ください================================================ ページを開いたら、"NOW LOADING"という文字が消えるまで待ってください。 読み込みが終わり、3DCGのグリッド線が表示されたら、マウスを使って…

OS X YosemiteでTeXをコンパイルしたら画像が出なくなった件

OS X Yosemite、TeX辺りにいい噂を聞かないが、新しいもの好きな自分はアップデートした。修論のドラフトを提出しろといわれたのでTeXをコンパイルしたら、画像が出てこない! dyld: Library not loaded: /usr/X11/lib/libXt.6.dylibOS更新前からファイルは…

Node.js + Express4 + Socket.io + SocketIO4Netで詰まったのでメモ

久々の投稿です。最近は実装に論文に実験にとあたふたしてましたが、 昨日論文投稿したので少し余裕でました。こんな感じの実験システムを作っていたわけですが。①socket.ioのバージョンで詰んだSocket.IOがver0.9からver1.0になり、 SocketIO4Net(C#用のSoc…

【javascript】PNGのピクセルデータを編集し、新規作成する【進捗】

先日に引き続いて、研究用の開発になります。前回のものは、 ①PNGのピクセルから取得したRGBAのデータを基にCanvas要素に再描画 ②マウス座標に対応したピクセルのRGBAデータを参照するプログラム でした。 (※現在、諸事情により使用しているサーバーがダウ…

【Canvas】PNG画像のRGB+Alphaを抽出する【JavaScript】

こんにちは。ぽちです。今回は、研究開発の一貫でPNG画像の中身を覗く必要があったので、javascriptとcanvasで覗くシステムを作ってみました。 まだ開発途中ですが、とりあえずキリが良いので。PNG Color Picker【今回やったこと】 ① inputエレメントでpng画…

【メモ】WebAudioAPIのnoteOnは使えない。start(time)を使おう。

【今回の結果】 http://www2.itc.kansai-u.ac.jp/~k544790/YuyaYoshida'sHP/Developings/WebAudioPlayer/index.html【経過】 javascriptで音声処理をしたいと思い、まずはAudio Fileを読み込む所から取りかかる。ググると… http://www.html5rocks.com/ja/tut…

【Sample】正多角形の図形の頂点を計算式で生成

正多角形の図形を計算式で生成するサンプルを作ってみた。 http://www2.itc.kansai-u.ac.jp/~k544790/Polygon/index.html自分の研究で使っただけなんで他に使い道ないかもだけどね。作成したい図形の「頂点数」「座標の数」「角度」「大きさ」をマウスクリッ…

【Tips】Processingのmap()関数をJavaScriptで

Processingのmap()関数が便利なので、JavaScriptで同じ動作をする関数を作りました。 map(変換したい変数, 数字の最小値, ~最大値, 欲しい最小値, ~最大値);ex ) map(10, 0, 100, 0, 200);変換前 10変換後 20JavaScript function map(value, start1, end1, s…

【Tips】線形補間【JavaScript】【Processing】

二点間を指定数分、線形補間し、指定した点を返す JavaScript function createInterpolatedPosition (id, numDivision, start, end) { return { x : start.x + id * (end.x - start.x) / numDivision, y : start.y + id * (end.y - start.y) / numDivision }…

【Tips】角度計算【JavaScript】

Radian ⇔ Degree Angle function toDegreeAngle (radian) { return radian*180/Math.PI; } function toRadianAngle (degree) { return degree*Math.PI/180; } 相対角度の計算 function relativeRotation (position) { return Math.atan2(position.x, positio…

ブログ開始

はじめまして。ぽちと申します。 このブログはものづくりのメモ用に使っていきたいと思います。 たぶん、以下の内容についての調べごとが主になるかと思います。 Web言語(HTML, JavaScript, CSS, PHP) C#/WPF Processing / Arduino / PureData 電子工作 気に…