キーワード p5.js が含まれる動画 ： 234 件中 1 - 32 件目

【とりあえず言いたいこと】
・前回に続きドラムンベースな音楽を作りました。
・今回の作品、プログラミング周りに縁がありそう。
・p5.jsを本格的に学習開始。
・図形の出現、ドラム隊との同期、上部ゲージなどは、p5.jsによるアニメーションです。
・すんごい細かいことだけど、図形同士が被らないようにするの、地味に苦労した。
・はじめてRGB以外の色情報の表現方法に触れました。
・まだ学習して1ヶ月も経ってないので、それなりの出来です。でも基本はだいぶおさえたはず。
・もっと面白い映像作ってみてえなあ（いろいろネタは思い浮かんでる）
・「繁華街区画整理事業」という、おおよそ歌詞に入るとは思えない語彙を入れたの、ちょっと好き。
・「理解したフリ～」って聞こえるからって、理解できてないわけじゃありませんよ。多分。


・耐えない考え事のほとんどは、さっさとゴミ収集車に回収してもらいましょうね～

【歌詞】
読みかけた本たちが成した繁華街
まだ棚に戻せない
だって結末が気になるから
そうやって築かれた机の上

もう一冊、もう一冊　糸口を探る
四六時中、思考舞踊　されど進まず
隣の芝生が鮮明に　焦燥感が絶頂期
何とかしたい、したいのに……

足りない、足りない、足りない、空きが足りない
願いとは裏腹に、身体が吐いたメッセージ

機械に妬いちゃった　わたしのより広そうだ
機械を憐れんだ　片付けられないもの同士

足りない、足りない、足りない、空きが足りない
ふと目に入ったfree()　理解したfree()
「何か捨てなきゃ」って気づいた。

繁華街区画整理事業
棚に戻すか燃やしてしまおう
死ぬまでに分かれば良いや
そうやって拾う机の上のゴミ

http://www.nicovideo.jp/watch/sm43565450

作ったやつ：https://scratch.mit.edu/projects/579310559/

http://www.nicovideo.jp/watch/sm39498321

【とりあえず言いたいこと】
・しばらく暗めの雰囲気の音楽作ってたので、今回は割と楽しい方面の音楽です。
・キーワード「五度圏」
・ほぼ、p5.jsによるアニメーションです。
・見どころは、後半に暴れる多角形です。コーディングめちゃ苦労した。
・【音見酒】おとみ-ざけ：この動画を見ながら飲む酒
・このアニメーション、いろいろと改善の余地があります。
・せっかく苦労かけて作ったので、今後の作品に絶対流用します！！！！！！！！！！！！！
・この音楽、なんと、10回以上転調します。
・テトさん、相変わらず可愛い。綺麗。美声。
・「コロッケ食べ～る」も良いけど、わたしは「唐揚げ食べ～る」派です。
・何？？？？？？？　「チョロン毛」って？？？？？？？？？？？？？？？

・例え世界が丸くても、楽しければそれで良いじゃないか！

【歌詞】
平面に描いた円
振るえる空気を閉じ込めて
跳ね回る君、興味津々……
海老食おう。

これなんてブラウン運動？
否、fの上に乗る一生
反復横跳び、追いかけっこ

あぁ…情緒不安定……
おっ、挑戦的変転っ
さあ、丸い世界で
踊れ。踊れ。狂え。狂え。
後ね、海老食おう。

仲良し小好し、手をつないで
離れてたって、へっちゃらね
遠くで光る、誰かの目
仲間になりたそうな目……

変幻自在な図形問題
思考を煽っといて邪魔してばっかり
余裕で捨て問。
耳を傾けるだけじゃ出会えなかった景色
さて、音見酒（おとみざけ）と洒落込もう……
肴は、そうだな……

唐揚げ食べる。

http://www.nicovideo.jp/watch/sm43643425

JavaScriptとp5.jsでアルカノイド風なブロック崩しゲームを作ってみる動画です。
今回は前回の続きでボールの描画と移動処理を実装しました。
前回どう考えてもソースコードの文字サイズが小さくてスマホだとほとんどなに書いてあるかわかんないと思ったので、今回から文字を大きくしました。
これからは１本の動画を10分程度にまとめようとしましたが、20分になってしまいました。次回から頑張ります。
youtubeにも上げてます。
https://youtu.be/mKoiuzyjkXM

