Mo.js - ไลบรารีกราฟิกเคลื่อนไหวที่สมบูรณ์สำหรับเว็บ

แอนิเมชั่นบนเว็บอยู่ที่นี่เพื่ออยู่ต่อ JavaScript กำลังมีประสิทธิภาพมากขึ้นเท่านั้น และการสนับสนุนเบราว์เซอร์เติบโตขึ้นทุกปี.

ภาพเคลื่อนไหวส่วนใหญ่ที่เราคุ้นเคยกับการมุ่งเน้นไปที่ส่วนต่อประสาน: เมนูแบบเลื่อนลงปุ่มแบบแท็บและสไลด์โชว์เป็นตัวอย่างทั่วไป.

แต่ Mo.js นั้นแตกต่างกัน มันคือ ไลบรารี JavaScript สร้างขึ้นสำหรับกราฟิกเคลื่อนไหวที่กำหนดเอง เพื่อช่วยให้นักออกแบบสร้างคุณลักษณะภาพเคลื่อนไหวที่น่าทึ่งซึ่งเกินกว่าเทคนิคอุบาย UI / UX อย่างง่าย.

หากคุณไปที่หน้าแรกของ Mo.js คุณจะพบ เอกสารเต็มรูปแบบ พร้อมกับบทช่วยสอนที่ดีสำหรับผู้เริ่มต้น.

จดบันทึกสิ่งนี้ ห้องสมุดค่อนข้างยากที่จะทำงานกับ. คุณควรคุ้นเคยกับการเข้ารหัสส่วนหน้าพื้นฐานก่อนทำการแก้ไขด้วย Mo.js ด้วยตัวคุณเอง อย่างไรก็ตามมีจำนวนมากที่คุณสามารถรับได้เพียงแค่ศึกษาการสาธิตสดและขุดลงในซอร์สโค้ดบางส่วน.

ลองดูที่ repo GitHub หลักหากคุณต้องการดูตัวอย่างการทำงาน.

มีรายการลิงก์ทั้งหมดจาก CodePen ทั้งหมดที่มีการสาธิตสด Mo.js เหล่านี้ ได้แก่ รถตักแอนิเมชันเต็มหน้าจอเคลื่อนไหวไมโครอินเทอร์แอคทีฟคลิกเพื่อเคลื่อนไหว, และการปรับแต่งรูปร่างเป็นตัน.

ตัวอย่างเช่นปากกานี้สร้างไมโครอินเทอร์แอคทีฟที่บ้าคลั่งจากการป้อนข้อมูลของผู้ใช้.

ปากกาเหล่านี้บางอันอาจรู้สึกเหนือกว่า แต่ก็ไม่ได้เป็นเพียงภาพเคลื่อนไหวของ JS พวกเขาชอบงานศิลปะจริงๆ.

ตัวอย่างเหล่านี้พิสูจน์ เรามาไกลแค่ไหน กับภาพเคลื่อนไหวบนเว็บ ความจริงที่ว่าทุกคนสามารถสร้างเอฟเฟกต์เหล่านี้ได้โดยใช้โค้ดส่วนหน้าเท่านั้นน่าเหลือเชื่อ.

ถ้าคุณต้องการที่จะเห็นมากขึ้นจาก Mo.js ได้ดูการสาธิตใน GitHub คุณอาจชอบบทช่วยสอนนี้ที่สอนวิธีทำงานกับไลบรารี Mo.js ทีละขั้นตอน.

ไม่ว่าจะด้วยวิธีใด หนึ่งในห้องสมุดแอนิเมชั่นที่ฉันโปรดปราน ถึงวันที่ มันมีการควบคุมมากมายที่คุณไม่สามารถหาได้จากที่อื่น และช่วยในการนำไมโครอินเทอร์แอคทีฟจากแอปมือถือมาสู่การออกแบบเว็บ.