は強力です!

は JS ゲームエンジンです。

p5.jsグラフィックス用

学習が容易です!

Box2D物理学用

は強力です!

p5playは、愛されるゲームを支える同じBox2D物理シミュレーターを使用しています!

tiny wings app icon

Tiny Wings

shovel knight app icon

Shovel Knight

limbo app icon

Limbo

happy wheels app icon

Happy Wheels

angry birds app icon

Angry Birds

p5playは、コンピュータサイエンスの教師によって初心者に直感的に設計され、世界中の学校や大学で人気です。p5play を学ぶ!

コミュニティに参加する 👾

p5play でインタラクティブアートとゲームを作っている他の人々と出会い、質問してください

Discord brand

このプロジェクトをサポートする 🤝

p5play は GPL の下でオープンソースライセンスされています:それは無料です!

しかし、あなたがプロとして p5play を使用しているなら、Patreon でプロジェクトをサポートしてください

インストールは必要ありません!🤩

これらのオンラインコードエディタテンプレートのいずれかを使用できます。しかし、p5.js ウェブエディタは避けることをお勧めします、それには多くの問題があります。OpenProcessing の使用を推奨します。

ローカル開発 🔨

HTML ファイルにこれらのリンクを追加することで、自分のウェブサイトで p5play を使用できます。学校のファイアウォールが p5play.org をブロックしていますか? FAQsをご覧ください。

p5play も npm で利用可能です:npm i p5play

p5play をオフラインで使用したいですか?

レビュー

"昨日、新しい p5play(v3)を見て、それを試したのはずいぶん長い間だなと気付きました!物理学が組み込まれていることに気付かなかったんです。それを使っていくつかのビデオを作成したいと思います。これは本当に素晴らしい仕事で、コミュニティをこのようにサポートしていただき、ありがとうございます!"

Daniel
Daniel Shiffman
Professor at NYU
YouTuber at

「p5play ライブラリは、学生たちにゲームデザインと開発を紹介するための貴重なリソースとなっています。私たちのチームは、その多くのカスタマイズ可能な機能、よく文書化されたリソース、そして全ての年齢とスキルレベルの学生にアクセス可能な使いやすい API のために、このライブラリをゲームデザイン夏季プログラムで使用することを選択しました。

このライブラリに含まれる多くのメソッドとプロパティのおかげで、学生たちは自分たちのゲームのビジョンを迅速にコードで生き生きとさせることができます。これらのゲームは、基本的なキャッチャーゲームから、複数のレベルと挑戦的な機能を持つゲームまで様々です。

ライブラリのよく文書化されたリソースに加えて、p5play は学生と教師のコミュニティに対する多大なサポートとインスピレーションを提供しています。これには、学生がライブラリの異なるプロパティとメソッドをいじることを可能にするインタラクティブな学習ページ、年に 3 回開催される Game Jam イベント、そして多くの素晴らしいリソースとサポートを見つける機会が満載の Discord チャンネルが含まれます。

私たちの Girls Who Code チームは、ゲーム開発に興味がある誰もがこのライブラリを強く推奨します。私たちはこの素晴らしいライブラリを使用して生徒たちが今年の夏に作り出すすべてのゲームを楽しみにしています!」

Ashley
Ashley Goetz
Curriculum Developer at

「最近、Quinton と一緒に働く機会を得て、p5 play ライブラリを徹底的に調査しました。ビデオゲームデザインは、プログラミングプロジェクトに学生を引き込むための素晴らしい入り口であり、同時に p5 でのオブジェクト指向プログラミングの構造を紹介するものです。私は、私の学生がこれで何を作るかを見るのが待ちきれません!」

Daniel
Christina Tobajas
Teacher at

「Learn ページで行ったことは本当に素晴らしい、重要なスプライトプロパティの参考になる、それ以上のものを見るのを楽しみにしています。ソースを少し掘り下げてみると、[p5play v3]は以前のバージョンの魅力をたくさん残していて、私はすぐに取り組むことができました。」

Brad
Bradley C Buchanan
Software Manager at Discord
Former Software Manager at Google
Former Software Manager at Code.org

「p5play を中心にしたユニットを私の芸術的コーディングとゲームデザインのカリキュラムに追加しました。これは、オブジェクト指向プログラミングを紹介する方法としてです。生徒たちはスプライトとグループにすぐに適応し、p5play に組み込まれた相互作用について大変興奮しました。ゲームを通じて、生徒たちはオブジェクト指向プログラミングの核となるコンセプトのいくつかを学んでいるとは気づかずに、プロパティとメソッドの理解を深めました。

私の生徒たちは p5play ライブラリを使用してゲームを作り、その成果に非常に誇りを持ちました。p5play を使用して以来、生徒たちはクラスをよりよく理解し、独自のものをいくつか書いています!」

Marisa
Marisa Shuman
Computer Science Teacher at

