Environmental modelling in your web browser

GTA.js, a reimplementation of the 1997 Grand Theft Auto engine in JavaScript and WebGL

Dự án GTA.js tái tạo lại engine của game Grand Theft Auto năm 1997 bằng JavaScript và WebGL, có thể chơi tại gtajs.wtf. Đây là bản reimplement chứ không phải emulator, nên một số vật lý và animation khác với bản gốc, nhưng engine nhiệm vụ chính xác dựa trên tài liệu mtd.doc. Tác giả sử dụng Gemini AI để triển khai hầu hết các tính năng, tham khảo tài liệu mở, ghi chú cộng đồng và trí nhớ cá nhân về game. Hiện tại game đã chơi được nhưng cảnh sát (cops) vẫn chưa được implement.

Lập trình viên nên đọc bài này để khám phá cách tái tạo lại engine game cổ bằng JavaScript và WebGL từ con số không.

15 apps you can vibe code instead of subscribing

Bối cảnh: Bài viết giới thiệu 15 ứng dụng bạn có thể tự code thay vì đăng ký dịch vụ trả phí như Slack, Notion, Calendly. Nguyên nhân kỹ thuật: Các hướng dẫn đi kèm prompts AI có phạm vi cụ thể, ước tính build thực tế và tính năng nhỏ để bắt đầu. Hệ quả: Bạn tiết kiệm chi phí đăng ký hàng tháng và có quyền kiểm soát hoàn toàn hệ thống. Điều đáng học: Cách tiếp cận phân chia dự án thành các phần nhỏ có thể thực hiện trong thời gian ngắn với phạm vi rõ ràng, giúp giảm độ phức tạp ban đầu.

Bài viết này giúp lập trình viên tiết kiệm chi phí bằng cách tự xây dựng các công cụ thay vì đăng ký trả tiền.

Vibe Coding Keypad

Speed up your AI workflow with the Keychron F4 HE 8K Vibe Coding Keypad. Set four keys to send prompts, accept edits, or start voice input with a single press.

I built a Software Factory

I built a Software Factory Last year I caught myself doing something absurd. I was paying for the best coding models money could buy, and I was still the bottleneck. Not because the models were slow …

The Web Is More Than Enough, by Paul Ford

Web browsers enable incredibly rich app development—and that’s radically easier than it used to be.

LittleJS is 2D and 3D now

LittleJS, engine HTML5 nhỏ không phụ thuộc dependency, vừa cập nhật lớn với renderer 3D hoàn chỉnh, cho phép render 2D và 3D cùng canvas với shared physics, children, và timers. Engine được tối ưu với batched WebGL2 sprites, instanced 3D drawing, và mới benchmark với PixiJS, Three.js, PlayCanvas, Phaser, Babylon.js cho thấy hiệu năng vượt trội. Các công cụ AI mới gồm LittleJS AI toolkit, Claude Code plugin, LittleJS GPT cho no-code game building, cùng 50+ game mẫu open-source. Trang littlejsengine.com demo tất cả tính năng, và game jam thứ 3 diễn ra từ 2/10 đến 2/11.

LittleJS hiện hỗ trợ cả 2D và 3D với công cụ AI mạnh mẽ sẽ mang lại cho lập trình viên game giải pháp phát triển đa năng và hiệu quả.

JavaScript Microtasks vs Tasks: What Runs First?

JavaScript xử lý tasks và microtasks trong Event Loop, với tasks như setTimeout được đặt trong Macrotask Queue còn Promises và queueMicrotask() vào Microtask Queue. Microtasks luôn được thực thi trước tasks ngay sau mỗi kết thúc của call stack, giúp xử lý các tác vụ quan trọng trước. Ví dụ: Promise.resolve().then() sẽ chạy trước setTimeout() dù được gọi sau, tạo ra thứ tự thực thi không như dự kiến nếu không hiểu rõ cơ chế. Quan trọng là hiểu rằng microtasks có thể gây block nếu quá nhiều, như trường hợp 1000 promises chained sẽ được xử lý trước khi bất kỳ timeout nào thực thi.

Bài này giúp lập trình viên hiểu rõ cơ chế thực thi JavaScript để tối ưu hiệu năng và tránh lỗi bất đồng bộ.

TanStack Charts 1.0

TanStack Charts 1.0 là thư viện charting hiện đại, cung cấp giải pháp thay thế cho các framework cũ như D3.js hay Chart.js. Được xây dựng trên nền tảng React hooks, nó mang đến hiệu suất vượt trội với thời gian render chỉ 16ms cho dataset 10,000 điểm dữ liệu. Thư viện này hỗ trợ cả React và vanilla JS, phù hợp với mọi dự án từ nhỏ đến lớn. Đáng chú ý, TanStack Charts cho phép tùy biến linh hoạt mà không cần phụ thuộc vào các UI framework cụ thể, giúp tránh được vấn đề vendor lock-in.

TanStack Charts 1.0 mang đến giải pháp biểu đồ linh hoạt giúp bạn phát triển ứng dụng mà không cần thay đổi thư viện.