หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

- ทริปที่ทำให้จิตใจดีที่สุด?

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

- คุณสมบัติ

  • - การหมุนคอนเทนเนอร์ 3D : พื้นหลังหมุนอย่างต่อเนื่องทำให้คุณรู้สึกถึงความลึก 3D
  • - ภาพเคลื่อนไหวสีแบบไดนามิก : สีเปลี่ยนแบบเรียลไทม์ปรับให้เข้ากับการเคลื่อนไหวของเมาส์และกิจกรรมหน้าจอ
  • - เคอร์เซอร์เมาส์แบบกำหนดเอง : เคอร์เซอร์ที่กำหนดเองตามเมาส์ของคุณด้วยเอฟเฟกต์ของอนุภาค
  • - ประสบการณ์เสียง : สลับซาวด์แทร็กโดยรอบเพื่อขยายการเดินทาง
  • - รูปทรงประสาทหลอนลอยน้ำ : รูปร่างลอยที่ไม่เหมือนใคร morph และเต้นรำรอบ ๆ หน้าจอ
  • ใช้เวลาเดินทาง : กดปุ่ม "Take the Trip" เพื่อเพิ่มประสบการณ์การมองเห็น

เริ่มต้น

ข้อกำหนดเบื้องต้น

ในการเรียกใช้โครงการในพื้นที่คุณจะต้อง:

  • เว็บเบราว์เซอร์ที่ทันสมัย ​​(Chrome, Firefox, Edge ฯลฯ )
  • ความรู้พื้นฐานเกี่ยวกับ HTML, CSS และ JavaScript

การติดตั้ง

  1. โคลนที่เก็บ: 

    git clone https://github.com/your-username/mind-melting-trip.git

  2. นำทางไปยังโฟลเดอร์โครงการ: 

     cd mind-melting-trip

  3. เปิด index.html ในเว็บเบราว์เซอร์ที่คุณชื่นชอบ

การควบคุม

  • คลิกปุ่ม "Take the Trip" เพื่อเพิ่มประสบการณ์
  • ย้ายเมาส์ของคุณ เพื่อเปลี่ยนสีและออกจากเส้นทางอนุภาค
  • คลิกไอคอนเสียง ? เพื่อเล่น/หยุดเพลงพื้นหลังชั่วคราว

การสาธิต

การสาธิตออนไลน์ของ การเดินทางที่ทำให้จิตใจดีที่สุด กำลังจะมาเร็ว ๆ นี้! คอยติดตามการอัปเดต

สร้างขึ้นด้วย

  • HTML : โครงสร้างของหน้าเว็บ
  • CSS (ภาพเคลื่อนไหว) : ใช้สำหรับเอฟเฟกต์ภาพเช่นสปินพื้นหลังการเปลี่ยนสีและรูปร่าง morphing
  • JavaScript : จัดการการโต้ตอบของผู้ใช้การควบคุมเสียงและการอัปเดตภาพแบบเรียลไทม์

- การบริจาค

ตรวจสอบการสนับสนุน. MD เพื่อเรียนรู้วิธีการมีส่วนร่วมในโครงการนี้

? ️ความปลอดภัย

อ้างถึง Security.MD สำหรับแนวทางที่เกี่ยวข้องกับความปลอดภัย

- ใบอนุญาต

โครงการนี้ได้รับใบอนุญาตภายใต้ใบอนุญาต MIT ดูไฟล์ใบอนุญาตสำหรับข้อมูลเพิ่มเติม

สนุกกับ การเดินทาง ของคุณ! -

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด