17 Jul, 2026
4 mins read

Anatomi Wave Shader: Sinus, Refraksi, dan Peluang – Beragampengetahuan

Setiap studio kreatif memiliki ritual internal yang aneh. Milik kita? kami menyebutnya tantangan “12 pena dalam 12 bulan” — Eksperimen bulanan, tanpa aturan, tanpa klien, mainkan saja. Salah satu pengembang kami menciptakan efek antara kafein dan kekacauan—efek gerakan bergelombang, menghipnotis, seperti jeli yang langsung menjadi favorit tim. Kami tidak mencoba membuat sesuatu yang “serius”, tetapi […]

6 mins read

Fragmen: platform untuk mempelajari coding kreatif dengan shader – Beragampengetahuan

Catatan Editor: Hari ini kami ingin fokus pecahansebuah proyek oleh Ben McCormick yang dirancang untuk membantu materi iklan belajar dan bereksperimen dengan shader. Kami senang memamerkan karya komunitas, jadi jika Anda sedang membangun sesuatu yang ingin Anda bagikan, hubungi kami dan kami akan dengan senang hati memamerkannya! Halo semuanya! Saya Ben, seorang insinyur desain, pembuat […]

10 mins read

Membangun Shader Bahan Hybrid di WebGL dengan Solid.js – Beragampengetahuan

Blackbird adalah situs eksperimental yang menarik yang saya gunakan sebagai cara untuk terbiasa dengan WebGL di dalam Solid.js. Ini mengeksplorasi kisah bagaimana SR-71 dibangun dengan detail teknis yang super. Efek wireframe yang dibahas di sini membantu memvisualisasikan teknologi di bawah permukaan SR-71 sambil menjaga penampilan logam yang dipoles terlihat sesuai dengan estetika posisi. Inilah efeknya […]

4 mins read

Pemangku kepentingan berbisik dengan Bill Shader – Beragampengetahuan

Dengarkan episode lengkapnya: Tinjauan Dalam episode podcast pemasaran untuk kaset ini, John Djant berbicara dengan Bill Shender, seorang perancang informasi, ahli data dan pendiri Beehive Media. Bill membagikan wawasan dari buku barunya, “Pemangku Kepentingan, Whisper: mengungkapkan apa yang dibutuhkan orang sebelum mereka melakukan apa yang mereka inginkan.” Percakapan mencakup cara mengubah data yang kompleks menjadi […]

7 mins read

Cara menulis efek tampilan berbasis shader menggunakan React Three Fiber dan GLSL – Beragampengetahuan

Setelah melihat berbagai tampilan gambar yang dibuat oleh beberapa rekan saya di X, saya memutuskan untuk mencobanya dan membuatnya sendiri. Idenya adalah untuk mempraktikkan teknik R3F dan shader sambil membuat sesuatu yang dapat dengan mudah digunakan kembali di proyek lain. Catatan: Anda dapat menemukan kode untuk semua langkah sebagai fork di repositori Github berikut. Memulai […]

8 mins read

Efek blur progresif menggunakan WebGL dengan shader OGL dan GLSL – Beragampengetahuan

Hai, saya Jorge Toloza, seorang pengembang kreatif lepas di Kolombia, dan saya menyambut baik kesempatan untuk menginspirasi, mengajar, dan belajar dengan beragampengetahuan. Dalam tutorial ini, kita akan membuat efek blur gradien progresif yang berubah secara dinamis berdasarkan posisi gambar. Kita akan menggunakan CSS untuk memposisikan elemen dan kemudian mendapatkan koordinat objek di WebGL. Sebagian besar […]

9 mins read

Reaction-Diffusion Compute Shader in WebGPU – Beragampengetahuan

WebGPU represents a significant step forward in web graphics technology, enabling web pages to utilize a device’s GPU for enhanced rendering capabilities. It’s a practical upgrade that enhances the performance of web graphics, building upon the foundation laid by WebGL. Initially introduced in Google Chrome in April 2023, WebGPU is gradually expanding to other browsers […]

3 mins read

Metal.jl 0.2: Shader Kinerja Logam – Beragampengetahuan

Oleh: Tim Besard Repost dari: Metal.jl 0.2 menandai tonggak penting dalam pengembangan paket Metal.jl. Rilis ini hadir dengan dukungan awal untuk kerangka kerja Metal Performance Shaders (MPS) untuk mempercepat operasi umum seperti penggandaan matriks, serta berbagai perbaikan untuk menulis kernel Metal di Julia. Mengutip dokumentasi Apple, kerangka kerja Metal Performance Shaders (MPS) berisi sekumpulan shader […]