http://www.nicovideo.jp/watch/sm36424349

・配信内容をProcessingで作った「ブロック崩し」への「OpenProcessing」からのポーティング（p5.js（JavaScript）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』

・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/Feeh
⇒動かし方。
block_kuzushi\README\動かし方.txt

・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts

http://www.nicovideo.jp/watch/sm40145785

JavaScriptとp5.jsでアルカノイド風なブロック崩しゲームを作ってみるテストです。
1時間で作ろうと思いましたが圧倒的時間不足により途中で断念しました。
youtubeにも上げてます
https://youtu.be/4EN8o_nN__8

http://www.nicovideo.jp/watch/sm36420700

【とりあえず言いたいこと】
・てきばっかり.net（sm43302212）の続編的な音楽です。
・重低音がイイ感じ出してます。
・序盤のメロディ、結構お気に入り。韻踏みも好き。
・もうすぐGWですね。音楽活動に集中したいなぁ……
・【本日のp5.js】背景の、キックとスネアに連動して丸が出る部分
・今まで問題なく動いていたプログラムがバグってたとき、いつも以上に悔しいですよね
・イラスト、うまくなりてえなあ


・理不尽には大きく分けて2種類存在する。既に存在するものと、自分で作ったものだ。

【歌詞】
憧れたこちら側
非常口？　素通りさ
だって優勝してないもん！
だから、めっちゃ足掻いたの！
【結果：変化なし】
劣化、錆びきった弦
わたしの「何か」が切れた瞬間気づき、得た
「口」って手軽な楽器じゃん！
ただひたすらに、吐き捨てた
奏でてないから、電波、腐らせた
なってしまった反面教師
遠のいちゃった完全勝利
Q.あなたは雲と泥、どっち？
A.後者。自明の理。ごらん、この天と地……

理不尽、理不尽、理不尽、理不尽……

あっ、出た
あっ、壁、出た
なんて軽率……
匙とヒトの良いとこ、ポイ捨て……

この上ない才能　腐った宝と化した
長い　長い　足跡の意思に背いた
恋しいなあ　「やめとけ」って命綱
ついにわたしまで空気に還りそう

壊せ　壊せ　この壁は壊せ
足引っ張るわたし　殺してしまえ
越えろ　越えろ　あの壁は越えろ
足が棒なわたし　天に祈れ

ハレの日だ　籠もってることに気づいた日
変えるんだ　壁を越える原動力に

生憎、素直じゃないから　最後は神頼み
いつでも待つよ　世界がわたしに重なる日

http://www.nicovideo.jp/watch/sm43714080

・配信内容をProcessingで作った「ブロック崩し」への「OpenProcessing」からのポーティング（p5.js（JavaScript）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』

・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/Feeh
⇒動かし方。
block_kuzushi\README\動かし方.txt

・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts

http://www.nicovideo.jp/watch/sm40145851

・配信内容をProcessingで作った「ブロック崩し」への「OpenProcessing」からのポーティング（p5.js（JavaScript）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』

・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/Feeh
⇒動かし方。
block_kuzushi\README\動かし方.txt

・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts

http://www.nicovideo.jp/watch/sm40145951

https://www.openprocessing.org/

http://www.nicovideo.jp/watch/sm37743170

【とりあえず言いたいこと】
・久々に、初音ミクさんに歌っていただきました。ありがとうございます。
・ノリノリで痛快な音楽を作ってみました。
・なんか、実話チック……こんなに尖ってはいなかった……はず。
・【今日のp5.js】背景で読めない漢字が右から左に流れてるところ。
・あ、五線譜と音符はドローソフトとaviutlで作ってます。ややこしや。
・画質はちょっとぼんやりしたものほど良いよね～
・イラスト、うまくなりてえなあ（n回目）
・PV、最近のノリを参考にしたつもり。

・音は意味を喰らうものらしい

