キーワード p5.js が含まれる動画 ： 234 件中 1 - 32 件目
種類:
- タグ
- キーワード
対象:
Processingで遊ぶにゃ♪（2021/08/06 4:20）
Open Processingで思わず目を惹かれたp5.jsのプログラムをブロック崩しのコングラチュレーション画面に取り込むべくProcessing javaに書き換え中です。
～デバッグ（ハイライト）～
NEORTで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「NEORT」からのポーティング（p5.js（JavaScript）またはopenFrameworks（C++）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/uWHo
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
001 - Generative DesignをUnityで再現してみよう
generative-design/Code-Package-Processing-3.x
https://github.com/generative-design/Code-Package-Processing-3.x
Emma Prats
HOW TO ROTATE THE CAMERA AROUND AN OBJECT IN UNITY (EASY TUTORIAL)
https://www.youtube.com/watch?v=rDJOilo4Xrg
音楽：Music：魔王魂
https://maoudamashii.jokersounds.com/
BGM：bgm_maoudamashii_8bit26.mp3：8bit 26 (crying again ファミコン風) (魔王魂)
https://maoudamashii.jokersounds.com/archives/bgm_maoudamashii_8bit26.html
Generative Design（ProcessingやP5.js）で使われているコードをUnityで再現してみようという企画です。
「Generative Design-Processingで切り拓く、デザインの新たな地平」という名前で販売されている本のGithubで公開されているコードを使用しています。
https://www.amazon.co.jp/Generative-Design-Processing%E3%81%A7%E5%88%87%E3%82%8A%E6%8B%93%E3%81%8F%E3%80%81%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E6%96%B0%E3%81%9F%E3%81%AA%E5%9C%B0%E5%B9%B3-Hartmut-Bohnacker/dp/4802510136
Blog
https://akasatanahama.com/posts/154/
Twitter
https://twitter.com/fullNam35087976/
Github
https://github.com/shaieaokamodkijiadjfoa/
平面、円、図形、踊れ狂えや / 重音テト（- 顔面 + 多角形）
【とりあえず言いたいこと】
・しばらく暗めの雰囲気の音楽作ってたので、今回は割と楽しい方面の音楽です。
・キーワード「五度圏」
・ほぼ、p5.jsによるアニメーションです。
・見どころは、後半に暴れる多角形です。コーディングめちゃ苦労した。
・【音見酒】おとみ-ざけ：この動画を見ながら飲む酒
・このアニメーション、いろいろと改善の余地があります。
・せっかく苦労かけて作ったので、今後の作品に絶対流用します！！！！！！！！！！！！！
・この音楽、なんと、10回以上転調します。
・テトさん、相変わらず可愛い。綺麗。美声。
・「コロッケ食べ～る」も良いけど、わたしは「唐揚げ食べ～る」派です。
・何？？？？？？？ 「チョロン毛」って？？？？？？？？？？？？？？？
・例え世界が丸くても、楽しければそれで良いじゃないか！
【歌詞】
平面に描いた円
振るえる空気を閉じ込めて
跳ね回る君、興味津々……
海老食おう。
これなんてブラウン運動？
否、fの上に乗る一生
反復横跳び、追いかけっこ
あぁ…情緒不安定……
おっ、挑戦的変転っ
さあ、丸い世界で
踊れ。踊れ。狂え。狂え。
後ね、海老食おう。
仲良し小好し、手をつないで
離れてたって、へっちゃらね
遠くで光る、誰かの目
仲間になりたそうな目……
変幻自在な図形問題
思考を煽っといて邪魔してばっかり
余裕で捨て問。
耳を傾けるだけじゃ出会えなかった景色
さて、音見酒（おとみざけ）と洒落込もう……
肴は、そうだな……
唐揚げ食べる。
【日本語解説】002 - Generative DesignをUnityで再現してみよう
音楽、Music: クロード・アシル・ドビュッシー《Claude Achille Debussy》
ベルガマスク組曲 第1曲 「前奏曲」プレリュード (Suite bergamasque, Prélude) wave file
Generative Design（ProcessingやP5.js）で使われているコードをUnityで再現してみようという企画です。
「Generative Design-Processingで切り拓く、デザインの新たな地平」という名前で販売されている本のGithubで公開されているコードを使用しています。
https://www.amazon.co.jp/Generative-Design-Processing%E3%81%A7%E5%88%87%E3%82%8A%E6%8B%93%E3%81%8F%E3%80%81%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E6%96%B0%E3%81%9F%E3%81%AA%E5%9C%B0%E5%B9%B3-Hartmut-Bohnacker/dp/4802510136
generative-design/Code-Package-Processing-3.x
https://github.com/generative-design/Code-Package-Processing-3.x
カメラの視点移動のスクリプトはEmma Pratsさんの動画を参考にしました。ありがとうEmma Pratsさん！
Emma Prats
HOW TO ROTATE THE CAMERA AROUND AN OBJECT IN UNITY (EASY TUTORIAL)
https://www.youtube.com/watch?v=rDJOilo4Xrg
Blog
https://akasatanahama.com/
Twitter
https://twitter.com/fullNam35087976/
Github
https://github.com/shaieaokamodkijiadjfoa/
002 - Reproduce Generative Design in Unity
Music: Claude Achille Debussy
（Suite bergamasque, Prélude) wave file
This project aims to reproduce the code used in Generative Design (Processing and P5.js) in Unity.
I am using code published on Github in a book sold under the name "Generative Design: Visualize, Program, and Create with Processing".
https://www.amazon.com/Generative-Design-Visualize-Program-Processing/dp/1616890770/ref=sr_1_1?crid=DA4KBY9EGR9L&dchild=1&keywords=generative+design+processing&qid=1593692781&sprefix=generative+design+pro%2Caps%2C566&sr=8-1
generative-design/Code-Package-Processing-3.x
https://github.com/generative-design/Code-Package-Processing-3.x
The script for moving the viewpoint of the camera is based on the video of Emma Prats. Thank you Emma Prats.
Emma Prats
HOW TO ROTATE THE CAMERA AROUND AN OBJECT IN UNITY (EASY TUTORIAL)
https://www.youtube.com/watch?v=rDJOilo4Xrg
Blog
https://akasatanahama.com/
Twitter
https://twitter.com/fullNam35087976/
Github
https://github.com/shaieaokamodkijiadjfoa/
NEORTで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「NEORT」からのポーティング（p5.js（JavaScript）またはopenFrameworks（C++）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/uWHo
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
NEORTで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「NEORT」からのポーティング（p5.js（JavaScript）またはglslまたはopenFrameworks（C++）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/6abt
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
くたばれ意味深 / 初音ミク（F*ck Imishin）
【とりあえず言いたいこと】
・久々に、初音ミクさんに歌っていただきました。ありがとうございます。
・ノリノリで痛快な音楽を作ってみました。
・なんか、実話チック……こんなに尖ってはいなかった……はず。
・【今日のp5.js】背景で読めない漢字が右から左に流れてるところ。
・あ、五線譜と音符はドローソフトとaviutlで作ってます。ややこしや。
・画質はちょっとぼんやりしたものほど良いよね～
・イラスト、うまくなりてえなあ（n回目）
・PV、最近のノリを参考にしたつもり。
・音は意味を喰らうものらしい
【歌詞】
くたばれ意味深
目立ちたがりがやってきた
心躍る予感 君の世界に期待大
だけど 浮つくような軽やかさとは裏腹に
頭に重りが乗ったような
穴埋め問題 だるっ！だるっ！
長文読解 だるっ！だるっ！
行間読解 だるっ！だるっ！だるっ！
答えの見えない迷宮に誘わないで
途切れ途切れの世界が
「深そう」で不快で堪らないの
くたばれ意味深（単純明快、それこそが正義）
くたばれ意味深（単純明快、それこそが正義）
ただの「お飾り」なら許さない
捧げた諸々の数字 返せ
魔性の音はどんどん上に行っちゃって
答えが出ずに僕は置き去りよ
プチョヘンザ後回し 辞書を引く必要あり
足りん脳みそ フル回転
「小難しい」は「ダサい」とか
「容易い」は「ありきたり」とか
お気持ちが渦巻く世界で
参謀も単細胞も何でもござれ
結局 楽しんだ者が勝ち
くたばれ意味深 くたばれ意味深
くたばれ意味深（首でも振っとけ とりあえず振っとけ）
くたばれ意味深（手でも挙げとけ ひとまず挙げとけ）
ただの「お飾り」ということにしよう
作者の気持ち どうでもいいや
どうせ音が食べちゃうから
あぁ 恐ろしや～
音「くたばれ意味深」
NEORTで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「NEORT」からのポーティング（p5.js（java）またはopenFrameworks（C++）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/uWHo
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
Processingで遊ぶにゃ♪（2021/07/17 6:25）
p5.jsのWebGLの座標系は？
・画面ど真ん中が原点
（Processing JavaのP3Dは画面左上隅が原点）
・X軸右方向が＋、Y軸下方向が＋、Z軸画面奥方向が－
（Processing JavaのP3Dと同じ）
OpenProcessingで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「OpenProcessing」からのポーティング（p5.js（JavaScript）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/x0Mm
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
＊空きが不足しています / 重音テト
【とりあえず言いたいこと】
・前回に続きドラムンベースな音楽を作りました。
・今回の作品、プログラミング周りに縁がありそう。
・p5.jsを本格的に学習開始。
・図形の出現、ドラム隊との同期、上部ゲージなどは、p5.jsによるアニメーションです。
・すんごい細かいことだけど、図形同士が被らないようにするの、地味に苦労した。
・はじめてRGB以外の色情報の表現方法に触れました。
・まだ学習して1ヶ月も経ってないので、それなりの出来です。でも基本はだいぶおさえたはず。
・もっと面白い映像作ってみてえなあ（いろいろネタは思い浮かんでる）
・「繁華街区画整理事業」という、おおよそ歌詞に入るとは思えない語彙を入れたの、ちょっと好き。
・「理解したフリ～」って聞こえるからって、理解できてないわけじゃありませんよ。多分。
・耐えない考え事のほとんどは、さっさとゴミ収集車に回収してもらいましょうね～
【歌詞】
読みかけた本たちが成した繁華街
まだ棚に戻せない
だって結末が気になるから
そうやって築かれた机の上
もう一冊、もう一冊 糸口を探る
四六時中、思考舞踊 されど進まず
隣の芝生が鮮明に 焦燥感が絶頂期
何とかしたい、したいのに……
足りない、足りない、足りない、空きが足りない
願いとは裏腹に、身体が吐いたメッセージ
機械に妬いちゃった わたしのより広そうだ
機械を憐れんだ 片付けられないもの同士
足りない、足りない、足りない、空きが足りない
ふと目に入ったfree() 理解したfree()
「何か捨てなきゃ」って気づいた。
繁華街区画整理事業
棚に戻すか燃やしてしまおう
死ぬまでに分かれば良いや
そうやって拾う机の上のゴミ
OpenProcessingで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「OpenProcessing」からのポーティング（p5.js（JavaScript）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/uWHo
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
理不尽.net / 重音テト（ちょっと不機嫌そう）
【とりあえず言いたいこと】
・てきばっかり.net（sm43302212）の続編的な音楽です。
・重低音がイイ感じ出してます。
・序盤のメロディ、結構お気に入り。韻踏みも好き。
・もうすぐGWですね。音楽活動に集中したいなぁ……
・【本日のp5.js】背景の、キックとスネアに連動して丸が出る部分
・今まで問題なく動いていたプログラムがバグってたとき、いつも以上に悔しいですよね
・イラスト、うまくなりてえなあ
・理不尽には大きく分けて2種類存在する。既に存在するものと、自分で作ったものだ。
【歌詞】
憧れたこちら側
非常口？ 素通りさ
だって優勝してないもん！
だから、めっちゃ足掻いたの！
【結果：変化なし】
劣化、錆びきった弦
わたしの「何か」が切れた瞬間気づき、得た
「口」って手軽な楽器じゃん！
ただひたすらに、吐き捨てた
奏でてないから、電波、腐らせた
なってしまった反面教師
遠のいちゃった完全勝利
Q.あなたは雲と泥、どっち？
A.後者。自明の理。ごらん、この天と地……
理不尽、理不尽、理不尽、理不尽……
あっ、出た
あっ、壁、出た
なんて軽率……
匙とヒトの良いとこ、ポイ捨て……
この上ない才能 腐った宝と化した
長い 長い 足跡の意思に背いた
恋しいなあ 「やめとけ」って命綱
ついにわたしまで空気に還りそう
壊せ 壊せ この壁は壊せ
足引っ張るわたし 殺してしまえ
越えろ 越えろ あの壁は越えろ
足が棒なわたし 天に祈れ
ハレの日だ 籠もってることに気づいた日
変えるんだ 壁を越える原動力に
生憎、素直じゃないから 最後は神頼み
いつでも待つよ 世界がわたしに重なる日
NEORTで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「NEORT」からのポーティング（p5.js（JavaScript）またはopenFrameworks（C++）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/uWHo
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts