Play with Code (Trial and Error in the Processing & p5.js)

128. p5.jsで3D空間内にベジェ曲線の軌跡アニメーション改訂版

atsushi 2019-04-23 p5.js

035のアニメーションをちょっと変えてみました。h…

続きを読む →

127. TouchDesignerのためのPythonの勉強03

atsushi 2019-04-19 python

Pythonで生成した2つの乱数をTouchDes…

続きを読む →

126. ProcessingでNyARToolkitを使ってなんちゃってAR12

atsushi 2019-04-16 processing

マーカーの上に085で作った戦闘機を表示して、キー…

続きを読む →

125. ProcessingでPixelFlowを使ってGLSLやってみる09

atsushi 2019-04-12 processing

別のリソースを試してみる。以下のサンプルからお借り…

続きを読む →

124. ProcessingでPixelFlowを使ってGLSLやってみる08

atsushi 2019-04-10 processing

ProcessnigのPixelFlowライブラリ…

続きを読む →

123. ProcessingでNyARToolkitを使ってなんちゃってAR11

atsushi 2019-04-09 processing

マーカーをシールにして携帯に貼ってみる。http:…

続きを読む →

122. ProcessingでNyARToolkitを使ってなんちゃってAR10

atsushi 2019-04-08 processing

オリジナルマーカーを作ってみたんですが、なんかフラ…

続きを読む →

121. 久しぶりにvelvetsトップページを更新してみました。

atsushi 2019-04-04 p5.js

今後もp5.jsを使って更新していきます。http…

続きを読む →

120. AR.jsを使ってブラウザ上からARを表示してみる

atsushi 2019-04-03 javascript

ブラウザ上でARコンテンツを表示できるAR.jsを…

続きを読む →

119. ProcessingでNyARToolkitを使ってなんちゃってAR09

atsushi 2019-04-02 processing

118のイメージをARの球にマッピングしてみました…

続きを読む →

118. ProcessingでPixelFlowを使ってGLSLやってみる07

atsushi 2019-04-01 processing

112のGLSLイメージを球面のテクスチャとして貼…

続きを読む →

117. TouchDesignerのためのPythonの勉強02

atsushi 2019-03-28 python

Pythonでのfor文は今まで（Processi…

続きを読む →

116. TouchDesignerのためのPythonの勉強01

atsushi 2019-03-27 python

Pythonの勉強を始めました。TouchDesi…

続きを読む →

115. ProcessingでNyARToolkitを使ってなんちゃってAR08

atsushi 2019-03-26 processing

別のカメラをAR映像内に表示してみました。AR映像…

続きを読む →

114. ProcessingでPixelFlowを使ってGLSLやってみる06

atsushi 2019-03-25 processing

流れを止める防波堤も設定できる。http://ww…

続きを読む →

113. ProcessingでPixelFlowを使ってGLSLやってみる05

atsushi 2019-03-19 processing

OpticalFlowを試してみる。ウェブカメラか…

続きを読む →

112. ProcessingでPixelFlowを使ってGLSLやってみる04

atsushi 2019-03-18 processing

エージェントの軌跡に流体を発生させてみる。http…

続きを読む →

111. ProcessingでNyARToolkitを使ってなんちゃってAR07

atsushi 2019-03-14 processing

キーボードから入力した文字を表示。http://w…

続きを読む →

110. Processingでウェブカメラの映像から差分でアニメーション

atsushi 2019-03-13 processing

WEBカメラの映像をキャプチャしながら、現フレーム…

続きを読む →

109. ProcessingでPixelFlowを使ってGLSLやってみる03

atsushi 2019-03-12 processing

以前やった例です。色の流体とエージェントの融合。h…

続きを読む →

108. ProcessingでPixelFlowを使ってGLSLやってみる02

atsushi 2019-03-11 processing

引き続き、PixelFlowを使ってパーティクルを…

続きを読む →

107. ProcessingでPixelFlowを使ってGLSLやってみる01

atsushi 2019-03-08 processing

ProcessingでGLSLを扱うことができるラ…

続きを読む →

106. ProcessingでNyARToolkitを使ってなんちゃってAR06

atsushi 2019-03-06 processing

マーカーから花火を打ち上げてみました。http:/…

続きを読む →

105. p5.jsで097のサウンドイコライザー3Dをもう少し変えてみる

atsushi 2019-03-05 p5.js

もう少し動きを変えてみました。http://www…

続きを読む →

104. ProcessingでNyARToolkitを使ってなんちゃってAR05

atsushi 2019-02-15 processing

2種類のマーカーで動きを変化させてみる。本当は一方…

続きを読む →

103. ProcessingでNyARToolkitを使ってなんちゃってAR04

atsushi 2019-02-08 processing

2種類のマーカーを識別してみる。http://ww…

続きを読む →

