@hoangloi

Circle Collision Detection and Animation: Exploring JavaScript and Canvas API

Feb 1, 2024 · 3 min read · Continuing from the previous article, in this article, we will focus on: Displaying an additional ball on the screen using the Point and Circle objects. Checking collisions between the objects on the screen. Moving the objects. In the previous a...

Creating an Animated Ball with Canvas HTML and JavaScript

Jan 30, 2024 · 4 min read · In this article, we will explore a snippet of code that allows you to create a simple animated ball using the Canvas HTML element and JavaScript. Let's dive in and understand how this code works. First, we initialize variables for the ball's position...

Creating a Colorful Grid with Canvas HTML and JavaScript

Jan 26, 2024 · 3 min read · In this article, we will explore a snippet of code that uses Canvas HTML and JavaScript to create a beautiful and colorful grid. Let's dive in and understand how this code works. First we need a HTML to show colorful grid, I used tailwindcss for this...

Canvas HTML and the Canvas Scripting API for Creative coding

Jan 25, 2024 · 3 min read · Introduction: Canvas HTML and the Canvas Scripting API provide powerful tools for creating and manipulating graphics and animations on the web. With its versatile capabilities, developers can unleash their creativity and bring visually stunning exper...

Useful Resources for Creative Coding

Jan 24, 2024 · 2 min read · The vast world of the internet holds countless knowledge shared by experienced individuals in the field of creative coding. I can list some of them below: https://thecodingtrain.com/ This is the website of one of the creators of P5.js - Daniel Shiff...