「私は何年もの間、中学校の CS クラスで p5play のバリエーションを使用してきました。以前はそれなりでしたが、あなたがバージョン 3 で行ったこととは比べ物になりません。大好きです!私の若い生徒たちでも成功し、基本的なコーディングの概念を学ぶことができます。なぜなら、今はコードの背後にあるすべての数学や物理を本当に知る必要がないからです。さらに、すべてが一貫性があり、合理化されているため、新しいアイデアを理解するのが簡単です。それに、理解しやすい例がたくさんある素晴らしい新しいウェブサイトがあります。私は上級の生徒を直接 p5play のウェブサイトに送り、彼らが探索し、何でも構築できるようにしています。すべての作業に感謝します!」

Nathan
Nathan King
Middle School Teacher in
Ventura, CA

「p5play は私たちのカリキュラムに素晴らしい追加でした。これにより、オブジェクト指向プログラミングを学ぶためのより創造的なアウトレットを探求することができ、生徒たちの試験のプロジェクトには欠かせないものとなりました。

p5 と p5play を導入して以来、生徒の増加率が 100%を超え、生徒の学習に大きな利益がもたらされているのを見ています。p5 と p5play をカリキュラムに導入することを強くお勧めします。私たちは、より多くの学校や大学がイギリスで p5play をカリキュラムに導入できるように、ビデオチュートリアルの特別なシリーズを開発しました。」

Rhys
Rhys Drury
Head of Computing at

「すべての作業に感謝します、クイントン。この適切な物理統合により、私は再びクラスで p5play を使用するかもしれません!」

Paolo
Paolo Pedercini
Creator of p5.play v1
Professor at Carnegie Mellon

「全体的に、p5play を十分に推奨することはできません。これは、複雑なゲーム開発ソフトウェアを学ぶ必要なく、私のゲーム開発スキルを次のレベルに引き上げるための信じられないほど簡単な方法を提供してくれました。あなたが熟練した開発者であろうと、これから始めるばかりであろうと、p5play はあなたのツールボックスに持っておく価値のあるツールだと思います。」

Nathan
Nathan Anil
Founder at

「JavaScript で p5play ライブラリを使用してグラフィカルなプログラムを作成することは、Python を学ぶよりもずっと良いです。なぜなら、プログラムコードが画面上で何かに影響を与えるのを見ることができるからです。」 - Wyke の学生

「p5play を学ぶことは、ゲーム作成を非常に簡単にするので、コーディングにもっと興味を持つのに本当に役立ちました。プロセスが時間がかからず、より楽しくなります!」 - Wyke の学生

「Python で Tkinter を使用していましたが、基本的なアプリケーションを作成するのには便利でした。しかし、今では p5play を使用して、興味深く実用的なはるかに高度なゲームを作ることができます。」 - Wyke の学生

ぜひご意見をお聞かせください! 😄

p5play に関するあなたのレビューをinfo@p5play.orgに送ってください

+25,000 人のアクティブユーザーに参加しましょう!

私たちのインタラクティブなLearnページで始めましょう。

Quinton Ashley

Quinton Ashley さんによって作成されました

Quinton Ashley さんは、ゲームデザインに情熱を持つコンピューターサイエンスの教育者で、7 年の教育経験を持っています!

Are you a teacher? 👩‍🏫 🧑‍🏫 👨‍🏫

Using p5play in your middle or high school curriculum is a great way to get your students interested in object oriented programming.

Quinton offers Professional Development sessions for teachers. Even if you're not a "gamer" and have no experience with game design, you can become an expert at teaching p5play! Your students will love making their own games and interactive art. During my PD course you'll receive advice on curriculum design, analysis of student work, curated resources for your students to use, and more!

Inquire about Professional Development via email: info@p5play.org

Are you a student? 🙋‍♀️ 🙋 🙋‍♂️

If your school has a Computer Science teacher, tell them about p5play!

If not, Quinton teaches the following courses online: AP Computer Science Principles, AP CS A, IGCSE Computer Science, and more. Learn standards aligned CS in a fun way!

Quinton also teaches Game Design Fundamentals. Level up your programming skills by learning how to use p5play. I'll help you design your own game and share it with the world!

Ask your parents to send an email to info@p5play.org and inquire about private tutoring.

詳細

コンピューターサイエンスの教育者が p5play を愛する理由は? 😍

p5.js グラフィックライブラリはすでに CS 教育者の間で人気があるため、p5play は多くのカリキュラムに自然に追加されます。

p5play はオブジェクト指向プログラミングの概念を教えるのに最適です。抽象的なデータをコンソールで操作する代わりに、生徒たちはspritesと呼ばれるゲームオブジェクトを作成し、視覚的にも物理的にも対話できます。生徒はgroupsを使用することで、配列やクラスのような継承を直感的に学ぶこともできます。

p5play は完全にコードベースなので、生徒は特別なエディタアプリを使う必要がありません(Unity とは異なります)。p5play を使用することで、生徒は実践的な、移行可能な JavaScript プログラミングスキルと、オンラインのコードエディターや業界標準の IDE(Visual Studio Codeなど)での経験を得ることができます。

