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
疑似コードによるプロンプト記述、どのくらい正確に実行される？
Avatar for kokuyouwind kokuyouwind
0
120
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
470
GoLab2025 Recap
Avatar for kuro kuro_kurorrr
0
2.9k
re:Invent 2025 のイケてるサービスを紹介する
Avatar for maroon1st maroon1st
0
160
AI Agent Tool のためのバックエンドアーキテクチャを考える #encraft
Avatar for izumin5210 izumin5210
6
1.6k
大規模Cloud Native環境におけるFalcoの運用
Avatar for Chihiro Hasegawa owlinux1000
0
240
Combinatorial Interview Problems with Backtracking Solutions - From Imperative Procedural Programming to Declarative Functional Programming - Part 2
Avatar for Philip Schwarz philipschwarz
PRO
0
130
ZJIT: The Ruby 4 JIT Compiler / Ruby Release 30th Anniversary Party
Avatar for Takashi Kokubun k0kubun
1
310
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
280
Context is King？ 〜Verifiability時代とコンテキスト設計 / Beyond "Context is King"
Avatar for r-kagaya rkaga
10
1.5k
Giselleで作るAI QAアシスタント 〜 Pull Requestレビューに継続的QAを
Avatar for Tadashi Shigeoka codenote
0
340
perlをWebAssembly上で動かすと何が嬉しいの？？？ / Where does Perl-on-Wasm actually make sense?
Avatar for mackee mackee
0
300

Featured

See All Featured
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
420
HDC tutorial
Avatar for Michiel Stock michielstock
1
310
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
1
1.5k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
61
51k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
0
47
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
0
92
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
230
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
2
190

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]