Emanuele Feronato

1.9K posts

Emanuele Feronato banner
Emanuele Feronato

Emanuele Feronato

@triqui

Italian geek and PROgrammer, currently in trouble with the 101 games challenge.

Venice - Italy Katılım Temmuz 2008
170 Takip Edilen3.5K Takipçiler
Emanuele Feronato
Emanuele Feronato@triqui·
Clean, fully paginated level selection system built in Phaser 4 with TypeScript, featuring horizontal drag, direction-aware snap, mouse wheel and event-driven thumbnails. Complete source code available for download, ready to use and extend bit.ly/46vzOp8
English
0
1
8
283
Emanuele Feronato
Emanuele Feronato@triqui·
HTML5 platformer engine inspired by "Be Brave, Barb", built without physics. Hero walks along a perimeter, switches between four gravity directions, and reattaches to surfaces using CCD, driven by pure geometry. Phaser 4 + TypeScript source code available bit.ly/4aAeeAO
English
1
0
15
695
Guido Rosso
Guido Rosso@guidorosso·
Rift Rider is a game built entirely in @rive_app by Fernanda Marques in just 6 days. One of the winners of our recent Scripting Challenge with @contra.
English
3
14
123
8.3K
Emanuele Feronato
Emanuele Feronato@triqui·
A dense grid hides simple shapes. This JavaScript example uses a greedy algorithm to extract the true external perimeter from binary grid data, collapsing hundreds of cells into a geometric outline. Then,rendering, collision and movement, becomes simpler - bit.ly/4tl30ZF
Emanuele Feronato tweet media
English
1
0
3
206
Emanuele Feronato
Emanuele Feronato@triqui·
A Tiled collision layer is just a dense grid of cells. By applying greedy rectangle merging, that grid can be reduced to a small set of non-overlapping rectanglesthat are far cheaper to use at runtime. Full JavaScript example available with source code bit.ly/3NReu6Z
Emanuele Feronato tweet media
English
0
0
4
201
Emanuele Feronato
Emanuele Feronato@triqui·
Greedy rectangle merging is a practical way to simplify dense binary grids into a small set of axis-aligned rectangles. By making local decisions and never backtracking, the same area can be represented with far fewer geometric primitives. JS source code: bit.ly/4qG5kbW
English
0
1
7
344
Emanuele Feronato
Emanuele Feronato@triqui·
Gravity-rotating movement system built with Phaser 4 and TypeScript, where a character walks around floating terrain by dynamically reassigning gravity instead of falling off edges. Full project available for free at bit.ly/4bIHI1C
English
0
1
11
734
Emanuele Feronato
Emanuele Feronato@triqui·
@nezavami Thanks!! It’s nice to refresh the old concepts once in a while. Tomorrow I’m uploading a Phaser tutorial, then it’s back to pure JavaScript.
English
0
0
1
7
nezavami
nezavami@nezavami·
@triqui I just want to say that I really appreciate your later articles explaining fundamental concepts (such as PRNG) using pure JavaScript without any libraries. Excellent work!
English
1
0
2
28
Emanuele Feronato
Emanuele Feronato@triqui·
QuadTrees organize space instead of objects, allowing spatial queries to skip irrelevant areas with a single check. This makes proximity searches and collision detection far more efficient in games and interactive applications. Interactive example at bit.ly/4jKRFh6
English
1
0
8
238
Emanuele Feronato
Emanuele Feronato@triqui·
Randomness is rarely truly random in games. This post explains how Mulberry32 turns a single seed into a fully reproducible sequence of values, with a minimal JavaScript demo and real-world videogame applications bit.ly/3L6svNj
Emanuele Feronato tweet media
English
0
0
2
162
Emanuele Feronato
Emanuele Feronato@triqui·
Running modern text-to-speech models locally on Windows is anything but trivial. This guide walks through a clean Chatterbox Turbo setup, from Python and virtual environments to PyTorch pitfalls, showing how to get reliable audio output without guesswork - bit.ly/4qOaouJ
Emanuele Feronato tweet media
English
0
0
3
171
Emanuele Feronato
Emanuele Feronato@triqui·
I strongly agree. Remember: if you can do something with vibe coding, then ANYONE can do the same thing with vibe coding. Do you really want to be just one more in the crowd?
Kenney@KenneyNL

Pretty disappointed in both @humble and especially in @GirlsWhoCode. Please teach girls how to code, don't push them into generative AI. That won't build their skills. Prioritize foundational programming skills and awaken their interest. "Tired of long days writing code"???

English
1
0
2
290
Guido Rosso
Guido Rosso@guidorosso·
Looking for a few indie devs to push what’s possible with Rive Scripting 🚀 UI, games, companion apps, full experiences, or any weird interactive idea you’ve been itching to build. If you love mixing design, animation, and code (and maybe have a soft spot for Flash), DM me.
English
25
39
371
27.7K
Emanuele Feronato
Emanuele Feronato@triqui·
Real-Time vs Delayed Keyboard Input in JavaScript. Learn to use keyup and keydown events together with requestAnimationFrame to simulate a keyboard input delay. Video tutorial: youtube.com/watch?v=HouoBw… (please subscribe to my newborn YT) Blog post: bit.ly/489ITEb
YouTube video
YouTube
Emanuele Feronato tweet media
English
0
0
1
178
Emanuele Feronato
Emanuele Feronato@triqui·
Build a fully 3D Wheel of Fortune using only HTML, CSS and JavaScript, with pure geometry and a few transforms. Watch it spin in real 3D and see how a handful of divs can create a smooth, random wheel animation. Source: bit.ly/47imLbr Video: youtube.com/watch?v=16O4aN…
YouTube video
YouTube
English
0
1
5
462
Kenney
Kenney@KenneyNL·
Yesterday I spent an hour with my girlfriend teaching her how 3D model (using @SketchUp), she made a lamp! So proud 🫠 You should all encourage her!
Kenney tweet media
English
73
41
1.8K
99.8K
Eugene | Katanaut
Eugene | Katanaut@VoidmawGames·
Hi, I’m Eugene. I finished my first game, Katanaut. It hit 52k wishlists in 10 months… and I released it between Silksong and Hades 2. Average peak players: 11. AMA.
English
579
815
8.9K
645.7K
Emanuele Feronato
Emanuele Feronato@triqui·
Which one do you use the most? Share and follow me if you liked this content.
English
0
0
0
194
Emanuele Feronato
Emanuele Feronato@triqui·
Use named functions for clarity and debugging. Use arrow functions for coincise callbacks and functional patterns. Use anonymous functions only when needed, otherwise prefer arrow.
Emanuele Feronato tweet media
English
1
0
0
216
Emanuele Feronato
Emanuele Feronato@triqui·
JavaScript function types. Which one do you use the most?
Emanuele Feronato tweet media
English
1
0
3
276