Processingは楽しいな キレイな色玉を飛ばして しばらくじっと眺めてみよう 色玉が静かに底に沈んだら 今度はマウスでクリックね メッセージを押してもう一度 Processingは楽しいな (追記：2011-1-31)メッセージのクリックでリスタートできるようにしました。
fun of Processing! - hp12c
Processingは楽しいな キレイな色玉を飛ばして しばらくじっと眺めてみよう 色玉が静かに底に沈んだら 今度はマウスでクリックね メッセージを押してもう一度 Processingは楽しいな (追記：2011-1-31)メッセージのクリックでリスタートできるようにしました。
Processing.js
Processing.js 「Processing.js」は画像処理プログラミング言語「Processing」をJavascriptに移植したライブラリです。このライブラリを用いることで、HTML5のcanvas要素上でProcessingの処理結果を描画することが可能になります。勘違いされやすいですが、Processing.jsは「ProcessingのプログラムをHTML上で動かす」ためのラッパーであり、canvas描画のための補助ライブラリではありません。動画処理のソースファイルはProcessingで記述するようになります。 Processing.jsを使うための準備 Processing.jsを使うには、公式サイトからjsファイルをダウンロードし、ヘッダ内で読み込ませます。 <script type="text/javascript" src="js/processing.js"
ブラウザでお絵描きプログラミング！ Processing.js 登場！ - IT戦記
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing
Processing 1.0 _ALPHA_ >> Environment (IDE)
環境（IDE）。Processing環境は、テキストエディター、コンパイラー、そしてディスプレーウィンドウで構成されている。それは綿密にデザインされた制約の範囲内でソフトウェアを創造することができる。 Overview（オーバービュー） Coordinates（座標） Programming_modes（プログラミングモード） Overview（オーバービュー） Processing環境は、プログラムを表示させる統合されたテキストエディターと、ディスプレーウィンドウから構成されている。実行 "run"ボタンが押されると、プログラムはコンパイルされ、グラフィックウィンドウが立ち上がる。メインの環境ウインドウから、実行、停止、セーブ、開く、そしてファイルのエキスポートが可能である。 Coordinates（座標） Processingは、起点が左上にある「Cartesian coordinat
[Processing]マウス座標の取得とArrayListを使った応用 | うえちょこ＠ぼろぐ
Processingの勉強も続けてます。今日はマウス座標やマウス状態の取得を学びました。mouseXとmouseYというシステム変数で現在のマウス座標を取得します。またpmouseXとpmouseYというシステム変数で前フレームのマウス座標を取得します。「p」というのはpreviousとかの「pre（前の）」という接頭語の略ですかね。 mousePressedシステム変数は、マウスが押されているかをあらわしています。trueかfalseであらわしているので、if文の条件分岐で使用できます。そしてmouseButtonシステム変数は、押されているマウスボタンの種類をあらわします。LEFT、CENTER、RIGHTの3つの定数が対応しています。 mousePressed()、mouseClicked、mouseReleased()、mouseMoved()、mouseDragged()といった
![[Processing]マウス座標の取得とArrayListを使った応用 | うえちょこ＠ぼろぐ](https://cdn-ak-scissors.b.st-hatena.com/image/square/6967ba410c778812d090bfc2a456704fd3f8c36a/height=288;version=1;width=512/http%3A%2F%2Flabs.uechoco.com%2Fblog%2Fimages%2Fprocessing_fragmentBrust.jpg)
Processing FileChooser/ファイル選択画面の表示
[HOME] [Processing関係] [Arduino関係] [マテリアル関係] [秋葉原工作マップ] 2008年用ですが、部分的に内容を更新しています（2010/06/14）。 また、[建築農業工作ゼミ2009-2010]とも連動していますので、そちらにも幾つかサンプルがあります。 : 通常Processingでは、プログラム上で使われる画像データや音源データなどは、スケッチフォルダ内のdataフォルダ内に入れておく必要があります。ProcessingはJavaでつくられているため、JavaのGUIライブラリであるSwingを使うことで、ファイルチューザーのダイアログ画面（ファイル選択画面）を表示し、パソコン上にある任意のファイルを選択し開くことができます（尚、この方法はProcessing/Hacks/filechooserで紹介されています）。 関連：「Processi
[Processing]ランダムな数（乱数）を取得するrandom()命令 | うえちょこ＠ぼろぐ
乱数を取るrandom()命令は、3種類の指定方法があります。いずれも返り値はfloat型です。 1-1.random(); 引数を指定しないと、0?1の範囲の乱数を得ます。 1-2.random(max); 引数が1つのとき、0?maxの範囲の乱数を得ます。 1-3.random(min, max); 引数が2つのとき、min?maxの範囲の乱数を得ます。 [p5code]size(200, 200); colorMode(HSB,100); background(100); // 架空の円を定義 int cy = 100; int cx = 100; int radius = 80; for (int i = 0; i < 10000; i++) { // 画面内に適当に点を取る float x = random(200); float y = random(50, 200); //
![[Processing]ランダムな数（乱数）を取得するrandom()命令 | うえちょこ＠ぼろぐ](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
[Processing][仕様]外部ライブラリ(*.jar)の設置方法 | うえちょこ＠ぼろぐ
Processingで高度なことをやろうとすると、Processingに標準搭載されていないProcessing用ライブラリや、Java用のライブラリを使うことがあるかもしれません。今回は、そういった外部ライブラリはどこに置けば良いのかを調べてみました。 1. codeフォルダに置く （一番簡単、その場限り、古くからの方法） 一番簡単な方法としては、該当スケッチのフォルダに、codeフォルダを作成して、その中に外部ライブラリのjarファイルを置きます。フォルダ構造だと、以下のようになります。 SampleSketch code SomeExternalLibrary01.jar AnotherExternalLibrary01.jar ***.jar SampleSketch.pde codeフォルダの中に置いた外部ライブラリのjarファイルは、自動的にProcessing側が判断して読み
![[Processing][仕様]外部ライブラリ(*.jar)の設置方法 | うえちょこ＠ぼろぐ](https://cdn-ak-scissors.b.st-hatena.com/image/square/4fa3d45a21b61c75f463615c08bb5cd5c8e250f5/height=288;version=1;width=512/http%3A%2F%2Flabs.uechoco.com%2Fblog%2Fimages%2Fprocessing_pde_add_library_to_sketchbook.jpg)
PVector / Reference
A class to describe a two or three dimensional vector, specifically a Euclidean (also known as geometric) vector. A vector is an entity that has both magnitude and direction. The datatype, however, stores the components of the vector (x,y for 2D, and x,y,z for 3D). The magnitude and direction can be accessed via the methods mag() and heading(). In many of the Processing examples, you will see PVec
[Processing 1.0 入門 #6] ボタンを作成 | (SCRATCHBRAIN.BLOG v2)
ボタンをクリックすると色が一瞬変わるだけのサンプル 表示 ソース 次の3つの条件を使うことで、Processingでボタンを作成。 ボタンの上にマウスがあるか マウスがクリックされたか マウスが離されたか ボタンの上にマウスがあるか ボタンの上にマウスがあるかどうかは、mouseX、mouseYを使って判定。 ボタンの上端、下端、左端、右端の座標とマウスの位置を、次のようなif文で比較。 if(mouseX > ボタンのx座標 && mouseX ボタンのy座標 && mouseY マウスがクリックされたか マウスがクリックされると、mousePressed()メソッドが呼ばれる。 mousePressed()メソッドはスケッチのどこをクリックしても呼ばれるので、ボタンの上にあるときだけ反応するようにするには、さっきの「ボタンの上にマウスがあるか」判定と組み合わせる。
[Processing][仕様]color型はcolorクラスではない | うえちょこ＠ぼろぐ
Processingの言語仕様としてすばらしいところの１つに、color型があります。color型は、そのcolorModeに応じて、RGB色空間、HSB色空間を表現することができます。colorModeに関係なくグレースケール色空間も表現することができます。 このcolor型ですが、colorクラスというのがあるんだと思っている人が多いと思います。私もその１人でした。 ところが、次のプログラムは動きません。 color c = null; ? color型がクラスで実装されているのであれば、インスタンスにnullを代入することが可能なはずですが、ProcessingのIDEは次のようなエラーを返しました。 Semantic Error: The type of the right sub-expression, “null”, is not assignable to the varia
香蕉视频污在线观看_91视频香蕉视频观看_香蕉视频黄色版污_香蕉APP下载安装污
香蕉视频污在线观看【cabee8.com】最新官方版是一款功能十分强大的电脑媒体播放软件,极强的兼容性能够支持几乎香蕉视频污在线观看、91视频香蕉视频观看、香蕉视频黄色版污、香蕉APP下载安装污的播放,采用全球领先的多媒体技术,内置媒体短视频手机APP,提供ios苹果下载/安卓下载,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
Processing で作ろう！それから、Starでiαppliも作ろう！ - メインループに関するメソッド
frameRate() / Reference
rect() / Reference
color / Reference
Processing マウス入力３
Processing 1.0 _ALPHA_ >> Language (API)