Exploring Procedural Geometry with Three.js and WebGPU

The Architecture Behind Trionn: Coordinating GSAP, Three.js, Lenis, and Web Audio

Bài viết hé lộ cách tích hợp đồng bộ các thư viện GSAP, Three.js, Lenis và Web Audio để tạo nên trải nghiệm web mượt mà. Kiến trúc hệ thống được thiết kế nhằm thống nhất nhiều lớp animation, rendering và tương tác.

Những lập trình viên muốn tối ưu hóa hiệu suất và quản lý các lớp hoạt hình, render và tương tác phức tạp trên web sẽ tìm hiểu cách Trionn kết hợp GSAP, Three.js, Lenis và Web Audio thành một hệ thống hoạt động nhẹ nhàng và đồng bộ.

Workers, SafeAreaView, backgroundImage, WebGPU, VisionCamera, React Navigation, Canvas Kit, Nitro

Seb và Jan giới thiệu về các công nghệ mới như Workers, SafeAreaView, backgroundImage, WebGPU, VisionCamera, React Navigation, Canvas Kit và Nitro.

Nếu bạn đang phát triển ứng dụng di động hoặc web với React Native, bài viết này sẽ giúp bạn hiểu cách tối ưu hóa UI/UX bằng SafeAreaView, quản lý nền tảng hình ảnh hiệu quả với backgroundImage, và khám phá công nghệ mới như WebGPU và VisionCamera để nâng cấp hiệu suất và tính năng.

Meet the Speakers of the First Three.js Conference

Trước thềm hội nghị Three.js đầu tiên tại Paris, các diễn giả chia sẻ về dự án họ đang phát triển, suy nghĩ của họ và một "vật phẩm" luôn mang theo từ dự án này sang dự án khác.

Lập trình viên WebGL và Three.js sẽ tìm hiểu cách các chuyên gia chia sẻ kinh nghiệm thực tế về các dự án sáng tạo, từ kỹ thuật đến tư duy thiết kế, giúp nâng cao kỹ năng và mở rộng kiến thức về cách xây dựng các ứng dụng đồ họa 3D hiệu quả.

Three.js – JavaScript 3D Library

Three.js là thư viện JavaScript mã nguồn mở hỗ trợ dựng hình 3D, cung cấp tài nguyên phong phú, cộng đồng hỗ trợ sôi nổi và nhiều ví dụ mã nguồn.

Là người phát triển cần thiết để khám phá Three.js để xây dựng các ứng dụng 3D hiệu quả với giao diện phát triển dễ dàng, hỗ trợ mở rộng nhanh chóng và cộng đồng hỗ trợ toàn cầu.

This Alien Has No Mesh & Is Built in Three.js with Shader Math

Một nhà phát triển tên Drin đã tạo ra sinh vật ngoại lai 3D không sử dụng mesh, hoàn toàn dựa trên Three.js và toán học shader.

Lập trình viên muốn khám phá cách sử dụng shader math trong Three.js để tạo ra hiệu ứng vật lý thực tế, từ đó nâng cao kỹ năng xử lý ánh sáng, vật chất và hiệu ứng đặc biệt cho các dự án game hoặc ứng dụng 3D.

Creating an Interactive 3D Cluster with Three.js, TSL and Three Start

A step-by-step tutorial on turning a simple icosahedron into a dynamic, interactive 3D cluster using Three.js, TSL, WebGPU, noise, interaction, and post-processing.

See How This Procedural 2D Grass Works Under The Hood

Learn how it was implemented in Jarl and explore an interactive demo in your browser.

Fascinating Particle Simulation Created with WebGPU

Một nhà phát triển tên Yi-Wen Lin đã tạo ra một mô phỏng hạt ấn tượng bằng công nghệ WebGPU.

Lập trình viên nên đọc để khám phá cách WebGPU được sử dụng để tạo ra những mô phỏng hạt thực tế, minh họa hiệu quả về khả năng xử lý đồ họa cao của công nghệ này, từ đó giúp bạn ứng dụng hiệu quả trong các dự án đồ họa và game.