⚡ FXBox
ดูเอฟเฟกต์ทั้งหมด →

แกลเลอรีเอฟเฟกต์ภาพ

เอฟเฟกต์ 2D และ 3D แบบโต้ตอบโดย Canvas และ WebGL สำรวจ 114 เอฟเฟกต์ใน 10 หมวดหมู่ — ใช้บนเบราว์เซอร์ ไม่ต้องติดตั้ง

114
เอฟเฟกต์
10
หมวดหมู่
100%
ฟรี

เอฟเฟกต์ 3D

16

ฉาก 3D, เชดเดอร์ และเรย์มาร์ชิงด้วย Three.js

กาแล็กซีอนุภาค 3D
กาแล็กซีเกลียวอนุภาค 8000 Three.js โต้ตอบพารัลแลกซ์เมาส์
ทรงกลมอนุภาค 3D
ทรงกลมกลุ่มจุดอนุภาค 5000 Three.js เมาส์ผลักกระจายและกลับมารวมกัน
ทะเลไดนามิก 3D
ทะเลคลื่นไดนามิก ShaderMaterial Three.js เมาส์สร้างระลอกคลื่น
ภูมิประเทศ 3D ตามกระบวนการ
ภูมิประเทศขึ้นลง Simplex noise Three.js สี่สไตล์ภูมิทัศน์
อุโมงค์นีออน 3D
อุโมงค์เรขาคณิตนีออนมุมมองบุคคลที่หนึ่ง Three.js
การหักเหคริสตัล 3D
การหักเหคริสตัลกระจกใส MeshPhysicalMaterial Three.js
วงวนอนุภาค 3D
วงวนอนุภาครูปทรงทอร์นาโด Three.js การดึงดูดและผลักของเมาส์
ลูกบาศก์ลอย 3D
ลูกบาศก์ลอยวัสดุ PBR Three.js โต้ตอบแรงโน้มถ่วงเมาส์
สนามดวงดาว 3D
บินผ่านเนบิวลามุมมองบุคคลที่หนึ่ง Three.js
เส้นโค้งลิสซาจูส์ 3D
รอยรอยอนุภาคเส้นโค้งลิสซาจูส์ 3D Three.js ปรับพารามิเตอร์ได้
ต้นไม้แฟร็กทัล 3D
กิ่งก้านที่แตกแขนงแบบเรียกซ้ำเติบโตเป็นต้นไม้สามมิติ ปลายกิ่งประดับใบเรืองแสงที่ไหวตามลม
กริดไร้ขีดจำกัด 3D
พื้นกริดนีออนทอดยาวไม่สิ้นสุดสู่เส้นขอบฟ้า เส้นกริดเลื่อนไปข้างหน้าให้ความรู้สึกพุ่งทะยานแบบซินธ์เวฟ
ทรงกลมเรย์มาร์ชิง 3D
แฟรกเมนต์เชเดอร์เต็มจอเดินรังสีต่อพิกเซลเข้าหาผิวทรงกลมที่กระเพื่อม คำนวณเวกเตอร์ตั้งฉากและแสงแบบเรียลไทม์
โล่พลังงาน 3D
เปลือกทรงกลมเรืองแสงแบบเฟรสเนลมีลายพลังงานหกเหลี่ยม และการถูกโจมตีแต่ละครั้งส่งคลื่นกระแทกกระจายจากจุดชน
ประตูมิติ 3D
วงแหวนเรืองแสงล้อมจานพลังงานหมุนวน ลวดลายม้วนตามพิกัดเชิงขั้วขณะที่อนุภาคถูกดูดเข้าสู่ใจกลางประตู
ลูกโลกโครงลวด 3D
ลูกโลกเรืองแสงที่ร่างด้วยเส้นละติจูดและลองจิจูดหมุนช้า ๆ มีโหนดกะพริบกระจายทั่วพื้นผิว

อนุภาค

15

ระบบอนุภาค, ฝูง และภาพเคลื่อนไหวคอนเฟตติ

