Guest Tutorial #5: Brick Breaker with Yining Shi

Subscribers:
1,740,000
Published on ● Video Link: https://www.youtube.com/watch?v=5kEPixL8JoU



Game:
Category:
Tutorial
Duration: 1:02:28
46,900 views
1,134


In this Guest Tutorial, artist and researcher Yining Shi creates a Brick Breaker game with the p5.js library. (Code below!)

Yining Shi is a graduate of the Interactive Telecommunications Program (ITP) at NYU, where she also worked for a year as a resident researcher. Yining developed web apps for the ITP community with a focus on education. She also contributed to various open source projects by the Processing Foundation. She currently works at Sourcemap as a Software Engineer.

P5.playground (http://yining1023.github.io/p5PlayGround) is an interactive learning and programming tools for p5.js, which allows you to manipulate the shapes on the canvas in real time and visually understand a lot of math behind drawing stuff on the canvas.

Brick Breaker code: https://github.com/CodingTrain/BrickBreaker
Play the game! https://codingtrain.github.io/BrickBreaker

Another Brick Breaker game: https://yining1023.github.io/brickBreaker
(Code: https://github.com/yining1023/brickBreaker)

Contact:
Yining Shi's website: http://1023.io/

Support this channel on Patreon: https://patreon.com/codingtrain
To buy Coding Train merchandise: https://www.designbyhumans.com/shop/codingtrain/
To Support the Processing Foundation: https://processingfoundation.org/support
p5.js: https://p5js.org/


For more Guest Tutorials, Talks and Interviews: https://www.youtube.com/watch?v=8w_S17dZ2Do&list=PLRqwX-V7Uu6bYBG4PsCJpsvMka3boE9pR
For an Introduction to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

Help us caption & translate this video!

https://amara.org/v/dXlf/

📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct







Tags:
guest tutorial
guest coding tutorial
codepen
coding tutorial
daniel shiffman
guest talk
live coding
animations
guest
javascript (programming language)
creative coding
programming
tutorial
p5js
p5.js
p5.js library
brick breaker
brick breaker javascript
brick breaker canvas
html5 canvas game
html5 game
brick breaker game
brick
breaker
ball
arcade
game
yining shi
yining shi itp



Other Statistics

Brick Breaker Statistics For The Coding Train

At present, The Coding Train has 46,900 views spread across 1 video for Brick Breaker, and about an hours worth of Brick Breaker videos were uploaded to his channel. This is less than 0.10% of the total video content that The Coding Train has uploaded to YouTube.