タグ p5.js が登録されている動画 ： 155 件中 1 - 32 件目
種類:
- タグ
- キーワード
対象:
JavaScrptでアルカノイドを作ってみるVer.2
JavaScriptとp5.jsでアルカノイド風なブロック崩しゲームを作ってみる動画です。
今回は前回の続きでボールの描画と移動処理を実装しました。
前回どう考えてもソースコードの文字サイズが小さくてスマホだとほとんどなに書いてあるかわかんないと思ったので、今回から文字を大きくしました。
これからは１本の動画を10分程度にまとめようとしましたが、20分になってしまいました。次回から頑張ります。
youtubeにも上げてます。
https://youtu.be/mKoiuzyjkXM
OpenProcessingで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「OpenProcessing」からのポーティング（p5.js（JavaScript）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/Feeh
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
JavaScriptでアルカノイドを作ってみる
JavaScriptとp5.jsでアルカノイド風なブロック崩しゲームを作ってみるテストです。
1時間で作ろうと思いましたが圧倒的時間不足により途中で断念しました。
youtubeにも上げてます
https://youtu.be/4EN8o_nN__8
OpenProcessingで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「OpenProcessing」からのポーティング（p5.js（JavaScript）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/Feeh
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
OpenProcessingで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「OpenProcessing」からのポーティング（p5.js（JavaScript）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/Feeh
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
【番外】Hacking to the MARI〇
「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/
【Processing 4】ビルド環境構築手順
【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
OpenProcessingで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「OpenProcessing」からのポーティング（p5.js（JavaScript）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/Feeh
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
【Processingで遊ぶにゃ♪】「ブロック崩し」の遊び方
１．最近の「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です。
。。。お疲れさまでした♪
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
OpenProcessingのp5.jsをProcessing Javaに書き換えてみました。
2021/08/19のニコ生配信「Processingで遊ぶにゃ♪」の切り抜きです。
Processingで配信を始めてはや5か月。
p5.jsからの書き換えにもだいぶ慣れてきました。
Processingで遊ぶにゃ♪（2021/07/25 0:04）
Open Processingで思わず目を惹かれたp5.jsのプログラムをブロック崩しのコングラチュレーション画面に取り込むべくProcessing javaに書き換え中です。
スロットマシン？
Processingで遊ぶにゃ♪（2021/07/17 2:55）
★ブロック崩しをお手元で動かして頂けるようなご説明。
★カスタマイズしているProcessing開発環境について。
（どんな機能をいじってるか）
・カタカナのアオイさん
（ゲーム配信の頃から超お世話になっているダークソウルリマスターな方）
・PC-8001さん
（プログラミング配信でとてもお世話になってる超凄腕な方）
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/6abt
⇒動かし方。
block_kuzushi\README\動かし方.txt
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
OpenProcessingで縛るにゃ♪
・配信内容をProcessingで作った「ブロック崩し」への「OpenProcessing」からのポーティング（p5.js（JavaScript）⇒(Processing)Java）に絞ります。
・実践オンリー。数をこなそうw
『考えるな「やれ＼(^_^)／」つべこべ言わずに「やれ＼(^_^)／」』
・配信でいじってるブロック崩しのダウンロード先です。
https://xgf.nu/fku5
・つぎのお題はこの中から選んでいます。
https://openprocessing.org/user/271417/?view=hearts
Processingで遊ぶにゃ♪（2021/07/17 8:59）
★p5.js⇒Processing Java攻略開始。
～変数の型の置き換えはint禁止（ごめんにゃｗ）。floatで～
～Javaの配列わかりゃんりゃん♪～
～new! new! new!!（いまだに慣れんわ＼(^_^)／）～
Processingで遊ぶにゃ♪（2021/07/25 7:05）
Open Processingで思わず目を惹かれたp5.jsのプログラムをブロック崩しのコングラチュレーション画面に取り込むべくProcessing javaに書き換え中です。
スロットマシン？