พลุอนุภาค
พลุอนุภาค Canvas พร้อมเอฟเฟกต์โต้ตอบ
หิ่งห้อย
จุดแสงล่องลอยพร้อมร่องแสงและการดึงดูดของเมาส์
อนุภาคโต้ตอบเมาส์
ตารางอนุภาค ชนเมาส์กระจายและกลับมารวมกัน
อนุภาคดวงดาว
อนุภาคเนบิวลากาแล็กซี หมุนและกะพริบ
การแปลงร่างอนุภาค
ฝูงอนุภาคเดียวจัดเรียงใหม่อย่างลื่นไหลระหว่างวงกลม สี่เหลี่ยม ดาว หัวใจ และเกลียว จำนวนไม่เปลี่ยน แต่ละจุดเพียงบินสู่เป้าหมายใหม่
Particle Painting
Paint with particles or fluid on canvas, multiple brush effects
เครื่องพิมพ์ดีดอนุภาค
ตัวอักษรปรากฏทีละตัว แต่ละตัวประกอบจากอนุภาคที่บินเข้ามาจากรอบด้าน แล้วสลายตัวเริ่มใหม่
หางเมาส์
สายอนุภาคหลากสีไล่ตามตัวชี้แล้วค่อย ๆ จางหาย เมื่ออยู่นิ่งตัวชี้จะเคลื่อนไปตามเส้นโค้งเอง
เส้นกลุ่มดาว
อนุภาคดวงดาวพร้อมเส้นกลุ่มดาวที่วาดด้วยเมาส์
บ่อแรงโน้มถ่วง
อนุภาคโคจรรอบจุดศูนย์กลางแรงโน้มถ่วง Canvas 2D เหมือนระบบดาวเคราะห์
Cosmic Collapse
Particle gravitational collapse simulation with merging, density coloring and disk formation
Soul Ring Halo
Multi-layer glowing soul rings from white to gold, rotating with particle drift effects
กาแล็กซีเกลียว
แอนิเมชันอนุภาคกาแล็กซีเกลียวหมุน Canvas 2D
กาแล็กซีเกลียว 2D
แอนิเมชันอนุภาคกาแล็กซีเกลียว Canvas 2D
ระเบิดคอนเฟตติ
เอฟเฟกต์ระเบิดอนุภาคคอนเฟตติ Canvas 2D เฉลิมฉลอง

ของไหลและฟิสิกส์

18

พลศาสตร์ของไหล, ผ้า, ไฟ และการจำลองฟิสิกส์

จำลองของไหล
จำลองพลศาสตร์ของไหล 2D โต้ตอบด้วยเมาส์
พื้นหลังไล่สีของไหล
ก้อนสีนุ่มนวลลอยและผสมกันเหมือนของไหล ก่อเป็นพื้นหลังไล่สีเคลื่อนไหวที่เรียบแต่ดูพรีเมียม
Fluid Text
Fluid particles form into text after interaction
ระลอกคลื่นน้ำ
เอฟเฟกต์ระลอกคลื่นน้ำ Canvas 2D คลิกและโต้ตอบเมาส์
จำลองผ้า
อินทิเกรตแบบ Verlet จำลองผ้าที่แขวนย้อยตามแรงโน้มถ่วง ลากเพื่อดึงและเพิ่มลมได้
จำลองเปลวไฟ
อัลกอริทึมไฟคลาสสิกแบบทีละพิกเซลสร้างเปลวไฟที่โบกไหว ปรับความแรงและจุดไฟด้วยเคอร์เซอร์ได้
ควันลอยขึ้น
เอฟเฟกต์อนุภาคควันลอยขึ้นและกระจาย
ตะเกียงลาวา
เอฟเฟกต์ blobs ตะเกียงลาวา Canvas 2D ผสมและแยก
เยลลี่เด้งดึ๋ง
ก้อนเยลลี่นุ่มเด้งด้วยแรงโน้มถ่วง แบนเมื่อตกกระทบแล้วดีดกลับพร้อมสั่นหยึย ๆ คลิกเพื่อจิ้มได้
ศิลปะทรายอนุภาค
เม็ดทรายสีไหลลงจากด้านบน ไถลตามความชันและกองเป็นเนิน ลากเพื่อเททรายได้ทุกที่
ปฏิกิริยาการแพร่
ปฏิกิริยาการแพร่ Gray-Scott สร้างลวดลายปะการังและจุด
คอสติกส์
จำลองแสงแดดหักเหผ่านผิวน้ำ ทอดลายแสงคล้ายตาข่ายที่เคลื่อนไหวบนพื้นน้ำ
เมฆเชิงปริมาตร
นอยส์การเคลื่อนที่แบบบราวน์เชิงแฟร็กทัลหลายชั้นสร้างเมฆเชิงปริมาตรที่ม้วนตัวและลอยไหลทีละพิกเซล
เมฆเคลื่อนไหว
เอฟเฟกต์เมฆลอยเคลื่อนไหว Canvas 2D
ฟองสบู่ลอยขึ้น
จำลองฟิสิกส์ฟองสบู่สีสันลอยขึ้น Canvas 2D
ฟองสบู่ลอย
เอฟเฟกต์ฟองสบู่หลากสีลอยขึ้น
หมึกกระจาย
เอฟเฟกต์การกระจายและเลือดของหมึก Canvas 2D
แสงทินดอลล์
แสงลอดผ่านช่องว่างก่อตัวเป็นลำแสงเชิงปริมาตรแผ่รัศมี ลากแหล่งกำเนิดแสงและสลับสีได้