102. ProcessingでNyARToolkitを使ってなんちゃってAR03

atsushi 2019-02-07 processing

たくさんのBOXを出してみる。使用しているマーカー…

続きを読む →

101. ProcessingでNyARToolkitを使ってなんちゃってAR02

atsushi 2019-02-06 processing

別のマーカーでもうちょっと実験。http://ww…

続きを読む →

100. ProcessingでNyARToolkitを使ってなんちゃってAR01

atsushi 2019-02-05 processing

最近AR関連にも興味があって、Processing…

続きを読む →

099. Processingでトイドローン「Tello」を動かしてみる02

atsushi 2019-02-01 processing

先日ドローンの勉強会に参加して、Telloについて…

続きを読む →

098. p5.jsで円を描きながらちょっと変則的なドローイングしてみる

atsushi 2019-01-31 p5.js

単純ですが、結果が面白かったので。http://w…

続きを読む →

097. p5.jsで027のサウンドイコライザーを3D変換してみる & BOXにしてみる

atsushi 2019-01-28 p5.js

各周波数の大きさをBOXの大きさで。http://…

続きを読む →

096. p5.jsで090の動きをちょっと変化させてみる02

atsushi 2019-01-24 p5.js

球でわちゃわちゃ！http://www.velve…

続きを読む →

095. p5.jsで090の動きをちょっと変化させてみる01

atsushi 2019-01-22 p5.js

天の川っぽいかな？http://www.velve…

続きを読む →

094. Processingによる091で使った「Tello」へのUDP通信

atsushi 2019-01-21 android

ProcessingでのUDP通信。こんな感じでし…

続きを読む →

093. p5.jsで027のサウンドイコライザーを3D変換してみる & 色ちょっと変える

atsushi 2019-01-18 p5.js

ちょっと色変えてみました。http://www.v…

続きを読む →

092. p5.jsで027のサウンドイコライザーを3D変換してみる

atsushi 2019-01-17 p5.js

クリックする度にランダムなドラム音が追加されて、イ…

続きを読む →

091. Processingでトイドローン「Tello」を動かしてみる01

atsushi 2019-01-16 processing

息子のプレゼントで買ったTelloですが、僕がハマ…

続きを読む →

090. p5.jsで076のエージェントの動きをZ方向にも拡張してみる

atsushi 2019-01-15 p5.js

076は3D描画なのですが、エージェントが参照する…

続きを読む →

089. p5.jsでドラッグした場所からキューブをわちゃわちゃ出してみる。

atsushi 2019-01-11 p5.js

画面をドラッグするとキューブがたくさん出てきます。…

続きを読む →

088. ProcessingでOSC通信をもう少しやってみる

atsushi 2019-01-07 processing

import oscP5.*; import ne…

続きを読む →

087. 本年もどうぞよろしくお願いいたいます。

atsushi 2019-01-04 p5.js

よろしくお願いいたします。

続きを読む →

086. p5.jsで定番の木のイメージを秋冬バージョンにしてみる

atsushi 2018-12-27 p5.js

年末ということで・・・。http://www.ve…

続きを読む →

085. p5.jsで3Dシューティングゲームのライトをもう少し変えてみる

atsushi 2018-12-26 p5.js

ライトの設定とマテリアルをちょっと変えてみました。…

続きを読む →

084. ProcessingでオリジナルのOSC送信インターフェイスを作ってみる

atsushi 2018-12-21 android

カラーピッカーを入れて、色情報をOSCでtouch…

続きを読む →

083. ProcessingからDMX制御でムービングライトを光らせてみる

atsushi 2018-12-20 android

お借りしていたムーブングライトが、ようやくTouc…

続きを読む →

082. p5.jsで3Dシューティングゲーム用の戦闘機を空間に飛ばす安定版

atsushi 2018-12-19 p5.js

前回の星が流れてくるところで、あるタイミングから重…

続きを読む →

081. openFrameworksとXcodeを久しぶりにインストールしてみた

atsushi 2018-12-18 openframeworks

だいぶ以前にちょろっと触って以来、久しぶりにインス…

続きを読む →

080. ProcessingでPixelFlowを使ったGLSLサンプルを作ってみる

atsushi 2018-12-17 processing

Thomas Diewaldsさんの素晴らしいライ…

続きを読む →

079. p5.jsで3Dシューティングゲーム用の戦闘機を空間に飛ばしてみる

atsushi 2018-12-14 p5.js

宇宙空間を進みます・・・途中で異常に重くなる・・・…

続きを読む →

078. p5.jsで3Dシューティングゲーム用の戦闘機から弾を発射してみる

atsushi 2018-12-13 p5.js

左右から弾を発射！http://www.velve…

続きを読む →

077. p5.jsで3Dシューティングゲーム用の戦闘機をモデリングしてみる

