JavaScript Sand Tetris + Code

preview_player
Показать описание
My this week's practice project is a classic Tetris game with a twist! In this version, the blocks transform into tiny grains of sand and mimic the laws of gravity. Drawing inspiration from the captivating Sandtrix concept, I brought it to life using JavaScript. The challenge is to clear lines and score big, you need to make sure each layer of colorful sand touches both sides of the screen. As I worked on this project, I delved into Block Cellular Automaton to simulate gravity, gaining valuable insights.

#SandTetris #TetrisReplica #JavaScript #practiceproject #webdevelopment #frontend #p5js
  1. Sahand Babali
  2. javascript
  3. sandtetris
  4. frontend
  5. webdevelopment
Рекомендации по теме
JavaScript Sand Tetris 0:01:01

JavaScript Sand Tetris + Code

JavaScript Sand Tetris 0:01:01

JavaScript Sand Tetris - Live Demo: https://sahandbabali.github.io/JavaScript-Sand-Tetris/

Coding Challenge 180: 0:23:00

Coding Challenge 180: Falling Sand

💬 SpaceTode to 0:04:23

💬 SpaceTode to JavaScript

I Coded a 0:01:17

I Coded a JavaScript Tetris Game

Awesome Tetris Design 0:01:46

Awesome Tetris Design Using CSS and Javascript

Let's Build Tetris! 0:18:17

Let's Build Tetris! Part 1: The Game Loop

Sand Game JS 0:05:22

Sand Game JS – introduction

Simulating sand, water 0:00:54

Simulating sand, water and oil particles in P5JS

Creating Awesome Tetris 0:38:36

Creating Awesome Tetris Game Using HTML,CSS and JavaScript| Javascript Games | Danish Coder's A...

Tetr.js echached Marathon 0:00:05

Tetr.js echached Marathon endless mode score 1,040,738

Playing a Tetris 2:02:45

Playing a Tetris game I made with JavaScript

JavaScript Robotics 101: 0:09:45

JavaScript Robotics 101: Microbit Smiley & Sand Face Adventures!

Can AI code 0:14:14

Can AI code Tetris in Python? Watch ChatGPT try

Javascript - Rock 0:00:57

Javascript - Rock Paper and Scissor Simulation

Making Tetris with 0:00:35

Making Tetris with ChatGPT (this was harder than it looks!)

Sand World - 0:06:47

Sand World - Particle simulation in an infinite world now!

ASMR Programming - 0:37:50

ASMR Programming - Weather App Coding With JavaScript - No Talking

Tetris But The 0:02:50

Tetris But The Blocks Are Made of Sand (Setris Review)

Smashing a 34,000 0:00:13

Smashing a 34,000 Brick Statue

What the Block 0:04:48

What the Block ?!: [ Script ]

Experiment 002: 3D 0:00:27

Experiment 002: 3D Cube displaying HTML canvas on 6-sides, running p5.js generative art.

Drop Down! #uk 0:00:17

Drop Down! #uk #tetris #tetrismobile #fyp #gaming

Tap on! #uk 0:00:16

Tap on! #uk #tetris #tetrismobile #fyp #gaming

Комментарии
Автор

Good work, i read your code on GitHub, and i'm wondering how you tranform the tetrominoes into sand, i don't see the function ? can you tell me the name of the function ?, Thank you

Therazor
Автор

Looks nice! It's not clear to me when a line is cleared. Is it when a row of one color is touching both sides?

seanmuniz
visit shbcf.ru