จักรวาลและดาราศาสตร์

9

ดาวเคราะห์, ดาว และปรากฏการณ์จักรวาล 3D

Solar System
3D solar system with 8 planets orbiting, Saturn rings, planet labels and starfield
Earth-Moon System
3D Earth-Moon orbital simulation with Earth rotation, Moon orbit, moon phases and starfield
Binary Star System
3D binary star simulation with barycenter orbit, accretion stream and 3 star type presets
Three-Body Problem
N-body gravitational chaos simulation with figure-8, Lagrange, chaotic and hierarchical presets
Day-Night Earth
3D Earth day-night terminator, city lights, sun angle and axial tilt control
Eclipse Simulator
Solar and lunar eclipse 3D simulation with shadow cones, inclination and coverage detection
24 Solar Terms
Earth orbit through 24 solar terms with fixed axial tilt, seasonal colors and term markers
Gravitational Wave
Spacetime grid ripples from binary inspiral, single pulse and continuous wave sources
เลนส์ความโน้มถ่วงหลุมดำ
หลุมดำโค้งงอแสงด้วยแรงโน้มถ่วงมหาศาล ยืดแสงดาวพื้นหลังให้เป็นวงแหวนไอน์สไตน์เรืองแสง

แสงและเรืองแสง

12

นีออน, พลาสมา, เลเซอร์ และพลังงานเรืองแสง

แสงนีออน
แสง Bloom แถบไฟนีออน ชีพจรสี
ลูกพลาสม่า
เอฟเฟกต์สายฟ้าลูกพลาสม่าคลาสสิก
สนามพลาสม่า
เอฟเฟกต์พลาสม่าคลาสสิก Canvas 2D สีไหล
ลำแสงเลเซอร์
การสะท้อนลำแสงเลเซอร์ Canvas 2D พร้อมเอฟเฟกต์อนุภาค
พายุสายฟ้า
เอฟเฟกต์สายฟ้า Canvas 2D ปรับพารามิเตอร์ได้
อุโมงค์แสง
การฉายภาพเพอร์สเปกทีฟยืดลวดลายสีไปตามอุโมงค์ไม่รู้จบ สร้างภาพลวงตาว่ากำลังพุ่งไปข้างหน้าตลอดเวลา
บิดเบือนแสง
กริดสีถูกบิด ยืด และหักเหด้วยศูนย์แรงโน้มถ่วงคล้ายเลนส์ พร้อมระลอกคลื่นที่ไหลตามเคอร์เซอร์
วงพัลส์พลังงาน
วงแหวนพลังงานพุ่งออกจากศูนย์กลาง แผ่ขยายและจางหาย คลิกที่ใดก็ได้เพื่อจุดพัลส์ใหม่
การฉายภาพโฮโลแกรม
ลวดลายไดนามิกโฮโลแกรมพร้อมการซ้อนเส้นสแกน
กริดโฮโลแกรม
กริดที่ทอดลึกตามเพอร์สเปกทีฟส่องประกายสีโฮโลแกรมขณะเส้นสแกนกวาดผ่าน ให้ความรู้สึกแบบ HUD ไซไฟ
ชีพจรสี
เอฟเฟกต์ชีพจรหายใจสีพร้อมการเคลื่อนไหวเป็นจังหวะ
เผยผ่านมาสก์ไดนามิก
ลวดลายสีที่ไหลลื่นซ่อนอยู่ใต้ฉากมืด และจะถูกเผยเฉพาะตรงที่มาสก์สปอตไลต์เคลื่อนผ่าน

