03 NAITSU LAB

NAITSU LABNAITSU LAB

พื้นที่ทดลอง ทุกชิ้นข้างล่างเล่นได้จริง และผมเขียนเองทั้งหมด — แยกออกจากงานลูกค้าอย่างชัดเจนThe experiment room. Everything below is live, and I wrote all of it — kept clearly apart from client work.

一Particle ッ

งานทดลองExperiment

อนุภาคหลายพันจุดรวมตัวเป็นตัว ッ ในพื้นที่ 3 มิติ เลื่อนเมาส์ผ่านเพื่อดันให้กระจาย แล้วมันจะกลับเข้าที่เอง — ผมเขียนระบบฟิสิกส์สปริงเอง

Three.js · WebGL · BufferGeometry · Raycaster

loading shader…

二Night Shader

งานทดลองExperiment

ท้องฟ้ากลางคืนที่สร้างจาก noise ใน GLSL ล้วน แสงชาดตามเมาส์ ไม่มีไลบรารี

WebGL · GLSL fragment shader · fBm noise

loading…

三Type Playground

งานทดลองExperiment

พิมพ์อะไรก็ได้ (รองรับภาษาไทย) แล้วเลือกสไตล์ Motion: kinetic, scramble หรือ wave

GSAP · Intl.Segmenter · DOM

loading…

四Night Shift — Aim Trainer

งานทดลองExperiment

มินิเกมฝึกเล็ง 20 วินาที ใช้เป้าเล็งแบบเกมเมอร์ของเว็บนี้ ยิงติดกันได้ตัวคูณ และจำสถิติดีสุดไว้ในเครื่องคุณ

React state · Pointer Events · CSS animation · localStorage

งานในหน้านี้เป็นงานทดลองส่วนตัว ไม่ใช่งานลูกค้า · 3D และ Shader จะโหลดเมื่อเลื่อนมาถึง และหยุดเมื่ออยู่นอกจอEverything on this page is a personal experiment, not client work · 3D and shaders load on scroll and pause off-screen.

หน้าถัดไปNext · 04สตรีมStream

LOADING...000%

TIP สลับโหมดมืด / สว่างได้ที่ไอคอนพระจันทร์