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 369 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 369 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
dev232
Game Dev>Questions

I can't compile on OSX (i installed macports, brew, the libs and compilers etc, the object code compiles, won't link)
Installed Mac Ports on OSX High Sierra sudo port install gcc11 libsdl2 openssl glfw libsdl2_gfx libsdl2_image libsdl2_mixer libsdl2_net...
#macos#macs#opengl/c#osx
2 1187 0
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
Intelligent_Chip_641
Game Dev>Questions

Problems using AdMob mediation
I published a game with AdMob monetization back in November, and I was making $35 per day. However, two days ago, I received a notificati...
#mediation
1 1049 0
New
Hipnot
Game Dev>Questions

How do I cancel my Fortnite Crew subscription?
How do I cancel my Fortnite Crew subscription and what happens to my account and previous rewards after I cancel my subscription?
#fortnite-crew
1 1007 0
New
HuntzUdwn
Game Dev>Questions

How to become a developer
Hello everyone, I am a Student at CSUDH and was wondering about how to become a game developer. I would like to contact a developer and a...
#beginner#start#developer
4 666 4
New
sir.laksmana_wenk
Game Dev>Questions

How to duplicate this from Silent Hill games?
Where the protagonist hovers their head towards an item nearby, and the headturn has a movement limit, so it’s not like 360 degree head ...
#silent-hill#gamecoding
1 571 0
New
SuperGibaLogan
Game Dev>Questions

needing help converting godot 4.1 code to godot 4.2
im working on a game on godot and im using a tutorial to code it however, one of the code in the tutorial im using only works in godot 4...
#godot#godot-4
1 376 0
New
BlobDev
Game Dev>Questions

Python or C# as a first language for game development
Hi, so i know that python is a better first language but I read that it’s not mainly used for game development so I wondered if c# was be...
#help
0 104 2
New

Other popular topics Top

ohm
Science/Tech>Tech Chat

Games! Which do you play?
Which, if any, games do you play? On what platform? I just bought (and completed) Minecraft Dungeons for my Nintendo Switch. Other than ...
#games
246 6097 101
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
AstonJ
Data Science

Can AI/ML predict a lottery win?
Biggest jackpot ever apparently! :upside_down_face: I don’t (usually) gamble/play the lottery, but working on a program to predict the...
#ai#machine-learning
19 3939 10
New
PragmaticBookshelf
Community>In The Spotlight

Spotlight: Dmitry Zinoviev (Author) Interview and AMA!
Author Spotlight Dmitry Zinoviev @aqsaqal Today we’re putting our spotlight on Dmitry Zinoviev, author of Data Science Essentials in ...
#author-spotlight/python/book-complex-network-analysis-in-python/book-data-science-essentials-in-python/book-resourceful-code-reuse/book-pythonic-programming
33 5211 14
New
DevotionGeo
General Dev>Questions

Do you prefer regular mechanical keyboards or low profile mechanical keyboards and why?
I have always used antique keyboards like Cherry MX 1800 or Cherry MX 8100 and almost always have modified the switches in some way, like...
/keyboards#mechanical-keyboards
27 3877 9
New
PragmaticBookshelf
Community>In The Spotlight

Spotlight: Peter Ullrich (Author) Interview and AMA!
Author Spotlight: Peter Ullrich @PJUllrich Data is at the core of every business, but it is useless if nobody can access and analyze ...
/elixir/phoenix/book-building-table-views-with-phoenix-liveview
72 4765 21
New
CommunityNews
General Dev>In The News

Review of Linux on Minisforum V3 AMD Ryzen Tablet
A Brief Review of the Minisforum V3 AMD Tablet. Update: I have created an awesome-minisforum-v3 GitHub repository to list information fo...
mudkip.me
#linux#review#amd
0 4635 0
New
PragmaticBookshelf
Backend>Learning Resources

Ash Framework
Explore the power of Ash Framework by modeling and building the domain for a real-world web application. Rebecca Le @sevenseacat and ...
pragprog.com
#pragprog/elixir#published-book/ash/book-ash-framework
15 7555 9
New
RobertRichards
Game Dev>Chat

Hair Salon Games for Girls Fun
Hair Salon Games for Girls Fun Girls Hair Saloon game is mainly developed for kids. This game allows users to select virtual avatars to ...
#ios#android#unity#fun
2 3556 1
New
PragmaticBookshelf
Backend>Learning Resources

Simplicity
Fight complexity and reclaim the original spirit of agility by learning to simplify how you develop software. The result: a more humane a...
pragprog.com
#pragprog#published-book/book-simplicity
10 6553 8
New
Back to top

Sponsor Spotlight

Manning

Develop your skills with books, videos, and courses.

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