タグ

processingに関するga_jiのブックマーク (9)

  • サービス終了のお知らせ

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

  • processing | Yasushi Noguchi Class

  • YOPPA 田所淳の講義ノート

    このサイトは田所淳の講義、仕事、日記、そのほか諸々の情報を公開しています。そもそもは、授業の履修者のために過去の授業の内容の記録を掲載するために始めたのですが、より多くの人に役にたてるのであればと思い、全てを公開することにしました。基的にリンクはフリーです。どの階層のページにも勝手にリンクしていただいて構いません。また、リンクした旨を連絡をしていただく必要もありません。サイト内の全ての記事は、Creative Commons Licenseの条件に従う限り自由に利用していただいて構いません。記述の誤りご意見などありましたら、コメントもしくはメールにてお知らせください。 tadokoro[at]gmail.com

    YOPPA 田所淳の講義ノート
  • JavaScript によるオーディオ&ビジュアルプログラミング - Radium Software

    僕は JavaScript が好きだ。できるだけ多くのことを JavaScript で済ませてしまいたいと考えている。 以前は JavaScript では絵や音を扱うことができないという点がボトルネックになって,応用の幅を狭めていた。これが最近になると, Canvas 要素のおかげで絵を扱うことができるようになったり, Flash を代行役にすることによって音を出せるようになったりと,いろいろ状況が変わってきている。 そこで今回は,以前から機会があれば触ってみたいと思っていた Processing.js と SoundManager 2 を使って, JavaScript によるオーディオ&ビジュアルプログラミングに挑戦してみた。 Processing.js とは Processing.js は,ビジュアルデザイン向けプログラミング言語 Processing を模して作られた JavaScr

    JavaScript によるオーディオ&ビジュアルプログラミング - Radium Software
  • ウェブサイトに落書きできるようにするブックマークレットを作った | 波乗りスタッフ日記/Web制作会社サーフボード

    こんにちは、営業の東です。 今回は、ウェブサイトに落書きできるようにするブックマークレットを作ってみました。 以下のリンクをクリックしたり、お気に入り等に保存すると、好きな時に任意のウェブサイトで落書きができるようになります。(ただしIE未対応) 落書きする 右上に表示される、「落書きをやめる」をクリックすると元に戻ります。 仕様とか技術の話 このように落書きができるようになったのは、HTML5で導入されるcanvas要素があってこそです。 IEは最新バージョンのIE8でも、canvas要素を実装していないですし、ライブラリ(Googleが提供しているExplorerCanvas)で対応したとしても、満足いく処理ができないので、今回は完全に切り捨てました。 Firefoxでもそこそこ動きますが、Safariが最も満足いく動きをしてくれますね。さすが、canvas要素の産みの親といったところ

  • processingで動画を作る為のメモ - のーかん

    動画を上げました。前回の動画に引き続いて、 退屈な曲を退屈な動画で誤摩化してみようシリーズです。 【オリジナル曲】角角砂糖【インスト】 動画はprocessingを使って作っていて、100行にも満たないソースを書いたら後は勝手にパソコンが頑張ってくれるので楽ちんです。 ソースの一部にはシイラちゃんから借りたものを使っていたりします。 なんですが、これを動画ファイルに書き出して ニコニコ動画用にエンコードするという作業がまー面倒で 前回、今回と色々ひっかかり、試行錯誤をしたので そこら辺を書き留めておきます。 1.processing.videoをつかって動画を書き出すと大幅に音ずれする。 processingでは標準でvideoライブラリが用意されていて 簡単に動画の書き出しが出来るようになっています。 なんですが、これをやると音と同期が上手く行きません。 動画を書き出す

  • voglia.jp - Processing.jsでMultiTouchしてみる

    FlashとかPHPとかJavascriptとか適当にiPhone搭載のブラウザはhtml5のcanvasとか対応してるので、Processing.jsでマルチタッチで絵を描くとか出来るかなってことで、ちょっとやってみた。 ■準備物 Processing.js http://processingjs.org/ 基的にはこれとデバッグ環境とテキストエディタのみでOK。 自分はとりあえず、XcodeのiPhoneシュミレーターを使用。 ■マルチタッチイベント iPhoneのタッチはマウスイベントではなくtouch**ってイベントが用意されているのでそれを使用。 event.touches.lengthでタッチ数が取得でき、event.touches[i].pageXとかで座標が取得出来る。 ke-tai.orgさんのこの記事が詳しいので参考にしてみました。 ■Processing.j

  • ブラウザでお絵描きプログラミング! Processing.js 登場! - IT戦記

    はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing

    ブラウザでお絵描きプログラミング! Processing.js 登場! - IT戦記
  • こどものもうそうblog | Processing入門

    「バロック」「キングオブワンズ」「ぷよぷよ」「トレジャーハンターG」「魔導物語」等のゲームを監督/脚/企画した米光一成のSite 立命館大学のインタラクションデザイン企画実習で講義中に話題に出しいる「Processing」「openFrameworks」等についてさくっと解説。 (2008年8月14日:以後随時追記2015年2月12日追記) Processingである。以前から凄いという噂は聞いていて、次の画像を観て、わーすげぇと思っていた。 音と連動した映像を生成するのにProcessingを使っているもの。 Magnetic Ink, Process video from flight404 on Vimeo 立命館大学で「使ってみたけど凄いすよ」と興奮しながら教えてくれた学生がいて、90分授業で、学生が先生になり、先生が学生になって「Processing入門講座」をやってもらった。

  • 1