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

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ả.

Where Stories Become Interactive Worlds: How makemepulse Brings Ideas to Life Across Web, XR, and Beyond

makemepulse, studio công nghệ sáng tạo tại Paris thành lập năm 2008, chuyên phát triển các trải nghiệm kỹ thuật số đa dạng như website immersive, WebXR, VR/AR, cài đặt phygital và storytelling tương tác. Studio nổi tiếng với các dự án đột phá như bảo tàng ảo UNESCO tái dựng di sản bị đánh cắp bằng AI, trải nghiệm 3D thời gian thực cho Audemars Piguet, và game tương tác mở rộng cho Ubisoft's For Honor, cùng công cụ nội bộ NanoGL và nhiều giải thưởng danh giá từ FWA, Awwwards, Cannes Lions.

Nếu bạn đang tìm cách kết hợp nghệ thuật, công nghệ và tương tác để tạo ra những trải nghiệm độc đáo cho người dùng, studio này sẽ là nguồn cảm hứng và kiến thức thực tế về cách xây dựng các thế giới tương tác từ website đến VR/AR, từ AI đến phygital.

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.

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.

Exploring Procedural Geometry with Three.js and WebGPU

Bài viết hướng dẫn xây dựng công cụ Geometry Painter linh hoạt bằng Three.js, WebGPU và TSL, bao gồm các kỹ thuật như surface picking, tạo hình thủ tục, điều khiển thời gian thực, shader tùy chỉnh, ánh sáng và hậu xử lý.

Lập trình viên muốn khám phá cách tạo ra các hình học thủ tục động và tùy biến với Three.js kết hợp WebGPU, đặc biệt khi cần tối ưu hóa hiệu suất cho các ứng dụng 3D phức tạp như game, mô phỏng hoặc hiệu ứng đồ họa.