タグ p5.js が登録されている動画 ： 161 件中 1 - 32 件目

文字によるコードヴィジュアライザーは shell-analyzer (http://bitbucket.org/shell-analyzer/shell-analyzer.bitbucket.io) を改変。
オリジナル作者: シマフリさん, SoundQuestさん, たろいもさん
MIT License (詳細は https://opensource.org/license/mit を参照)
© 2019 36kHz
© 2025 そのばかぎり

解説:https://note.com/ttemporalized/n/n0d7a27d9975c

ご視聴ありがとうございます。
ボカコレ2025のエンディングをイメージして、ボカコレとインターネットの全てを詰め込み楽曲を作りました。
良かったと思ったら
チャンネル登録
コメント
いいね
マイリス
リツイート
フォロー
などよろしくおねがいします。

ここにstemとかoffvocalとか動画素材とかあります　DJや歌ってみたなどでﾖﾛｼｸﾈ
https://drive.google.com/drive/folders/1yqaK8HKx6z-AQHddAiwCggLfO7rVdLQ_
参照:
VOICEVOX:ナースロボ_タイプT
一部オブジェクト:p5.js

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

free DL(たぶん！)
https://soundcloud.com/mayrock/muisc_everything

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

追記：
　時代は変わりました。皆さんぜひChatGPTを使ってください。　〜未来の私より〜

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

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

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

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

【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

制作中のボカロ曲です。
p5.jsで動画作ってみました。

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

もし届かなかった信号が集まり、一つの音を為すとしたら。
「Cosmic Radio 2025 Submission」
元動画:
youtube:https://youtu.be/iFJzLeGbsp8
bilibili:https://www.bilibili.com/video/BV1y6JGzGEMa

#CosmicRadio2025 #p5js

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

「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

p5.jsを使用しています。

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

制作中のボカロ曲です。

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

１．最近の「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

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

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

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

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

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

★ブロック崩しをお手元で動かして頂けるようなご説明。
★カスタマイズしている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

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

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

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

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

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

floatで頑張れ！

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

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

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

PC-8001さんと情報交換。

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