เครื่องสร้างลวดลายเคลื่อนไหว
ออกแบบลวดลายแสงเคลื่อนไหวในเบราว์เซอร์: ดัดเส้น เลือกสี แล้วส่งออกลูปต่อเนื่องเป็น MP4, WebM, GIF, PNG หรือโค้ดสด ใช้ฟรี
เริ่มจากสไตล์สำเร็จรูป
กำหนดรูปทรงของเส้น
ไฟล์ PNG หรือ SVG ที่พื้นหลังโปร่งใสให้ผลดีที่สุด ไฟล์จะอยู่ในอุปกรณ์ของคุณเท่านั้น
ลากจุดทั้งสี่บนภาพเพื่อดัดเส้น
ลากภาพเพื่อเลื่อนจุดศูนย์กลางของลวดลาย
เลือกสี
สีของเส้นตั้งค่าการเคลื่อนไหว
ตกแต่งขั้นสุดท้าย
เอฟเฟกต์งานพิมพ์ส่งออก
ส่งออกเฟรมที่แสดงบนภาพ เลื่อนแถบเวลาเพื่อเลือกเฟรมอื่น
เบราว์เซอร์นี้เข้ารหัสวิดีโอไม่ได้ ใช้ Chrome, Edge, Firefox หรือ Safari เวอร์ชันล่าสุด หรือส่งออกเป็น GIF
GIF รองรับได้สูงสุด 256 สี หากต้องการไล่สีที่ลื่นไหลและไฟล์เล็ก ให้ส่งออกเป็นวิดีโอ
วางโค้ดนี้ในหน้าเว็บใดก็ได้เพื่อแสดงลวดลายแบบสด ไม่ต้องใช้ไลบรารี คมชัดทุกขนาด และหยุดเองเมื่ออยู่นอกหน้าจอ
ลวดลายจากข้อความและโลโก้ยังใช้เป็นโค้ดไม่ได้ ให้ส่งออกเป็นวิดีโอหรือภาพแทน
รูปแบบนี้ไม่รองรับความโปร่งใส จึงใช้สีพื้นหลังแทน
เครื่องมือนี้ต้องใช้ WebGL 2 ซึ่งเบราว์เซอร์หรืออุปกรณ์นี้ปิดอยู่ เปิดการเร่งฮาร์ดแวร์ในการตั้งค่าเบราว์เซอร์ หรือลองใช้เบราว์เซอร์อื่น
ทำงานในอุปกรณ์ของคุณ ไม่มีการอัปโหลดใดๆ
Saved designs
0เกี่ยวกับ เครื่องสร้างลวดลายเคลื่อนไหว
เครื่องสร้างลวดลายเคลื่อนไหวเป็นสตูดิโอฟรีสำหรับทำลวดลายแสงที่เคลื่อนที่ เส้นสีถูกวาดสดโดยการ์ดจอของคุณ ทุกการเปลี่ยนแปลงจึงเห็นผลทันที ไม่ว่าจะเป็นพัด อุโมงค์ เกลียว ดอกไม้ แผนที่เส้นชั้นความสูง ลูกโลกที่หมุนได้ ชิปวงจร และอื่นๆ อีกมาก เริ่มจากสไตล์สำเร็จรูป แล้วปรับเส้น สี และการเคลื่อนไหวจนลวดลายเข้ากับแบรนด์ของคุณ
คุณดัดเส้นด้วยมือได้ ให้เส้นวิ่งรอบเค้าโครงของคำหรือโลโก้ใดก็ได้ ดึงชุดสีจากรูปภาพ หรือวางสีแบรนด์ของคุณ ทุกแอนิเมชันสร้างจากรอบการเคลื่อนที่ที่สมบูรณ์ เฟรมสุดท้ายจึงต่อกับเฟรมแรกได้พอดี และลูปจะไม่กระตุก
ส่งออกวิดีโอ MP4 หรือ WebM สูงสุด 4K, ไฟล์ GIF หรือภาพนิ่ง PNG, JPG, WebP สูงสุด 8K โดยมีพื้นหลังโปร่งใสเมื่อรูปแบบรองรับ คุณยังคัดลอกโค้ดสดที่แสดงลวดลายบนเว็บไซต์ใดก็ได้โดยไม่ต้องใช้ไลบรารี ทุกอย่างทำงานในอุปกรณ์ของคุณ ไม่มีการอัปโหลดใดๆ
วิธีใช้ เครื่องสร้างลวดลายเคลื่อนไหว
- เลือกสไตล์ที่ต้องการเริ่มต้น หรือกด "สุ่มให้ที" เพื่อได้ดีไซน์ใหม่
- เลือกลวดลายแล้วปรับเส้น ลากภาพเพื่อเลื่อนจุดศูนย์กลาง หรือพิมพ์คำเพื่อให้เส้นวิ่งรอบคำนั้น
- เลือกชุดสี วางรหัส hex ของคุณ หรือดึงสีจากรูปภาพ
- ตั้งค่าการเคลื่อนไหว ความยาวลูป และความเร็ว จากนั้นตกแต่งด้วยแสงเรือง ท่อ 3D กระจกร่อง หรือเกรนฟิล์ม
- เลือกรูปทรงเฟรม: 16:9, จัตุรัส, แนวตั้ง, สตอรี่, แบนเนอร์ หรือขนาดที่กำหนดเอง
- ส่งออกวิดีโอ GIF หรือภาพ หรือคัดลอกโค้ดไปแสดงสดบนเว็บไซต์ของคุณ