atsushi 2018-12-12 p5.js

といっても単純にBoxとCylinderの組み合わ…

続きを読む →

076. p5.jsで空間の中にカラフルなキューブをワチャワチャ動かしてみる

atsushi 2018-12-11 p5.js

024のパラメータを変えてみました。クリックで動き…

続きを読む →

075. p5.jsで無限に続くトンネルの中を走り続けてみる

atsushi 2018-12-10 p5.js

カラフルなトンネルの中をひたすら走り続ける。htt…

続きを読む →

074. ProcessingからDMX制御でクラスターLEDを光らせてみる 02

atsushi 2018-12-07 processing

Opne DMX USBがちょっとうまくいかないの…

続きを読む →

073. p5.jsでキラキラの泡がどんどん出てくるアニメーション

atsushi 2018-12-06 p5.js

066と068を組み合わせて、specularMa…

続きを読む →

072. Processingでランダムな四角を画面に充填してみる

atsushi 2018-12-05 processing

025を四角に。色情報は以下のイメージから取得して…

続きを読む →

071. ProcessingからDMX制御でクラスターLEDを光らせてみる 01

atsushi 2018-12-04 processing

Opne DMX USBデバイスを使ってPCからD…

続きを読む →

070. p5.jsで全方向からやってくる敵に攻撃・ダメージ・ゲームオーバー

atsushi 2018-12-03 p5.js

059をもうちょっと改造して、ゲームオーバー設定と…

続きを読む →

069. p5.jsで006で描いた木に文字の葉っぱを付け加えてみる

atsushi 2018-11-30 p5.js

文字の葉っぱがびっしりと。 http://www.…

続きを読む →

068. p5.jsで炭酸の泡のエフェクトを3Dにして色を付けてみる

atsushi 2018-11-29 p5.js

067のエフェクトを3Dにしてみました。ついでに…

続きを読む →

067. p5.jsで炭酸の泡のようなエフェクトを作ってみる

atsushi 2018-11-28 p5.js

泡がどんどん浮き上がるエフェクトです。 http:…

続きを読む →

066. p5.jsで空間内にどんどん上がる花火の中を移動してみる 02

atsushi 2018-11-27 p5.js

058をちょっとアレンジ。 http://www.…

続きを読む →

065. ProcessingからRFIDデバイスをシリアルで制御してみる

atsushi 2018-11-26 processing

今回はProcessingからRFIDデバイスにア…

続きを読む →

064. p5.jsとml5.jsで機械学習による画像分類をしてみる 02

atsushi 2018-11-22 p5.js

PCのウェブカメラに映った映像をリアルタイムに画像…

続きを読む →

063. p5.jsとml5.jsで機械学習による画像分類をしてみる 01

atsushi 2018-11-21 p5.js

ml5.jsを使って画像分類をしてみました。 ml…

続きを読む →

062. p5.jsで縦方向にスクロールするイメージギャラリーを作ってみる 02

atsushi 2018-11-20 p5.js

マウスの反応を調整して、背景にアニメーションを入れ…

続きを読む →

061. p5.jsで縦方向にスクロールするイメージギャラリーを作ってみる 01

atsushi 2018-11-19 p5.js

p5.js内でイメージを配置して、マウスのスクロー…

続きを読む →

060. p5.jsでマウスを重心にした位置にオブジェクトを描き続ける

atsushi 2018-11-16 p5.js

019のパラメータをちょっと変えて、描画しっぱなし…

続きを読む →

059. p5.jsで全方向からやってくる敵にダメージを受ける様子を表示

atsushi 2018-11-15 p5.js

057に加えて、敵からのダメージを受けたエフェクト…

続きを読む →

058. p5.jsで空間内にどんどん上がる花火の中を移動してみる 01

atsushi 2018-11-14 p5.js

042をアレンジして打ち上がる花火の中を移動してい…

続きを読む →

057. p5.jsで全方向からやってくる敵を撃てたら点数を加算してみる

atsushi 2018-11-13 p5.js

039のゲームで、敵を倒した時の点数表示を加えてみ…

続きを読む →

056. Processingで描いた空間のイメージを3Dプリンタへ出力 – その8

atsushi 2018-11-12 processing

今日新たに一個加えて3兄弟ができました。

続きを読む →

055. Processingで描いた空間のイメージを3Dプリンタへ出力 – その7

atsushi 2018-11-09 processing

049のやり方でもう一度出力。着色してみました。T…

続きを読む →

054. p5.jsで球のテクスチャに動画を使ってTwitterのユーザー画像表示

atsushi 2018-11-08 p5.js

TouchDesignerで映像を作っているのです…

続きを読む →

053. p5.jsでマウスに反応して回転するオブジェクトを変形してみる

atsushi 2018-11-07 p5.js

もうちょっと違うことがしたかったのですが、エラー出…

