Processing.js基礎最速入門 - catch.jp-wiki
関連：p5.js、日本語っぽいプログラミング言語そら豆スクリプト、HTML5+JavaScript Processing.jsは、ビジュアルデザイン用プログラミング言語の先輩格である「Processing」をベースに、最新のWeb環境(HTML5のCanvas要素、Javascriptあたり)で手軽に使えるようにしたものです。 この記事は、そんなProcessing.jsの簡単な入門記事です。先に書いたProcessing基礎最速入門の姉妹編になります。 本記事の対象読者は、基本的にまるでプログラミング体験のない人。でもまあ、Webデザインとか少しでも知っているほうが、取り組みやすいかも知れません。自分でいろいろ調べたり探究するのが好きなほうが良いでしょう。 2011-06-06:Processing-1.2.1.js で動作確認しています。 ●なんと、日本語っぽいコードをProcessi
インタラクション系のおすすめな本まとめ - miso-engine
インタラクション系のものづくりに関する色々な本を人に薦めてきたんですけど、まとめてこの辺のやつがいいよ！っておすすめしたことなかったので、まとめてみます。インタラクティブなものを作ってみたい！という人の参考になるように書きました。 インタラクション系の定義 インタラクションデザイン、フィジカルコンピューティング、メディアアート、インタラクティブアート、HCI、VR、AR、Arduino、Gainer、openFrameworks、Processing、プロトタイピング、デザイン思考、AtomsとBits、電子工作、素人工作、Makeなんかの言葉に反応する人たちの集合のつもりです。よろしくお願いします。 基礎 Prototyping Lab ―「作りながら考える」ためのArduino実践レシピ (Make:PROJECTS) 作者: 小林茂出版社/メーカー: オライリージャパン発売日: 20
「Processing によるプログラミング入門 第１回」を slideshare にアップロードしました - Siv3D 開発ブログ
大学の研究室で Processing についての講義を担当することになりました。 先日の第１回目の講義では、参加した 30人ほどの研究室メンバーがメディアアート・プログラマーとして華々しく(?)デビューしました。 今後も 2 週間ごとに新しいスライドを更新していく予定です。 Processing によるプログラミング入門 第１回 Siv3D の開発において Processing から学ぶことは多く、僕もこれを機会に Processing についてさらに詳しく調べてみたいと思います。 まだ Processing を十分に理解しているわけではなく、勉強しつつのスライド作成なので、不備等あればコメントを頂けると幸いです。 余談ですが、スライドで紹介している ジェネラティブ・アート -Processingによる実践ガイド は、コンピュータ生成アートの醍醐味について語っている非常に面白い本です。 訳
Microsoft PowerPoint - simple-openniインストールの手引き.pptx
1 インストールするもの 1. インストールするもの • Processing – Javaベースのプログラミング言語 • OpenNI & NITE p – Kinectからのデータ取得や姿勢認識を⾏うライブラリ • KinectおよびKinect互換デバイスのドライバ – KinectやXtionをPCで使えるようにするためのドライバ • simple-openni – ProcessingでOpenNIを使えるようにするためのライブラリ 1 2 OSは何ですか？ 2. OSは何ですか？ • Windows 7（32bit） • Windows 7（64bit） • Windows 8（32bit） • Windows 8（32bit） • Windows 8（64bit） Windows 8（64bit） • Mac OS X 自分の環境がどれなのか確認してください。 自分の環境がど
連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説（前編）
japan-technology IBM Related Japanese technical documents - Code Patterns, Learning Path, Tutorials, etc. Please open new issue/pull requests in either English or Japanese if you would have any feedback or you would like to contribute this repo. We provide mainly "Japanese contents" by markdown text. IBM Developerの最新情報は https://developer.ibm.com/ にアクセスし、英語のコンテンツを参照してください。 このリポジトリは、IBM Developer Ja
ブラウザでお絵描きプログラミング！ Processing.js 登場！ - IT戦記
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing
Processing導入 - 教員のためのプログラミング入門
この講義では Processing というプログラミング言語を用いて，プログラミングについて学びます．今回は，プログラミング言語とは何なのかの解説と Processing の導入を行います． プログラミング言語とは コンピュータは与えられた命令に従って動きます．その命令を書き並べたものがプログラムです． WEB ページを見るための WEB ブラウザ，メールを読み書きするためのメーラ，文章を書くためのワープロなどのアプリケーションソフトウェアも，プログラムによってその動作が定義されて動いています．このプログラムを作るという作業がプログラミングです． ここでコンピュータはどのような命令を受け取り，実行することができるのでしょうか．コンピュータは「英単語 apple の意味を教えよ」といった命令を直接実行することはできません．コンピュータは数値の加算や減算などの数値演算命令や数値の保存，取り出し
技術習得のためのワークショップ Cultivation 02
[ポイント] ●何を送ったら、何をするのか、最初に自分で通信ルール（プロトコル）を考える。 ＰｒｏｃｅｓｓｉｎｇやＭＡＸ／ＭＳＰから、Ａｒｄｕｉｎｏへ信号を送る図。さきほどやりました。 Ａｒｄｕｉｎｏから、ＰｒｏｃｅｓｓｉｎｇやＭＡＸ／ＭＳＰへ信号を送る図。これもさきほどやりました。 おそらく、Ａｒｄｕｉｎｏからパソコンへ信号を送る、パソコンからＡｒｄｕｉｎｏへ信号を送る、と、ここまでは単純なのでわかりやすいのではないかなと思います。でもこれでは、Ａｒｄｕｉｎｏとパソコンの能力をまだまだ少ししか使ってないので、表現にこだわろうとすると物足りなくなってきます。 これから、その両方、つまり送受信をやってみます。これからやる送受信は、最初に自分で通信のルールを考えておかないといけません。「わからないことだらけなのに最初に決めなくてはいけない」、ってあたりが、送受信するときのポイントになります。一
こどものもうそうblog | Processing入門
「バロック」「キングオブワンズ」「ぷよぷよ」「トレジャーハンターG」「魔導物語」等のゲームを監督/脚本/企画した米光一成のSite 立命館大学のインタラクションデザイン企画実習で講義中に話題に出しいる「Processing」「openFrameworks」等についてさくっと解説。 （2008年8月14日：以後随時追記2015年2月12日追記） Processingである。以前から凄いという噂は聞いていて、次の画像を観て、わーすげぇと思っていた。 音と連動した映像を生成するのにProcessingを使っているもの。 Magnetic Ink, Process video from flight404 on Vimeo 立命館大学で「使ってみたけど凄いすよ」と興奮しながら教えてくれた学生がいて、90分授業で、学生が先生になり、先生が学生になって「Processing入門講座」をやってもらった。
Prototyping with Arduino
まずはProcessing IDEを使って、以下のプログラム（data_plot_1byte）を書きましょう。 // data_plot_1byte import processing.serial.*; Serial port; int y0 = 200; boolean draw_flag = true; int t = 0; int data; void draw_axis() { stroke( 0 ); line( 0, y0, width, y0 ); } void plot_data( int data, char c ) { if ( c == 'r' ) stroke( 255, 0, 0 ); strokeWeight( 2 ); point( t, y0 - map( data, 0, 255, 0, y0 ) ); strokeWeight( 1 ); } void
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
