Webエンジニアのブログ

プログラミングでデザインやデジタルアートを創作する中で、図形を描画させたりアニメーションさせたりとProcessingでは便利な関数を使って多くの表現ができます。 多くの便利な関数が用意されている中で、ここでは「millis()」という関数...
続きを読む>>

Processingでデジタルアートを創作するにあたり、文字やワードをデザインに取り込む中でフォントの種類にこだわりを持つことは多いでしょう。いろんなフォントを一つのスケッチで複数扱うことでデザインの幅がまた一層広がります。 Process...
続きを読む>>

Processingでちょっとおもしろいデザインやアート、CGなどをGIFアニメーションにしたい時に使えるProcessingのライブラリがあります。とても便利で簡単に使うことができます。今回はProcessingのGifAnimation...
続きを読む>>

三角関数は数学でやったことはあると思いますが、三角関数の円運動は高校物理で詳しく習うと思います。プログラミングの世界でもこの三角関数を使う場合があります。三角関数は三角比の値を求めるもので、ベクトルを考える上で必要な角度を求めることができま...
続きを読む>>

Processingのエディタでデザインやアート、CGをプログラミングで生成していきますが、Processingのエディタを使っていく上で、コードを書いている途中にコメントを残すことがあります。しかし、日本語でコメントを入れると文字化けして...
続きを読む>>

Processingでデザインやアートを生成していく中でellpseやrect、lineといった関数はProcessingが用意したのもなので、関数にパラメータを入れるだけで図形や線が描けましたが、これとは別に独自の関数（ユーザー定義関数）...
続きを読む>>

Processingで初期設定としウィンドウサイズを設定するのは必須ですが、時と場合に応じでウィンドウサイズを変更できるように変数を扱っていくこともあります。そのウィンドウサイズの設定がProcessingのバージョンによって変数を扱う時に...
続きを読む>>

プログラミング初心者の方でも簡単に始められるProcessing（プロセッシング）はJavaというプログラミング言語をベースとしたもので、ほんの少しだけのコードでプログラムを動かすことができ、すぐに画面で確認できる簡単なプログラミング言語と...
続きを読む>>

p5.jsはProcessingをJavaScriptで書けるようにできるライブラリ。ProcessingをjavaScriptに移植したものなので、ビジュアルコーディングツールを使わなくてもwebブラウザ上でJavaScriptでクリエイ...
続きを読む>>

Processingを学んでいると、作成したプログラム（アートやデザイン）をまた別のどこかで利用していきたいと考えるものです。ここでは、JavaScriptのライブラリである「Processing.js」を利用して、webブラウザでProc...
続きを読む>>