หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

เว็บวาด โลโก้ปากกา

โปรแกรมวาดภาพร่วมกันแบบเรียลไทม์แบบเรียลไทม์ https://draw.marbal.ca

Web Draw เป็นแอปพลิเคชันเว็บที่ช่วยให้ผู้ใช้สามารถวาดภาพบนผืนผ้าใบที่ใช้ร่วมกันได้แบบเรียลไทม์ ขณะนี้ยังค่อนข้างหยาบอยู่ แต่ก็เห็นการปรับปรุงบ้างตรงนี้บ้าง

มันทำงานอย่างไร?

Web Draw ใช้ เซสชัน ซึ่งเชื่อมโยงผู้ใช้เข้าด้วยกัน ผู้ใช้ทั้งหมดในเซสชันทำงานบนพื้นที่เดียวกัน

แต่ละเซสชันมี รหัสเซสชัน ที่ไม่ซ้ำกัน ซึ่งสามารถตั้งค่าเป็นอะไรก็ได้ รหัสเซสชันแบบสุ่ม 4 อักขระจะถูกสร้างขึ้นหากไม่มีการระบุไว้ รหัสของเซสชันสามารถเปลี่ยนแปลงได้ตลอดเวลาตราบใดที่ยังไม่มีการใช้รหัสใหม่

เซสชันสามารถเลือกที่จะตั้งรหัสผ่านเพื่อให้เฉพาะผู้ใช้ที่สามารถระบุรหัสผ่านเท่านั้นที่สามารถเข้าร่วมได้ รหัสผ่านของเซสชันสามารถเปลี่ยนแปลงหรือลบออกได้ตลอดเวลา

เครื่องมือที่มีอยู่ในปัจจุบัน

  • ปากกา เครื่องมือปากกา

  • ยางลบ เครื่องมือยางลบ

  • น้ำท่วม เครื่องมือเติมน้ำท่วม

  • เครื่องมือเลือกสี เครื่องมือเลือกสี

  • เลือก เครื่องมือเลือกสี่เหลี่ยม

  • เส้น เครื่องมือเส้น

  • ตรง เครื่องมือสี่เหลี่ยมผืนผ้า

  • วงรี เครื่องมือวงรี

มันทำงานอย่างไร จริงๆ ?

Web Draw ใช้ WebSockets สำหรับส่วน "เว็บ" และใช้ Web Canvas API สำหรับส่วน "Draw"

เซิร์ฟเวอร์ WebSockets ใช้โมดูล ws สำหรับ Node.js และพูด MessagePack กับไคลเอนต์โดยใช้ msgpack-lite เมื่อผู้ใช้ดำเนินการใดๆ เซิร์ฟเวอร์จะได้รับแจ้งเกี่ยวกับการกระทำนั้น และหากจำเป็น ก็จะแจ้งให้สมาชิกเซสชันอื่นๆ ทั้งหมดทราบเกี่ยวกับการกระทำนั้นด้วย

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