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
AI時代のキャリアプラン「技術の引力」からの脱出と「問い」へのいざない / tech-gravity
Avatar for MinoDriven minodriven
21
7.2k
izumin5210のプロポーザルのネタ探し #tskaigi_msup
Avatar for izumin5210 izumin5210
1
110
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
330
CSC307 Lecture 04
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
660
AIエージェント、”どう作るか”で差は出るか？ / AI Agents: Does the "How" Make a Difference?
Avatar for r-kagaya rkaga
4
2k
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
Avatar for yimajo yimajo
3
620
AI & Enginnering
Avatar for codelynx codelynx
0
110
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
Avatar for Date Huang tjjh89017
0
170
Implementation Patterns
Avatar for Denys Poltorak denyspoltorak
0
290
SourceGeneratorのススメ
Avatar for tkym htkym
0
200
2026年 エンジニアリング自己学習法
Avatar for yumechi(Motoki Hirao) yumechi
0
130
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
140

Featured

See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
130
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
490
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
74
5k
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
0
270
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k
Design in an AI World
Avatar for tapps tapps
0
140
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
9.5k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
110
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
230
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
690

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]