Game Dev>Questions

Mechanics behind Block Blast–style puzzle games - what are the best approaches for developing one for the web?

Huzi

Huzi

Mechanics behind Block Blast–style puzzle games - what are the best approaches for developing one for the web?

I’ve been studying the mechanics behind Block Blast–style puzzle games, and I’m curious about the best approaches for developing one for the web.

A few questions I’m exploring:

  • What’s the most efficient way to handle block collision and clearing logic in JavaScript or WebGL?

  • Any advice for smooth animation performance on mobile browsers?

  • Do you think using a game framework (like Phaser, PixiJS, or Unity WebGL export) is worth it for this type of puzzle game?

1 comment
#game-dev
1 1164 1

First Post!

Eunice56

Eunice56

For handling block collision and clearing in a grid-based puzzle game, using a 2D array to represent the game state is the most efficient approach. The clearing logic typically involves a “flood fill” algorithm to find and remove connected blocks of the same color, followed by a function to make blocks fall into empty spaces.

For smooth animation on mobile, CSS transforms and requestAnimationFrame are your best friends. They are heavily optimized by browsers. A lightweight framework like Phaser or PixiJS is often worth it, as it handles rendering, input, and asset loading, letting you focus on the game logic.

Post #2

Where Next?

View thread on forum
game-dev
Home Game Dev>Questions
#game-dev
1 1164 1
Last post

Popular Game Dev topics Top

steelx
Game Dev>Questions

Looking for C++17/20 GameDev book
Hi, I’m looking suggestions for learning Game development with C++ preferably, SDL2. All suggestions are welcomed :slight_smile:
#game-dev#book
23 1905 8
New
Help
Game Dev>Questions

Can I use Java to program a game for Nintendo switch?
I am trying to crate a game for the Nintendo switch, I wanted to use Java as I am comfortable with that programming language. Can you use...
/java#nintendo
8 4771 3
New
ksspeedstar
Game Dev>Questions

Problem with REQUEST_INSTALL_PACKAGES, in Android
For about two weeks we have had the problem that Google / Android are rejecting apps for updates with the following statement: We found...
#request_install_packages
1 915 0
New
deadlyzayan
Game Dev>Questions

How to set up private server for world of warcraft?
hey there everyone , hope you are all great . i have been a world of warcraft player as long as i can remember and i got this idea of sta...
#warcraft
1 1048 0
New
mollyerin
Game Dev>Questions

Can I use Linux for gaming?
Which operating system should I choose for gaming? I’ve been using Windows since I started, but now I’m wondering about switching to Luni...
#linux
44 2011 19
New
Dhanen
Game Dev>Questions

Help improving and implementing some stuff in Simon Say's game
Hi all. New here. I tried do it by myself and searching help in forums but no luck… Hope I can found it here in a specialized forum. My...
#animations#text-view
1 579 0
New
sir.laksmana_wenk
Game Dev>Questions

I want to learn how make a game, but where should I start?
I’m able to do the “artistic” part of game-development; character designing/modeling, music, environment modeling, etc. However, I don’t...
#game-dev
15 4965 9
New
Enoch_Kouichi
Game Dev>Questions

How to create a new game in 2D Shooter Style for Free95? it's a windows 95 clone
How i implement the programming syntax in 2D game sense? like mecanics, enemies, itens, weapons, resources, game power-ups, and money in-...
#game-dev#2d-shooter-game#zombie-shooter
5 639 3
New
lucianoghetti
Game Dev>Questions

Student Survey on AI in Game Development
Hello, I’m a Bachelor Student in Informatics at Ecole Schulz in Geneva. I’m conducting a project on Artificial Intelligence in the Videog...
#survey
0 631 1
New
pixel
Game Dev>Questions

Best way to create a GTA style game?
I would like to learn unreal engine to make my first game. It is going to be a top down 3d game like 1997 Grand Theft Auto. What would th...
#gta
1 279 1
New

Other popular topics Top

AstonJ
General Dev>Hardware

