ycliper

Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
Скачать

【インストール不要】JavaScript + p5.js まるわかり講座、前編。【ゲーム・プログラミング】【初心者向け入門】

Автор: ヘロンの数学ちゃんねる

Загружено: 2020-08-18

Просмотров: 41732

Описание: JavaScriptやプログラムを全く知らない人が、簡単なゲーム(ブロック崩し)を作れるようになるまでを解説します。
また、このチャンネルのサンプルプログラムを理解できるようになります。
もちろん疑問点も多々あるかと思うので、気軽にコメント欄にて質問してください。暇を見て返しています。

■webエディター
https://editor.p5js.org/

■今回のサンプルプログラム
https://editor.p5js.org/AosagiHeron/s...

■Links
ベクトルについて
   • 自機狙い弾でわかる、ベクトルと逆正接【ゲーム・プログラミング講座】【JavaScri...  
p5.jsのリファレンス(説明書)
https://p5js.org/reference/
JavaScriptについて
https://developer.mozilla.org/ja/docs...
DeepL(精度の高い機械翻訳)
https://www.deepl.com/translator

■もくじ
00:00 ごあいさつ、JavaScriptを使う理由
01:23 プログラミングとは?
02:47 JavaScriptプログラミングの始め方
03:12 webエディターの使い方(保存やシェアのやり方)
05:16 最初のプログラム
06:36 変数、スクリーン座標系について
08:12 式について
09:19 コメント、JSDocについて
10:04 変数を定義する(let)、エラーについて
11:48 関数を定義する(function)
13:41 ブロック崩しを作りはじめよう
14:47 ボールを動かすには?
15:47 ボールの移動をベクトルであらわす
16:25 変数を変更する、そのメリット
18:33 スコープについて
19:55 条件分岐(if文)について
20:28 反射ベクトル(壁が軸に並行な場合)
21:21 if文で「または」「かつ」を表現するには
22:49 よく使う演算子まとめ
23:16 〆、100人感謝、これからの予定など


■ライセンス Licenses
フリーBGM・音楽素材MusMus http://musmus.main.jp/

Gray Heron photo
Photo by Denise Duplinski from Pexels
  / dduplinski  

Не удается загрузить Youtube-плеер. Проверьте блокировку Youtube в вашей сети.
Повторяем попытку...
【インストール不要】JavaScript + p5.js まるわかり講座、前編。【ゲーム・プログラミング】【初心者向け入門】

Поделиться в:

Доступные форматы для скачивания:

Скачать видео

  • Информация по загрузке:

Скачать аудио

Похожие видео

【レトロゲーム再現】スーパーファミコンの疑似3D  【ゲーム・プログラミング】【JavaScriptサンプル】

【レトロゲーム再現】スーパーファミコンの疑似3D 【ゲーム・プログラミング】【JavaScriptサンプル】

【インストール不要】JavaScript + p5.js まるわかり講座、後編。【ゲーム・プログラミング】【初心者向け入門】

【インストール不要】JavaScript + p5.js まるわかり講座、後編。【ゲーム・プログラミング】【初心者向け入門】

Призыв в Армию Изменился: НОВЫЙ Закон 2026 — Что Ждёт Призывников?

Призыв в Армию Изменился: НОВЫЙ Закон 2026 — Что Ждёт Призывников?

デザイナーが語る「p5.js」の魅力|好き語り

デザイナーが語る「p5.js」の魅力|好き語り

ゆっくり解説、知る人ぞ知る、Windowsに初めから入ってるプログラミングツール、何もインストールしなくともプログラミングできちゃうじゃん

ゆっくり解説、知る人ぞ知る、Windowsに初めから入ってるプログラミングツール、何もインストールしなくともプログラミングできちゃうじゃん

Creative Coding with p5.js in Visual Studio Code

Creative Coding with p5.js in Visual Studio Code

JavaScript超入門コース 合併版【JavaScriptの超基本的な部分をたった1時間で学べます】【プログラミング初心者向け入門講座】

JavaScript超入門コース 合併版【JavaScriptの超基本的な部分をたった1時間で学べます】【プログラミング初心者向け入門講座】

初心者向け・JavaScript講座

初心者向け・JavaScript講座

AIってなに? ①AIの「本質」を理解すれば恐ろしさがわかる【解説】【人工知能】【ディープラーニング】

AIってなに? ①AIの「本質」を理解すれば恐ろしさがわかる【解説】【人工知能】【ディープラーニング】

【RPG編 #01】JavaScriptゲームプログラミング初級

【RPG編 #01】JavaScriptゲームプログラミング初級

これで車も動かせる!?驚異的なパワー&激安の大型スーパーキャパシタモジュールをご紹介します!

これで車も動かせる!?驚異的なパワー&激安の大型スーパーキャパシタモジュールをご紹介します!

JavaScript + p5.js まるわかり講座、補足編。

JavaScript + p5.js まるわかり講座、補足編。

プログラミング講座 第13回【テトリスを作る(1)/JavaScript】Akichon/あきちょん

プログラミング講座 第13回【テトリスを作る(1)/JavaScript】Akichon/あきちょん

Code a Mask (p5.js) -- face & eyes

Code a Mask (p5.js) -- face & eyes

【Typescript入門】本当の初心者からTypescript×Webpackの開発環境構築までをハンズオン形式で学ぼう!

【Typescript入門】本当の初心者からTypescript×Webpackの開発環境構築までをハンズオン形式で学ぼう!

Code an Audio Visualizer in p5js (from scratch) | Coding Project #17

Code an Audio Visualizer in p5js (from scratch) | Coding Project #17

【JavaScript基礎・初心者向け】便利なDOM操作をやってみよう!メソッドの紹介 / 簡単な実装例を解説【プログラミング入門】

【JavaScript基礎・初心者向け】便利なDOM操作をやってみよう!メソッドの紹介 / 簡単な実装例を解説【プログラミング入門】

【unity】スマホゲームアプリの作り方【ボイスロイド解説】

【unity】スマホゲームアプリの作り方【ボイスロイド解説】

AnimeJSでアニメーションウェブサイトを作ってみよう - HTML/CSS/Javascript

AnimeJSでアニメーションウェブサイトを作ってみよう - HTML/CSS/Javascript

高校数学で3DCGできちゃう説 【数学プログラミング講座】

高校数学で3DCGできちゃう説 【数学プログラミング講座】

© 2025 ycliper. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]