กลิตช์และย้อนยุค

15

CRT, เส้นสแกน, มือเตอร์เรน และการบิดเบือนดิจิทัล

ศิลปะ glitch
แยก RGB เส้นสแกน เอฟเฟกต์ glitch ฉีกหน้าจอ
คลื่นกลิตช์
ภาพสีที่ไหลลื่นถูกฉีกด้วยกลิตช์ดิจิทัล: สไลซ์เลื่อน แยกช่อง RGB และเส้นสแกนสั่นไหว
เอฟเฟกต์ CRT
เส้นสแกน แถบฟอสเฟอร์ RGB ขอบมืด และแถบสว่างที่เลื่อนช้า ๆ จำลองความรู้สึกของทีวีจอ CRT รุ่นเก่า
เส้นสแกน
เส้นสแกนละเอียดปกคลุมทั้งเฟรม พร้อมแถบสว่างกวาดลงเป็นวงวน ให้ความรู้สึกแบบออสซิลโลสโคปและจอวงจรปิด สลับสีได้
ฝน Matrix
เอฟเฟกต์ฝนโค้ดสไตล์ Matrix Canvas 2D ตกลงมา
โค้ดตก
เอฟเฟกต์ฝนตัวอักษรโค้ดหลากสีตกลงมา
ลายมัวเร
ตะแกรงสองชุดที่แทบเหมือนกันซ้อนกัน เพียงเหลื่อมหรือหมุนเล็กน้อยก็แทรกสอดเป็นลายมัวเรที่ไหลเลื่อน สลับระหว่างวงกลมกับเส้นตรงได้
พื้นผิวสัญญาณรบกวน
พื้นผิวนอยส์เชิงกระบวนการที่เปลี่ยนไปทีละเฟรม สลับระหว่างสัญญาณหิมะทีวีกับหมอกที่ไหลนุ่มนวลได้
การเรียงพิกเซล
แบ่งพิกเซลแต่ละคอลัมน์ตามเกณฑ์ความสว่างแล้วเรียงใหม่ ทำให้ภาพยืดเป็นริ้วกลิตช์อาร์ตที่ไหลลื่น
พิกเซลไลซ์
ฉากสีที่ไหลลื่นถูกดาวน์แซมเปิลเป็นบล็อกโมเสกหยาบ ปรับขนาดบล็อกได้
ความคลาดสี/เลื่อน RGB
ช่องแดง เขียว น้ำเงินถูกเลื่อนไปคนละทิศแล้วรวมกลับ เกิดขอบสีคล้ายความคลาดสีของเลนส์ ปรับระยะเลื่อนได้
การกระจายแสงปริซึม
ลำแสงขาวเข้าสู่ปริซึมและกระจายตัว แต่ละความยาวคลื่นหักเหต่างกัน แผ่ออกเป็นสเปกตรัมสีรุ้ง
เบลอแนวรัศมี
ภาพถูกขยายเป็นขั้น ๆ และผสมรอบจุดศูนย์กลาง เกิดเป็นเบลอซูมพุ่งออกจากศูนย์กลาง ปรับความแรงได้
โมเสกไดนามิก
ภาพที่ไหลลื่นแตกออกเป็นกระเบื้องโมเสก ขนาดพองยุบตามเวลาราวกับหายใจ พร้อมสั่นและกะพริบเล็กน้อย
สายรุ้งไดนามิก
แถบสีรุ้งกระเพื่อมและเลื่อนไหลขณะที่เฉดสีวนต่อเนื่อง สลับได้ระหว่างโหมดคลื่น วงแหวน และลำแสง

แฟร็กทัลและเรขาคณิต

13

ศิลปะคณิตศาสตร์, รูปแบบเจนเนอเรทีฟ และกราฟ

