キーワード p5.js が含まれる動画 : 234 件中 225 - 234 件目
種類:
- タグ
- キーワード
対象:
Processingで遊ぶにゃ♪(2021/07/17 6:25)
p5.jsのWebGLの座標系は?
・画面ど真ん中が原点
(Processing JavaのP3Dは画面左上隅が原点)
・X軸右方向が+、Y軸下方向が+、Z軸画面奥方向が-
(Processing JavaのP3Dと同じ)
Processingで遊ぶにゃ♪(2021/07/17 2:55)
★ブロック崩しをお手元で動かして頂けるようなご説明。
★カスタマイズしているProcessing開発環境について。
(どんな機能をいじってるか)
・カタカナのアオイさん
(ゲーム配信の頃から超お世話になっているダークソウルリマスターな方)
・PC-8001さん
(プログラミング配信でとてもお世話になってる超凄腕な方)
【日本語解説】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/
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/
JavaScrptでアルカノイドを作ってみるVer.2
JavaScriptとp5.jsでアルカノイド風なブロック崩しゲームを作ってみる動画です。
今回は前回の続きでボールの描画と移動処理を実装しました。
前回どう考えてもソースコードの文字サイズが小さくてスマホだとほとんどなに書いてあるかわかんないと思ったので、今回から文字を大きくしました。
これからは1本の動画を10分程度にまとめようとしましたが、20分になってしまいました。次回から頑張ります。
youtubeにも上げてます。
https://youtu.be/mKoiuzyjkXM
JavaScriptでアルカノイドを作ってみる
JavaScriptとp5.jsでアルカノイド風なブロック崩しゲームを作ってみるテストです。
1時間で作ろうと思いましたが圧倒的時間不足により途中で断念しました。
youtubeにも上げてます
https://youtu.be/4EN8o_nN__8