キーワード p5.js が含まれる動画 : 233 件中 1 - 32 件目
種類:
- タグ
- キーワード
対象:
JavaScriptでアルカノイドを作ってみる
JavaScriptとp5.jsでアルカノイド風なブロック崩しゲームを作ってみるテストです。
1時間で作ろうと思いましたが圧倒的時間不足により途中で断念しました。
youtubeにも上げてます
https://youtu.be/4EN8o_nN__8
JavaScrptでアルカノイドを作ってみるVer.2
JavaScriptとp5.jsでアルカノイド風なブロック崩しゲームを作ってみる動画です。
今回は前回の続きでボールの描画と移動処理を実装しました。
前回どう考えてもソースコードの文字サイズが小さくてスマホだとほとんどなに書いてあるかわかんないと思ったので、今回から文字を大きくしました。
これからは1本の動画を10分程度にまとめようとしましたが、20分になってしまいました。次回から頑張ります。
youtubeにも上げてます。
https://youtu.be/mKoiuzyjkXM
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/
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/
【日本語解説】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/
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と同じ)
Processingで遊ぶにゃ♪(2021/07/17 7:12)
中国の留学生?さんでらっしゃいますか。
おはようございます。
またよかったらお越しくださいね。
Processingで遊ぶにゃ♪(2021/07/17 8:59)
★p5.js⇒Processing Java攻略開始。
~変数の型の置き換えはint禁止(ごめんにゃw)。floatで~
~Javaの配列わかりゃんりゃん♪~
~new! new! new!!(いまだに慣れんわ\(^_^)/)~
Processingで遊ぶにゃ♪(2021/07/18 3:50)
どてちんさん登場。
(ただただ、配列の置き換えに苦しんでるだけの図)
Processingで遊ぶにゃ♪(2021/07/18 4:05)
(わからなくなってくると、ポインタに逃げたくなってくる。。。)
Processingで遊ぶにゃ♪(2021/07/18 5:52)
・女性配信者に嫉妬。
(お声はとても綺麗な方でした)
・自らの現状に改めて泣く。
・カタカナのアオイさんに配信集客のコツをご教示頂く。
(アオイさんのコメントがドヤ顔に見えた(ゲスい俺))
Processingで遊ぶにゃ♪(2021/07/18 6:02)
floatで頑張れ~\(^_^)/\(^_^)/\(^_^)/
Processingで遊ぶにゃ♪(2021/07/18 10:00)
あたまがウニ!!
(。。。みっつかたまりがひとつ。。。)
Processingで遊ぶにゃ♪(2021/07/18 17:35)
★【PC-8001さんによる解決編(1/3)】
真打ち。満を持して登場。
https://gist.github.com/TN8001/98678d6c658ac6201e7b6fd64c28fe2c
Processingで遊ぶにゃ♪(2021/07/18 17:55)
★【PC-8001さんによる解決編(2/3)】
これが真のリファクタリングだ!!
https://gist.github.com/TN8001/98678d6c658ac6201e7b6fd64c28fe2c