【歌詞】
くたばれ意味深

目立ちたがりがやってきた
心躍る予感　君の世界に期待大
だけど　浮つくような軽やかさとは裏腹に
頭に重りが乗ったような

穴埋め問題　だるっ！だるっ！
長文読解　だるっ！だるっ！
行間読解　だるっ！だるっ！だるっ！
答えの見えない迷宮に誘わないで
途切れ途切れの世界が
「深そう」で不快で堪らないの

くたばれ意味深（単純明快、それこそが正義）
くたばれ意味深（単純明快、それこそが正義）
ただの「お飾り」なら許さない
捧げた諸々の数字　返せ

魔性の音はどんどん上に行っちゃって
答えが出ずに僕は置き去りよ
プチョヘンザ後回し　辞書を引く必要あり
足りん脳みそ　フル回転

「小難しい」は「ダサい」とか
「容易い」は「ありきたり」とか
お気持ちが渦巻く世界で
参謀も単細胞も何でもござれ
結局　楽しんだ者が勝ち

くたばれ意味深　くたばれ意味深

くたばれ意味深（首でも振っとけ　とりあえず振っとけ）
くたばれ意味深（手でも挙げとけ　ひとまず挙げとけ）
ただの「お飾り」ということにしよう
作者の気持ち　どうでもいいや
どうせ音が食べちゃうから
あぁ　恐ろしや～

音「くたばれ意味深」

http://www.nicovideo.jp/watch/sm43823971

「Processing」を「攻略」する配信です＼(^_^)／

・配信でいじってるブロック崩しのダウンロード先です
https://xgf.nu/Feeh
⇒動かし方。
block_kuzushi\README\動かし方.txt
。。。Processing4beta7をカスタマイズしたIDEを使っています
素のIDEでも動きますがソースの編集作業がメンドウです
⇒Processing4のIDE自体をビルドし直すための環境構築について
https://www.nicovideo.jp/watch/sm39166718
。。。beta5からJava SE Development Kit 17.0.1を入れています
https://download.oracle.com/java/17/archive/jdk-17.0.1_windows-x64_bin.msi

・OpenProcessingのホームページです
https://openprocessing.org/browse/
⇒つぎのお題
https://openprocessing.org/user/271417/?view=hearts
・NEORTのホームページです
https://neort.io/popular
⇒つぎのお題
https://neort.io/@UiSJkmwxSgeyI2ExU8Y9DeiDuZD2/likes
・Shadertoyのホームページです
https://www.shadertoy.com/
・GLSL SANDBOXのホームページです
https://glslsandbox.com/

http://www.nicovideo.jp/watch/sm40147954

【Processing 4 (beta)のビルド環境構築】

1. Processing 4のソースをとってくる。
（１）https://github.com/processing/processing4からダウンロードして展開する。
  （例）C:\processing4-master

2. JDK 11（AdoptOpenJDK）をとってきてインストールする。
（１）https://adoptopenjdk.net/からダウンロードしてインストールする。
※beta5からJava SE Development Kit 17.0.1を入れています。
　https://download.oracle.com/java/17/archive/jdk-17.0.1_windows-x64_bin.msi

3. ant（Javaアプリケーションのビルドの自動化ツール）をとってきて使えるようにする。
（１）https://ant.apache.org/からダウンロードして展開する。
（２）antを動かすためのパスを通す。
  （例）C:\tools\apache-ant-1.10.11\bin

4. コマンドプロンプトでProcessing 4をビルドする。
（例）ビルド
    cd C:\processing4-master\build
    ant run
（例）クリーン
    ant clean

http://www.nicovideo.jp/watch/sm39166718

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/

http://www.nicovideo.jp/watch/sm37212943

音楽、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/

http://www.nicovideo.jp/watch/sm37742670

・配信内容をProcessingで作った「ブロック崩し」への「OpenProcessing」からのポーティング（p5.js（JavaScript）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』

・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/Feeh
⇒動かし方。
block_kuzushi\README\動かし方.txt

・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts

http://www.nicovideo.jp/watch/sm40148439

