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

162. p5.jsでシェーダーを使ってみる02

atsushi 2019-10-04 javascript

シェーダーでは線を引くことはできません。線が引かれ…

続きを読む →

161. p5.jsでシェーダーを使ってみる01

atsushi 2019-10-03 javascript

p5.jsでシェーダーを使ってみました。シェーダー…

続きを読む →

160. p5.jsでいろんな正多面体を描画して動かしてみる02

atsushi 2019-07-26 javascript

159の多面体の周りに周回軌道アニメーションを入れ…

続きを読む →

159. p5.jsでいろんな正多面体を描画して動かしてみる01

atsushi 2019-07-25 javascript

こちらを参考にさせていただき、正多面体を描画してみ…

続きを読む →

158. TouchDesignerのPythonでOpenCVを実装してみる07

atsushi 2019-07-17 python

TouchDesignerのPythonでようやく…

続きを読む →

157. PythonのOpenCVを使ってARマーカーを読み取ってみる

atsushi 2019-07-12 python

Pythonのarucoライブラリを使うとARマー…

続きを読む →

156. TouchDesignerのPythonでOpenCVを実装してみる06

atsushi 2019-07-11 python

154の炎を光るパーティクルにしてみる。

続きを読む →

155. TouchDesignerのPythonでOpenCVを実装してみる05

atsushi 2019-07-05 python

今度は背景差分による動体検出。動かない背景に対して…

続きを読む →

154. TouchDesignerのPythonでOpenCVを実装してみる04

atsushi 2019-07-04 python

物体検出したところに火を灯す。

続きを読む →

153. TouchDesignerのPythonでOpenCVを実装してみる03

atsushi 2019-07-02 python

150をちょっといじってみましたが、精度いまいち・…

続きを読む →

152. TouchDesignerのPythonでOpenCVを実装してみる02

atsushi 2019-06-28 python

今度はTouchDesignerのPythonで顔…

続きを読む →

151. PythonのOpenCVを使ってウェブカメラの顔認証してみる

atsushi 2019-06-26 python

みんな大好きキアヌ。 import numpy a…

続きを読む →

150. TouchDesignerのPythonでOpenCVを実装してみる01

atsushi 2019-06-21 python

148、149でPythonのOpenCVによる動…

続きを読む →

149. PythonのOpenCVを使って動く物体を追跡してみる02

atsushi 2019-06-20 python

148の場合は追跡用の枠の大きさが固定でしたが、C…

続きを読む →

148. PythonのOpenCVを使って動く物体を追跡してみる01

atsushi 2019-06-19 python

OpenCVのMeanShitを使って動く物体を追…

続きを読む →

147. p5.jsでスタイルシートを設定した文字をアニメーションさせてみる03

atsushi 2019-06-14 p5.js

CSSの「opacity」を変化させてフェードイン…

続きを読む →

146. TouchDesignerのためのPythonの勉強06

atsushi 2019-06-10 python

Script CHOPを使うと、任意の入力値に対し…

続きを読む →

145. TouchDesignerのためのPythonの勉強05

atsushi 2019-06-07 python

Pythonの実行結果をコンソールに出すだけでなく…

続きを読む →

144. ArduinoからRFIDキットを制御していろいろ動かしてみる03

atsushi 2019-06-04 arduino

下のようにアンテナにICタグをかざして、信号をPr…

続きを読む →

143. p5.jsでスタイルシートを設定した文字をアニメーションさせてみる02

atsushi 2019-06-03 p5.js

142をちょっと修正。 http://www.ve…

続きを読む →

142. p5.jsでスタイルシートを設定した文字をアニメーションさせてみる01

atsushi 2019-05-31 javascript

p5.jsでDIV要素を生成し、それに対してスタイ…

続きを読む →

141. ArduinoからRFIDキットを制御していろいろ動かしてみる02

atsushi 2019-05-30 arduino

RFIDのアンテナを半田付けしてArduinoに接…

続きを読む →

140. ArduinoからRFIDキットを制御していろいろ動かしてみる01

atsushi 2019-05-29 arduino

ようやくRFIDのセットが届いたので、久しぶりに半…

続きを読む →

139. p5.jsでp5.3Dライブラリを使ってテキストデータをリアルタイムに3D表示

atsushi 2019-05-28 未分類

今までp5.jsでテキストを3D空間に表示する場合…

続きを読む →

138. TouchDesignerのためのPythonの勉強04

atsushi 2019-05-27 python

Pythonの実行環境の構築は結構めんどくさい。1…

続きを読む →

137. p5.jsでブラウザからウェブカメラにアクセスしてみる

atsushi 2019-05-24 p5.js

こんな感じで。 http://www.velvet…

続きを読む →

136. ProcessingのPythonモードを使ってPythonコードを実行してみる

atsushi 2019-05-22 processing

Pythonを勉強するにあたり、その開発環境や実行…

続きを読む →

135. 初めてHoudiniを触って、花火のパーティクルを配置してみる

atsushi 2019-05-16 houdini

初めてHoudiniをインストールしてちょこちょこ…

続きを読む →

134. ProcessingのNyARToolkitのデータとSyphonの実行画面をTDに送信

atsushi 2019-05-10 processing

132でのProcessingのSyphonライブ…

続きを読む →

133. ProcessingのNyARToolkitのデータをTouchDesigner側で受け取る

atsushi 2019-05-09 processing

ProcessingのARライブラリNyARToo…

続きを読む →

132. Processingの実行画面をTouchDesigner側で受け取る

atsushi 2019-05-08 processing

Processingで作ったスケッチの実行結果の画…

続きを読む →

131. p5.jsでマウスをドラッグした位置にランダムな線を描画してみる

atsushi 2019-05-07 p5.js

ドラッグして何となく円を描きながら線が出てくる。 …

続きを読む →

130. p5.jsでマウスを重心にした3DパーティクルBOX改訂版

atsushi 2019-04-25 p5.js

038の描画をちょっと修正。 http://www…

続きを読む →

129. p5.jsでドラッグした場所からキューブをわちゃわちゃ改訂版

atsushi 2019-04-24 p5.js

089のわちゃわちゃキューブの出方とライトを変更。…

続きを読む →

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

atsushi 2019-04-23 p5.js

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

続きを読む →

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を使って更新していきます。 htt…

続きを読む →

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://w…

続きを読む →

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

atsushi 2019-03-19 processing

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

続きを読む →

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

atsushi 2019-03-18 processing

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

続きを読む →

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

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

続きを読む →

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://ww…

続きを読む →

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

atsushi 2019-02-15 processing

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

続きを読む →

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

atsushi 2019-02-08 processing

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

続きを読む →

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

atsushi 2019-02-07 processing

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

続きを読む →

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

atsushi 2019-02-06 processing

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

続きを読む →

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://…

続きを読む →

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.velv…

続きを読む →

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

atsushi 2019-01-22 p5.js

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

続きを読む →

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.…

続きを読む →

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.v…

続きを読む →

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.velv…

続きを読む →

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

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

続きを読む →

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…

続きを読む →