p5play はまた、よく設計され、文書化されています。インタラクティブな例と演習でいっぱいの無料リソースであるLearn pagesをチェックしてください。

生徒が p5play を学ぶべき理由は? 🤔

すべての EdTech 企業は、自社の「使いやすく楽しい」というソフトウェアが生徒に「創造的な可能性を実現させる」ことを主張していますが、しばしばそれは単なるマーケティングの言葉に過ぎません。

これらのプラットフォームがとても楽しく、創造力を高めるものであるなら、なぜ学生は課題を完了するためだけにプラットフォームを使用するのでしょうか? 生徒がそれを学ぶ意味を見いだせない場合、どれだけ簡単であってもあまり重要ではありません。

p5play は異なります。物理ベースの接触処理、入力検出、アニメーション、カメラ、ジョイントなど、生徒がゲームエンジンから求めるすべての機能を備えています!

p5play はウェブベースなので、学生は簡単に自分のプロジェクトをオンラインで共有できます。これは Python、C#、または Java のプロジェクトではそう簡単ではありません。プロジェクトを家族や友人と共有できることは、学生が共有する価値のあるものを作る動機になります!

Scratch については? 🐯

Scratchは 8 歳から 11 歳の生徒には素晴らしいですが、より高い期待を持つ年齢の生徒には Scratch では満たせません。

最大の問題の一つは、スクラッチには組み込みの物理エンジンがないことです。つまり、p5play のように簡単に作成できるものでも、スクラッチのブロックベースの環境では多くの数学が必要で、実装するのが非常に退屈です。

Scratch ウェブサイトの注目されるゲームは学生にとって刺激的ですが、それらが極端な忍耐力を持った大人たちによって作られたことを理解すると、がっかりします。もし学生が Scratch で印象的なゲームを作ろうと決意しているなら、おそらく YouTube のチュートリアルから 20 時間以上を費やすことになるでしょう。p5play を使えば、学生はより速く、より少ないストレスで結果を得ることができます。

p5play はなぜ作られたのか? 🎨

p5play は、初心者には複雑すぎるし、一般的な CS 教育には適していないプロのゲームエンジン(例:Unity)と Scratch の間のギャップを確実に埋めるために作られました。

それでも、p5play は教室での使用に限定されていません。Box2D物理エンジンを動力としています。Angry Birds のような愛され、商業的に成功したゲームを動かすのと同じ物理エンジンです!

「最高のものだけが十分に良い」 - LEGO の創設者、Godtfred Kirk Christiansen

p5play は、中学生と高校生を対象とする EdTech またはゲームエンジンの領域で、正当な競争相手に直面していません。

オープンソースですか? 📖

p5play v3 は、独立したゲーム開発をサポートするために AGPLv3 の下でオープンソースライセンスされています。

p5play を使用することで、EULAに同意したことになります。

デモを見ることができますか? 👀

OpenProcessing の@quinton-ashleyp5play のコミュニティ Discordの#share チャネルをチェックして、人々が p5play で何を作っているかを見てください。

商業的に使用できますか? 🤑

はい!p5play Professional Licenseの条件下で、商業プロジェクトで p5play を使用できます。これはPatreonメンバーに提供されます。

支払いができない場合は、無料のp5play Novice Licenseを申請できます。詳細についてはLICENSING.mdを参照してください。

Quinton Ashley とは? 👨‍💻

こんにちは、私は Quinton です、p5play (v3)と p5play.org の作成者です。私はまた、7 年の経験を持つ CS 教育者です。プライベートレッスンに興味がある場合は、ご連絡ください! mailto:quintonashley5@gmail.com

p5play に関する私の作業についての個人的なブログスタイルの執筆があるdeveloper logをチェックしてください。

クレジット ⭐️

p5play の作成に貢献してくれた全員に大きな感謝を! 😄

p5.play(バージョン 1)の作成者、Paolo Pedercini、プロジェクトを引き継ぐことを信頼してくれた! molleindustria.org

Box2D 物理シミュレータの作成者、Erin Catto。 box2d.org

p5play の裏で使われている Box2D の JavaScript ポート、planck.js の作成者、Ali Shakiba。 piqnt.com/planck.js

現在の貢献者:@Tezumie、Oliver Zell、Caleb Foss、そして Bobby S。

テスターとバグレポーター:Raj Raizada、Nathan Anil、Chayarat Wangweera、Zhiyuan Guo、Aarnav Gupta、そして Carter Noa。

特別な感謝 🙌

まず、子供の頃に私をコーディングクラスに入れてくれた両親へのサポートに感謝したいと思います!また、支援と励ましをくれた私の妻、Victoria、娘の Luna に感謝します。💞

さらに、デジタルノマドに長期ビザを提供してくれたコロンビア政府 🇨🇴 の Gustavo Petro に感謝します。もし私がまだ US に住んでいたら、p5play は存在しなかったでしょう。このような情熱プロジェクトに無数の時間を費やす余裕はありませんでした。