私が感動した Processing 製の作品のソースコードを解析してみた
こんにちは．株式会社ゆめみの Keeth こと桑原です．Twitter には #つぶやきProcessing という魅力的なタグがあり，毎日数々の美しい作品がこのタグを付けて投稿されています．これを眺めるだけでも一日中過ごせるくらいです（個人の感覚です）． 今日はその中でも特に度肝を抜かれ，かつ感動した作品が 2022/11/04 に投稿されておりましたので，個人の拙い能力で解析に挑戦してみました💁 ※一部解析しきれていない部分がありますが，ご容赦いただけますと幸いです…何分勉強中の者でして… 作品 なにはともあれ今回対象の作品． 初めてみたときは思わず言葉を失いました．いや，これ twitter のツイートですのでかなり文字数も少ないんですよ！なのにこの表現ってどうなってんの！？と… これはかなり学びになると思い解析を試みようと思い立った次第です．それにしても美しい… ソースコード で
クリエイティブなC++ライブラリ "Cinder" の紹介 - Preferred Networks Research & Development
こんにちは、人恋しい季節になってきましたね。 研究開発チームの祢次金(@nejigane)と申します。 本エントリではCinderというクリエイティブなコーディング向けのライブラリについてご紹介したいと思います。 Cinderとは Cinderとは、画像、音声、動画等を簡単に処理＆可視化できる、主にビジュアルデザイン向けの強力なC++ライブラリであり、The Barbarian GroupのAndrew Bell氏が中心となってオープンソースとして開発が進められています。 同様の思想を持つProcessingやopenFrameworksによく似ており、C++で簡単に記述できるうえ、Windows、MacOSX、iOS(iPhone/iPad)といった複数のプラットフォームをカバーしています。 細かい機能/特徴の紹介は本家サイトに譲るとして、Cinderを極めるとどのぐらいクリエイティブな
イージングによるグリッサンド - ならば
イージング（[英]easing）とはアニメーションに加速・減速の効果を付けることで、直線的ではない滑らかで自然な動きを実現するために使われる。加速・減速にはいくつか典型的なパターンがある*1。 今回はイージングを音高に適用して、グリッサンド音を作った。 静止画だけの一覧。 プログラムについて。音に関係ある部分のみ。音はいつものようにChucKで鳴らした。イージング処理自体はProcessingの外部ライブラリを使ってProcessing側で実行して、OSCで逐次ChucK側に必要な値（＝音高）を渡すようにした。 音高は最後にChucKのStd.mtofで周波数に変換するまでMIDIノート番号で表現しているが、Std.mtofの引数はfloat型で整数に制限されないので*2、特に工夫しなくてもイージングが適用できる。 ChucKのプログラム。イージングの初期設定をProcessing側に送っ
Structure Synth - 文脈自由文法３Dアート - Radium Software
Structure Synth は，文脈自由文法を使って 3D CG を作成するソフトウェア。つまるところ， Context Free の 3D 版だ。単純なプログラムから複雑な CG を生成することができる。 GI レンダラー SunFlow 用のシーンファイル出力にも対応しており，これらを組み合わせることによって，とてもお手軽かつ高品質な幾何 CG アート環境が完成する。 以下，とりあえず作ってみた習作。仕組みはほとんど Context Free と同じなので，Context Free に慣れていればすぐにコードを書けるようになる。 set maxdepth 50 12 * { rx 30 } RC BG rule RC { {} CROSS { rx 10 z 0.7 s 0.98 } RC } rule RC { {} CROSS { ry 10 z 0.7 s 0.98 } RC
Context Free Art
Context Free is a program that generates images from written instructions called a grammar. The program follows the instructions in a few seconds to create images that can contain millions of shapes. Look The gallery contains almost a thousand works of art created by artists from around the globe. Create Context Free is, well, free! You can download the software and start creating art on your comp
芸術の秋にProcessingでスケッチプログラミングを始めてみよう（1/3） - ＠IT
芸術の秋にProcessingでスケッチプログラミングを始めてみよう：絵心がなくても簡単に絵が描けるProcessing（1）（1/3 ページ） アートやデザインのための“プログラミング” 読者の皆さんは「プログラミング」という用語や、それをすることに、どんなイメージを持っているでしょうか。仕事に使われるアプリケーションやWebサービスの開発の世界の「プログラミング」を考えてみると、多くの場合「実用性や効率が重んじられ、専門的な知識を持ったエンジニア／プログラマーが慎重に正確に行うもの」といったイメージではないかと思います。 しかし一方で、実用性ではなくスクリーンに表されるイメージや動きの美しさ、見るものを引き込むインタラクションのアイデアをプレゼンテーションする「プログラミング」の世界も存在します。エンジニアではなくアーティストやデザイナーが、驚きやインスピレーションを求めて大胆に「プロ
Processing 1.0 _ALPHA_ >> Comparison
Index ｜ Java ｜ ActionScript ｜ Lingo ｜ Python ｜ Design By Numbers ActionScriptはMacromediaのFlashのために書かれた言語である。Flashは元来ウェブアニメーションソフトとして作られ、ActionScriptはタイムライン表現で統一されている。ActionScriptはJavaScriptが基本となっており、ProcessingはJavaで作られている。よって、これら２つの言語には、多くの相関性がある。以下は２つのシステムの違いとコントラストを定義することを示すリストである。 描写 ActionScriptの描写のためのコードは高度に最適化されている。そして、シェープはProcessingよりも速くスクリーンに描かれる。これはFlashアプリケーションのピクセル容量をを大きくさせ、透明やアンチエイリアス
NUTSU » [f5]Processing的なFrocessing
Processingがたのしくて、勉強しているうちになんとなくProcessin的なASドロー系ライブラリをちまちま作っているわけですが、フライング気味にSparkPorjectにコミットしてみました。実装している機能は一部だし、テスト不十分でこれからデバッグなんですけど。なんとなく遊んでいただける方はこちら(SparkProject-Frocessing)からどうぞ。 Frocessingを使った場合の雰囲気なんですが、例えば下のような。 これの場合、flaのDocumentClassを「frocessing.display.F5MovieClip3D」と指定して、フレームスクリプトに以下のような感じで書いています。 QMedium(); var num:int = 100; var a:Number = 0; var i:int; var ss:Number = 100; var vs
John Resig - Processing.js
As a sort-of reverse birthday present I’ve decided to release one of my largest projects, in recent memory. This is the project that I’ve been alluding to for quite some time now: I’ve ported the Processing visualization language to JavaScript, using the Canvas element. I’ve been working on this project, off-and-on now, for the past 7 months – it’s been a fun, and quite rewarding, challenge. The f
all manner of distractions » Blog Archive » SRC: Particle Emitter
For this first release, I am showing how I go about making a generic particle emitter. I used Processing v.135 and Karsten Schmidt’s Vec3D library. It was developed on a MacBook Pro laptop, but this shouldn’t be a problem. There is an emitter on screen which will follow your cursor position. When you click and hold the left mouse button, it will create particles with a randomized velocity and sen
きょうのglitch - koyachiの日記
# HSYNC Glitch # inspired by http://flickr.com/photos/mikrosopht, via hysysk # 2007-11-06 t.koyachi require "java" include_class "processing.core.PApplet" include_class "processing.core.PImage" class Sketch < PApplet def setup _height = 160 _width = 160 size _width, _height background 255 no_stroke frameRate 3 imgsrc = loadImage('utamaru160_meagne.PNG') # _height = imgsrc.height # _width = imgsrc.
BlobDetection
A Library by Julien 'v3ga' Gachadoat for the Processing programming environment Computer vision library for finding blobs in an image. Download Download BlobDetection in .zip format. p5js The library was converted to javascript for working with p5js environment. Check an example here. Documentation
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
OpenProcessing - Creative Coding for the Curious Mind
http://www.sonasphere.com/blog/?p=456
http://www.violentcoding.com/blog/2008/07/26/archives/135
Google Code Archive - Long-term storage for Google Code Project Hosting.
http://v3ga.net/blog/2008/04/processing-workshop-in-paris-code-sources/
http://www.firstbornmultimedia.com/gallery/player.asp?title=Digital%20Kitchen
http://processing.dotimpac.to/index.php?Processing%C6%FE%CC%E7
はてなブログ | 無料ブログを作成しよう