１．最近の「Processingで遊ぶにゃ♪」関連の配信を開きます。

・配信でいじってるブロック崩しのダウンロード先です
に書いてあるURLを開いて「block_kuzushi.zip」をダウンロードしてください。

２．適当なところに展開してください。

３．block_kuzushi\ProcessingCustom\【カスタマイしたProcessing4のIDE】にゃー\build\windows\work\processing.exe
をダブルクリックして起動してください。

４．音をならすために「minim」というライブラリをインストールします。

（１）メニューの「Sketch/Import Library.../Add Library...」を選びます。
（２）「Libraries」タブの「Filter」のところに"minim"と入力してください。
（３）表示された一覧の
Minim | An audio library ～
をクリックしてください。
（４）画面右下の「Install」ボタンを押してください。
（５）メイン画面に戻ってメニューの「Sketch/Import Library...」で表示されるメニューの一番下に「Minim」が表示されていればOKです。

５．block_kuzushi\block_kuzushi.pdeをダブルクリックしてください。

６．表示された画面左上にある「右向き矢印アイコン」をクリックしてください。

７．「ブロック崩し」が動き出せば（20数秒かかりますm(__)m）OKです。

。。。お疲れさまでした♪

http://www.nicovideo.jp/watch/sm40163068

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/

http://www.nicovideo.jp/watch/sm37742657

タワマンについて（＆自己紹介）

http://www.nicovideo.jp/watch/sm39036648

・配信内容を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

http://www.nicovideo.jp/watch/sm40088411

2021/08/19のニコ生配信「Processingで遊ぶにゃ♪」の切り抜きです。
Processingで配信を始めてはや5か月。
p5.jsからの書き換えにもだいぶ慣れてきました。

http://www.nicovideo.jp/watch/sm39204240

Open Processingで思わず目を惹かれたp5.jsのプログラムをブロック崩しのコングラチュレーション画面に取り込むべくProcessing javaに書き換え中です。
スロットマシン？

http://www.nicovideo.jp/watch/sm39079785

floatで頑張れ～＼(^_^)／＼(^_^)／＼(^_^)／

http://www.nicovideo.jp/watch/sm39046671

★ブロック崩しをお手元で動かして頂けるようなご説明。
★カスタマイズしているProcessing開発環境について。
（どんな機能をいじってるか）

・カタカナのアオイさん
（ゲーム配信の頃から超お世話になっているダークソウルリマスターな方）
・PC-8001さん
（プログラミング配信でとてもお世話になってる超凄腕な方）

http://www.nicovideo.jp/watch/sm39041059

・配信内容をProcessingで作った「ブロック崩し」への「OpenProcessing」からのポーティング（p5.js（JavaScript）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』

・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/6abt
⇒動かし方。
block_kuzushi\README\動かし方.txt

・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts

http://www.nicovideo.jp/watch/sm40131104

タワマン考察（同棲するモデルさんは家賃を）

http://www.nicovideo.jp/watch/sm39047038

floatで頑張れ！

http://www.nicovideo.jp/watch/sm39046506

（わからなくなってくると、ポインタに逃げたくなってくる。。。）

http://www.nicovideo.jp/watch/sm39046493

p5.jsのWebGLの座標系は？
・画面ど真ん中が原点
（Processing JavaのP3Dは画面左上隅が原点）
・X軸右方向が＋、Y軸下方向が＋、Z軸画面奥方向が－
（Processing JavaのP3Dと同じ）

http://www.nicovideo.jp/watch/sm39041342

・配信内容をProcessingで作った「ブロック崩し」への「OpenProcessing」からのポーティング（p5.js（JavaScript）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』

・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/fku5
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts

http://www.nicovideo.jp/watch/sm39876080

タワマン（初見さんが大金持ちになるには）

http://www.nicovideo.jp/watch/sm39047371

★p5.js⇒Processing Java攻略開始。
～変数の型の置き換えはint禁止（ごめんにゃｗ）。floatで～
～Javaの配列わかりゃんりゃん♪～
～new! new! new!!（いまだに慣れんわ＼(^_^)／）～

http://www.nicovideo.jp/watch/sm39041616