Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Create Interactive art and basic games using Ja...

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Sabiha Sabiha
October 17, 2020
Programming
0
220

Create Interactive art and basic games using JavaScript and p5.js

Avatar for Sabiha

Sabiha

October 17, 2020
Tweet

Other Decks in Programming

See All in Programming
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる！
Avatar for とすり tosuri13
1
180
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
0
560
AWS re:Invent 2025参加 直前 Seattle-Tacoma Airport(SEA)におけるハードウェア紛失インシデントLT
Avatar for tetutetu214 tetutetu214
2
110
Best-Practices-for-Cortex-Analyst-and-AI-Agent
Avatar for ryotaro.ikeda@finatext.com ryotaroikeda
1
100
Data-Centric Kaggle
Avatar for ねぼすけAI isax1015
2
770
MUSUBIXとは
Avatar for Hisaho nahisaho
0
130
Fragmented Architectures
Avatar for Denys Poltorak denyspoltorak
0
150
プロダクトオーナーから見たSOC2 _SOC2ゆるミートアップ#2
Avatar for Kenta Suzuki kekekenta
0
210
Rust 製のコードエディタ “Zed” を使ってみた
Avatar for NearMeの技術発表資料です nearme_tech
PRO
0
170
そのAIレビュー、レビューしてますか？ / Are you reviewing those AI reviews?
Avatar for r-kagaya rkaga
6
4.6k
AI Agent の開発と運用を支える Durable Execution #AgentsInProd
Avatar for izumin5210 izumin5210
7
2.3k
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
Avatar for petamoriken / 森建 petamoriken
0
200

Featured

See All Featured
Claude Code のすすめ
Avatar for schroneko schroneko
67
210k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.6k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
130
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
230
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
1.9k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.1k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
117
110k
Side Projects
Avatar for Sacha Greif sachag
455
43k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.8k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
640

Transcript

  1. None

  2. 1 2 3 4 5 6

  3. INTRODUCTION •Free and Open Source JavaScript Library •Create graphics and

    interactive experiences

  4. Particles Game of Life Recursive Tree

  5. Download the complete library from p5js.org

  6. Use https://editor.p5js.org/

  7. Sketch.js * Displays the JS Code written in Sketch.js Index.html

    * Write the JS code that creates animations and interactions
  8. None
  9. None
  10. None
  11. None

  12. value

  13. fill(r,g,b) stroke(r,g,b) strokeWeight(4)

  14. None

  15. rect(x,y,width,height) ellipse(x,y,width,height) line(x1,y1,x2,y2)

  16. None

  17. Components • Snake • Motion • Growth • Fruits

  18. None

  19. WHERE TO GO FROM HERE? MS Learn JavaScript p5.js Learn

    The Coding Train

  20. @Sabiha_shaik_ [email protected]