|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/p5js-shooting-game/
课程评论：没有评论
**课程名称：** JavaScript创意编码！游戏制作篇 - 专为设计、艺术和游戏制作打造的p5.js **课程概述：** 本课程教授使用p5.js，一个专为艺术家、设计师、教育者、初学者等群体设计的JavaScript创意编码库。p5.js以其直观且简洁的语法，能帮助用户轻松实现各种视觉表现。 课程特色： * **实践驱动的学习方式：** 不同于枯燥地逐一介绍函数，本课程以制作一款“射击游戏”为目标，通过实际项目来学习p5.js的各种函数和功能。 * **循序渐进的教学：** 从基础的图形绘制，到角色精灵动画、背景音乐、音效、屏幕切换等，逐步深入，让学习者亲身体验从零开始构建一个功能完整的游戏。 * **JavaScript基础讲解：** 课程也包含对JavaScript基础知识的耐心讲解，特别是类（Class）的使用和规范写法，适合初学者。 * **提供学习辅助工具：** 为帮助学习者更高效地掌握p5.js，课程将提供一个精选的常用函数和事件处理方法的“速查表”（Cheat Sheet），帮助学习者快速理解和应用，并鼓励使用Notion等工具制作个性化手册。 * **培养独立创作能力：** 通过完成游戏制作项目，学习者将掌握从构思到实现的过程，学习如何组合和应用各种“零件”来完成更复杂的创作。 * **激发学习兴趣：** 随着游戏逐渐成型，加入的动画和声音会带来激动人心的体验，让学习者在探索和解决问题的过程中获得乐趣。 * **广泛的应用前景：** 课程中学习到的p5.js技巧不仅限于游戏制作，还可以应用于更广泛的艺术和设计领域。 **目标受众：** 对创意编程、游戏制作感兴趣，并具备JavaScript基础知识的任何人。 **最终项目：** 一款横向卷轴式射击游戏，包含精灵动画、背景音乐、音效和屏幕切换等元素。 **课程优势：** 本课程旨在帮助学习者快速了解p5.js的易用性和趣味性，通过具体的实践训练，掌握其核心用法，为未来更广泛的创意应用奠定基础。课程提供真诚的问答支持，鼓励大家勇敢挑战。
◆p5.jsとは？（公式ウェブサイトより） p5.js is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! アーティスト、デザイナー、教育者、初心者、そして誰にでも扱いやすく、また親しみやすいのがこの『p5.js』です。 筆で絵を描くように、とまではいきませんが、直感的に、また、非常に簡潔な記述で様々な表現を実現することができます。 本コースに関心を持っていただきありがとうございます！ 本コースで学習する内容は、JavaScriptライブラリのひとつ、『p5.js』の使用方法です。 このp5.jsを学ぶ手順としては、線や円、四角形の描画から始めることも間違いではありませんが、ひとつのプロジェクトを進めながら、楽しみながら学んでいただけるよう、「シューティングゲーム」を題材に採り上げ、様々な関数を駆使した実践的な学びを提供します。 p5.jsのウェブサイトには「Refference」として、さまざまな関数やイベント処理の方法などが、シンプルな例と共に紹介されています。 これらをひとつひとつ紹介するだけでも膨大な時間が掛かりますし、また、そうしてしまっては、辞書を頭から読むような、面白みのない単調な講義になってしまいます。 そこで、しっかりとしたターゲット（シューティングゲーム制作という目的）を定め、その過程で必要なp5.jsの様々を組み込みながら、実践的を中心に据えた解説を行っていきます。 また、JavaScriptそのものについても、クラスの利用や定石的な記述など、学習の初期段階にある方々を前提にして、丁寧に解説していきます。 JavaScriptの経験の多少にかかわらない、幅広い層の方々に向けた内容となっています。（冗長にならないよう、基礎については繰り返しの説明は省略しています） p5.jsのRefferenceの内容については、使用頻度が高く重要と思われるものを集約し、チートシートとしてご提供いたします。 コース内に登場するものを別途、あらためてご自身でまとめ直す手間を減らし、また、学習の対象範囲を一目で確認できることで、全体像か把握できないという不安を軽減し、安心して一定のペースで受講を進めてただけます。 ひとつひとつの道具を、どのような場面で、いかに効果的に使用するかという枠組みに集中して学んでいただきたいと思います。 気になった時に即座に参照できる道具リスト、それがこのチートシートです。（チートシートの編集についてはNotionの利用をお勧めしております。そちらを使ってぜひご自身に最適なp5.jsマニュアルを制作してみてください。） 具体的な最終制作物は横スクロールのシューティングゲームとなります。 スプライトシートを使ったキャラクターの動きやBGMや衝突の効果音、画面切り替え等のある、それなりにゲームらしいゲームを制作します。※「それなりに」というのは、どこまでも複雑に完成度を高めていくことはできますが、果てしないため、ある程度で留めていることを意味しています。紹介動画にてゲームの雰囲気を事前に確認いただくことをお勧めいたします。 背景の表示や、キャラクターの表示、動作、効果音の設定、ゲーム進行のマネージメントなど、ワンステップずつ飛躍することなく順を追ってコードを更新していきます。 「ゼロから始めて、次々と課題を見つけて解決していったら、最後はこんなものが出来上った」という体験を経ることにより、ゼロから始める制作の流れを身に付け、パーツを組み上げて複雑な創作に仕上げる力を養うことができると思います。 動きや音が加わり、ゲームが徐々に仕上がっていく過程は、非常にエキサイティングであり、面白く感じていただけると思います。 本コースではシューティングゲームを題材にしていますが、その中で現れるp5.jsの使用方法を応用することで、さらに幅広く多彩な表現が実現可能となります。 まずは、本コースでp5.jsがいかにおもしろく使いやすいかを知っていだき、レクチャーを通して直感的に使いこなすための訓練を重ね、今後の活用の第一歩としていただければ幸いです。 JavaScriptの初歩さえ分っていれば、どなたでも楽しめる内容となっています。 ご質問にも誠意をもって対応いたします。 ぜひ、本コースに挑戦してみてください。
