How to Rotate Multiple Objects in Javascript Coding on P5.js - 10 Subscriber Special

Channel:
Australia Rushcode
Subscribers:
750
Published on ● Video Link: https://www.youtube.com/watch?v=H6QQIZeVuew


Category:
Tutorial
Duration: 10:18
4,294 views
104

This is NOT a professional tutorial. BUT I know how to translate and rotate squares so you can watch this video and learn a very basic animation technique on P5.js. Perhaps you will learn its ways. Or perhaps you will learn other videos have better teaching content. Either way, watch it and decide for yourself. Also, we hit 10 subscribers! Yay!

1:28 Translate squares
2:48 Rotate squares
3:50 Push and Pop
6:30 More squares
8:40 CHAOS
9:44 25 Subscriber Special

Basically, if you want to animate the shapes correctly without losing your mind, just translate, then rotate. And use PUSH and POP to isolate the transformations being performed upon an object. Makes life so much easier.

PROFESSIONAL TUTORIAL
Coding Train - https://youtu.be/o9sgjuh-CBM

USEFUL LINKS
Spinny Squares - https://editor.p5js.org/rushcode/sketches/UB-yi-4xU
translate() - https://p5js.org/reference/#/p5/translate
rotate() - https://p5js.org/reference/#/p5/rotate



Other Videos By Rushcode


2021-05-06SECRETS AND HIDDEN DOORS - Puzzle Game in UE4 | Devlog #12 - GameDev
2021-04-06Puzzle Game Update - Whiteboxing & Lighting in UE4 | Devlog #11 - Game Development
2021-03-25Building My First Puzzle Game in Unreal Engine 4 | Devlog #10 - Game Development
2021-03-18Making A Door Switch in a Third Person Environment | Devlog #9 - Game Development
2021-03-11Adding One-way Doors and Packaging The Game | Devlog #8 - Game Development
2021-03-04Adding Blocks, Platforms and Holes to a Maze in Unreal Engine 4 | Devlog #7 - Game Development
2021-02-25How to Build A Simple Maze in Unreal Engine 4 | Devlog #6 - Game Development
2021-02-18Building a Moving Door using Blueprints in Unreal Engine 4 | Devlog #5 - Game Development
2021-02-11How I learned about Textures and Materials under One Hour | Devlog #4 - Game Development
2021-02-04How to make a Resident Evil Room using Whiteboxing in Unreal Engine 4 | Devlog #3- Game Development
2021-01-28How to Rotate Multiple Objects in Javascript Coding on P5.js - 10 Subscriber Special
2021-01-21How I learned to Interact with 3D Objects in Unreal Engine 4 | Devlog #2 - Game Development
2021-01-14How I started learning Unreal Engine 4 | Devlog #1 - Game Development
2021-01-07How to Kill TWO SHARKS and SURVIVE | RAFT - Part 5
2020-12-31How to PREPARE for the BIG FIGHT | RAFT - Part 4
2020-12-24How I Survived MULTIPLE AMBUSHES from BRUCE THE SHARK! | RAFT - Part 3
2020-12-18How to Use Shark Bait and NOT DIE in HARD MODE | RAFT - Part 2
2020-12-11How to Survive on HARD MODE | RAFT - Part 1
2020-11-26How I Made Snake in 60 MINUTES using Javascript Coding on P5.js
2020-10-30I made the game SNAKE in 60 MINUTES (Trailer) | JavaScript Coding


Tags:
Javascript
P5.js
animate shapes
animation
coding lesson
coding teaching
coding tutorial
game development
p5
p5js patterns
rotate objects
rotate shapes
rotate squares
spinning
squares
subscriber special
translate shapes
turning