นักสำรวจแฟร็กทัล
ซูมเข้าเซตมานเดลบรอตได้ไม่สิ้นสุด พร้อมชุดสีหลากหลาย
เซตจูเลีย
แฟร็กทัลเซตจูเลียที่เปลี่ยนรูปตามค่าคงที่เชิงซ้อน
แผนภาพโวโรนอย
จุดเมล็ดเคลื่อนที่แบ่งพื้นที่เป็นโมเสกโวโรนอย
สไปโรกราฟ
วาดเส้นโค้งสะกดใจด้วยการปรับเฟือง ความเร็ว และสี
คาเลโดสโคป
คาเลโดสโคปเรขาคณิตสะท้อนสมมาตร Canvas 2D
เส้นชั้นความสูง
เส้นชั้นความสูงภูมิประเทศเคลื่อนไหวบนสนามสัญญาณรบกวน
เซลลูลาร์ออโตมาตา
เกมชีวิตของคอนเวย์วิวัฒน์พร้อมแสงหางเรือง
การเกาะกลุ่มจำกัดการแพร่
อนุภาคที่เดินสุ่มจะเกาะทันทีที่แตะโครงสร้างเดิม ค่อย ๆ งอกเป็นกิ่งแฟร็กทัลคล้ายเกล็ดหิมะ
สนามการไหล
อนุภาคจำนวนมากไหลไปตามสนามเวกเตอร์จากนอยส์ วาดเส้นทางพลิ้วไหวคล้ายลมหรือกระแสน้ำ
เรขาคณิตเปลี่ยนรูป
ตะแกรงจังหวะ ระลอกคลื่นเสมือนศูนย์กลาง พื้นผิวไหล
ตะแกรงไล่เฉด
เอฟเฟกต์สีตะแกรงไล่เฉดไหล
กราฟแรงนำทาง
โหนดเชื่อมด้วยสปริงพร้อมผลักกันเอง ระบบเข้าสู่สมดุลเอง คลี่การเชื่อมโยงยุ่งเหยิงเป็นเครือข่ายที่ชัดเจน
การมองเห็นสนามแม่เหล็ก
การมองเห็นเส้นสนามแม่เหล็ก Canvas 2D พร้อมการเคลื่อนไหวของอนุภาค

เอฟเฟกต์ข้อความ

6

ข้อความที่สร้างและเคลื่อนไหวด้วยอนุภาค

อนุภาคตัวอักษร
พิมพ์ข้อความใดๆ แล้วอนุภาคนับพันจะบินมารวมเป็นรูปตัวอักษร คลิกเพื่อให้กระจายแล้วรวมใหม่
Firework Text
Fireworks explode then particles converge into text, then disperse
Confetti Text
Confetti explodes into text, holds, then explodes again
Firefly Text
Fireflies drift, converge into text, then disperse
Fluid Text
Fluid particles form into text after interaction
Particle Text
Mouse-collided particles form text, then reform grid

ธรรมชาติและสภาพอากาศ

6

ฝน, หิมะ, ออโรรา และบรรยากาศธรรมชาติ

เอฟเฟกต์ฝนตก
หยดฝน ระลอกคลื่น หยดน้ำบนกระจก
หิมะตก
หิมะตกเปอร์สเปกทีฟ 3D รับอิทธิพลจากลม
แสงเหนือ
แอนิเมชันแสงเหนือไล่เฉด Canvas 2D ไหล dynamic
การแทรกสอดคลื่น
การแสดงผลการแทรกสอดสองช่อง / ซ้อนทับคลื่นน้ำ Canvas 2D
ตัวแสดงคลื่น
เอฟเฟกต์การแสดงผลคลื่นเสียง dynamic
ตัวแสดงภาพเสียง
แอนิเมชันการแสดงผลสเปกตรัมความถี่เสียง

วัฒนธรรมตะวันออก

5

ไทเก็ก, อี้จิง, จักรราศี และเส้นประสาท

Taiji Rotation Patterns
Yin-yang symbol rotating at variable speeds, trail strobe creates moiré interference patterns
I-Ching Compass
Multi-ring compass: 64 hexagrams + 8 trigrams + 24 mountains + Taiji center
Zodiac Ecliptic
Elliptic ecliptic band with 12 zodiac signs and star connections, switchable views
Zodiac Time Dial
12 Chinese hours dial with zodiac animals, pointer tracks current time
Meridian & Acupoints
3D human body with 14 meridians and major acupoints, hover for acupoint info