Which keyboard do you have?
If it’s a mechanical keyboard, which switches do you have? Would you recommend it? Why? What will your next keyboard be? Pics always w...
#hardware/keyboards#sticky#mechanical-keyboards
144 9115 50
New
DevotionGeo
Backend>Questions

Can someone explain the -t option/flag in docker run command?
I know that -t flag is used along with -i flag for getting an interactive shell. But I cannot digest what the man page for docker run com...
#docker
7 10261 2
New
Rainer
Community>Journals

Programming Erlang Book Club
My first contact with Erlang was about 2 years ago when I used RabbitMQ, which is written in Erlang, for my job. This made me curious and...
/erlang/book-programming-erlang-2nd-edition#book-club
195 6815 95
New
PragmaticBookshelf
Data Science

Genetic Algorithms in Elixir
From finance to artificial intelligence, genetic algorithms are a powerful tool with a wide array of applications. But you don't need an ...
#pragprog#ai/elixir#published-book/book-genetic-algorithms-in-elixir
25 5243 6
New
dimitarvp
macOS>Chat

My thoughts on macOS vs Linux
Small essay with thoughts on macOS vs. Linux: I know @Exadra37 is just waiting around the corner to scream at me “I TOLD YOU SO!!!” but I...
#macos#linux
166 9730 69
New
PragmaticBookshelf
Backend>Learning Resources

Programming WebRTC
Use WebRTC to build web applications that stream media and data in real time directly from one user to another, all in the browser. ...
pragprog.com
#pragprog#published-book/js#webrtc/book-programming-webrtc
27 6969 6
New
AstonJ
macOS>Chat

How to block any website on Mac using Little Snitch
If you want a quick and easy way to block any website on your Mac using Little Snitch simply… File > New Rule: And select Deny, O...
#macos#how-to#littlesnitch
5 11227 3
New
PragmaticBookshelf
General Dev>Learning Resources

A Common-Sense Guide to Data Structures and Algorithms in Python, Volume 1
Big O Notation can make your code faster by orders of magnitude. Get the hands-on info you need to master data structures and algorithms ...
pragprog.com
#pragprog/python#published-book/book-a-common-sense-guide-to-data-structures-and-algorithms-in-python-volume-1
24 5988 11
New
PragmaticBookshelf
Backend>Learning Resources

C Brain Teasers
25 puzzles that will make you a better C programmer by challenging your knowledge of the language, and explaining the technical details o...
pragprog.com
#pragprog#published-book/c/book-c-brain-teasers
4 3873 2
New
PragmaticBookshelf
Backend>Learning Resources

Agile Web Development with Rails 8
Get the comprehensive, insider information you need for Rails 8 with the new edition of this award-winning classic. Sam Ruby @rubys ...
pragprog.com
#pragprog#web-development/ruby/rails#published-book/book-agile-web-development-with-rails-8
12 7404 7
New
Back to top

Sponsor Spotlight

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

Game Dev>Questions

Game Dev Questions ❯

Latest on Devtalk

Devtalk ❯

We ❤️ helpful members!

We reward our most helpful members via our MOTM scheme - by giving away a whopping 25 books per year!

Member of the Month

Devtalk Sponsors

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

EEF

Supporting innovation across the BEAM ecosystem.

coders51

We build reliable cloud platforms for business-critical systems.

Manning Publications

Develop your skills with books, videos, and courses.

AppSignal

Catch errors, track performance, monitor hosts and more.

WyeWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that move you from confusion to "Aha, now I get it!"

Linux New Media

Publishing Linux Magazine, ADMIN, and MakerSpace for 25+ years.

View all our sponsors ❯

Categories:

Sub Categories:

Popular Portals

Devtalk Sponsors

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

EEF

Supporting innovation across the BEAM ecosystem.

coders51

We build reliable cloud platforms for business-critical systems.

Manning Publications

Develop your skills with books, videos, and courses.

AppSignal

Catch errors, track performance, monitor hosts and more.

WyeWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that move you from confusion to "Aha, now I get it!"

Linux New Media

Publishing Linux Magazine, ADMIN, and MakerSpace for 25+ years.

View all our sponsors ❯

We're in Beta

About us Mission Statement See our Roadmap