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

Create Interactive art and basic games using Ja...

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
AI時代のキャリアプラン「技術の引力」からの脱出と「問い」へのいざない / tech-gravity
Avatar for MinoDriven minodriven
21
7.2k
AIフル活用時代だからこそ学んでおきたい働き方の心得
Avatar for shinoyu shinoyu
0
130
CSC307 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
780
AI Schema Enrichment for your Oracle AI Database
Avatar for thatjeffsmith thatjeffsmith
0
280
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
490
AIエージェント、”どう作るか”で差は出るか？ / AI Agents: Does the "How" Make a Difference?
Avatar for r-kagaya rkaga
4
2k
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
650
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
Avatar for azukiazusa azukiazusa1
1
730
なぜSQLはAIぽく見えるのか/why does SQL look AI like
Avatar for florets1 florets1
0
460
15年続くIoTサービスの SREエンジニアが挑む 分散トレーシング導入
Avatar for Melonps melonps
2
200
コマンドとリード間の連携に対する脅威分析フレームワーク
Avatar for Aja9tochin pandayumi
1
450
Basic Architectures
Avatar for Denys Poltorak denyspoltorak
0
670

Featured

See All Featured
New Earth Scene 8
Avatar for Sydney Stone popppiees
1
1.5k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
320
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.3k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
64
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.8k
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.3k
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
200
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
80
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.5k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
170
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
48
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k

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]