続きを読む →

052. p5.jsで球のテクスチャの中にTwitterのユーザー画像を表示してみる

atsushi 2018-11-06 p5.js

ちょっとこのエフェクトにハマってしまいました・・・…

続きを読む →

051. p5.jsで球のテクスチャの中にTwitterの検索結果を表示してみる

atsushi 2018-11-05 p5.js

003と050を組み合わせてみました。ただ、なぜか…

続きを読む →

050. p5.jsでシリンダーにテクスチャを貼って中から覗いてみる

atsushi 2018-11-02 p5.js

イメージ画像をシリンダーのプリミティブ形状にテクス…

続きを読む →

049. Processingで描いた空間のイメージを3Dプリンタへ出力 – その6

atsushi 2018-11-01 processing

すみません、まだやります（笑）もう少し立体感とフリ…

続きを読む →

048. Processingで描いた空間のイメージを3Dプリンタへ出力 – その5

atsushi 2018-10-31 processing

Y軸回転をやめて、Z方向には一定の厚みだけを残して…

続きを読む →

047. Processingで描いた空間のイメージを3Dプリンタへ出力 – その4

atsushi 2018-10-30 processing

もう少しアクセサリーっぽい形に。いつものようにB…

続きを読む →

046. p5.jsで描画パターンを持った軌跡上にBOXと線を描いてみる

atsushi 2018-10-29 p5.js

004の描画パターンを3D空間上に描いてみます。3…

続きを読む →

045. Processingで描いた空間のイメージを3Dプリンタへ出力 – その3

atsushi 2018-10-26 processing

ローレンツ曲線は形状が複雑だったので、もっとシンプ…

続きを読む →

044. Processingで描いた空間のイメージを3Dプリンタへ出力 – その2

atsushi 2018-10-25 processing

ローレンツ曲線の出力にもう一度挑戦。boxではなく…

続きを読む →

043. p5.jsで006で描いた木をもう少し違った感じに描いてみる

atsushi 2018-10-24 p5.js

006では再帰関数を使って木を描きました。それに0…

続きを読む →

042. p5.jsで星が中心から粉々に爆発するような感じを作ってみる

atsushi 2018-10-23 p5.js

画面の中心から爆発した星の破片が全方向に飛び散るよ…

続きを読む →

041. p5.jsで自律エージェントの動きをプロットしてみる。

atsushi 2018-10-22 p5.js

007のエージェントの動きを軌跡としてプロットして…

続きを読む →

040. Processingで描いた空間のイメージを3Dプリンタへ出力 – その1

atsushi 2018-10-22 processing

036のように034のローレンツ曲線イメージを3D…

続きを読む →

039. p5.jsで全方向からやってくる敵を砲台から打ちまくってみる

atsushi 2018-10-19 p5.js

030のシューティングをちょっと発展させて、全方向…

続きを読む →

038. p5.jsでマウスを重心にしたパーティクルを3D空間に描いてみる

atsushi 2018-10-18 p5.js

019のパーティクルの動きを3Dに変換してみました…

続きを読む →

037. p5.jsで3D空間内に木を描いてBOXの葉っぱを付けてみる

atsushi 2018-10-17 p5.js

006での木を3D空間に描画してみました（1本だけ…

続きを読む →

036. Processingで空間にドローイングしたイメージを3Dデータに書き出す

atsushi 2018-10-16 processing

以前メイカーズバザール大阪で出展した際のコンテンツ…

続きを読む →

035. p5.jsで3D空間内にベジェ曲線の軌跡アニメーションを描いてみる

atsushi 2018-10-15 p5.js

017のベジェ曲線を3D空間内にプロットして、その…

続きを読む →

034. p5.jsでローレンツ方程式の軌跡を空間に描いてみる

atsushi 2018-10-12 p5.js

ローレンツ方程式に値を代入した結果をプロットしてみ…

続きを読む →

033. p5.jsからTensorFlow.jsをちょっといじってみる – その3

atsushi 2018-10-11 p5.js

前回のコードを3次関数に適用してみました。 (1)…

続きを読む →

032. p5.jsからTensorFlow.jsをちょっといじってみる – その2

atsushi 2018-10-10 p5.js

前回のコードをもうちょっとわかりやすく書き換えてみ…

続きを読む →

031. p5.jsからTensorFlow.jsをちょっといじってみる – その1

atsushi 2018-10-09 p5.js

TensorFlow.jsを触ってみました。まだま…

続きを読む →

030. p5.jsで中心から全方向に弾を発射する砲台を作ってみる

atsushi 2018-10-05 p5.js

ちょっとしたシューティングゲームを作ろうと思って、…

続きを読む →

029. Processing for Androidで動画再生アプリを作ってみる

atsushi 2018-10-04 android

Processing for Androidで動画…

続きを読む →