Featured

วิธีฝากไฟล์รูปไว้ที่ Google Drive แล้วดึงมาใช้ใน Blog

การแทรกรูปใน Blog จะไม่สามารถอัปโหลดไฟล์เข้าสู่ Server ของ HCI Lab ได้โดยตรง โดยจะต้องทำการฝากไฟล์ไว้กับ Google Drive แล้วดึงรูปภาพเข้ามาแสดงผลใน Blog

ขั้นตอนที่ 1 : อัปโหลดและตั้งค่าสิทธิ์การเข้าถึง (Upload and Set Permissions)

  • Upload : ลากไฟล์ไปยัง GDrive ใน Directory ที่ต้องการ
  • Share : คลิกขวาที่ไฟล์ เลือก Share > Share
  • Access : ที่หัวข้อ General access เลือก Anyone with the link และปรับ Role เป็น View
  • Copy : คลิกที่ Copy link จากนั้นกด Done

ขั้นตอนที่ 2 : ดึง File ID เพื่อเตรียมสร้าง Direct URL

ในขั้นตอนที่ 1 หลังจาก Copy link แล้วจะได้ URL หน้าตารูปแบบประมาณนี้

https://drive.google.com/file/d/1234ABCDEFG56789/view?usp=sharing

จากนั้นให้ทำการหาค่า File ID จาก URL ดังกล่าว โดย File ID จะอยู่ระหว่าง /d/ และ /view จะได้ว่า File ID = 1234ABCDEFG56789 (ตัวอย่าง)

ขั้นตอนที่ 3 : เลือกใช้รูปแบบ Direct Link ที่ต้องการ

วิธีการแทรกรูปใน Blog ให้เลือก Blocks ชื่อ Image จากหมวด MEDIA ดังรูปจากนั้นจากลงไปยังตำแหน่งที่ต้องการแล้วคลิกเลือก

จากนั้นจากลงไปยังตำแหน่งที่ต้องการแล้วคลิกเลือก Insert from URL ดังรูป

ใส่ URL ของรูปที่ได้ทำการอัปโหลดไว้ที่ GDrive โดยรูปแบบของ URL มี 2 รูปแบบดังนี้

รูปแบบที่ 1

รูปแบบของ URL ในรูปแบบที่ 2 จะมีรูปแบบดังนี้

https://lh3.googleusercontent.com/d/File ID

จากตัวอย่างเมื่อนำ File ID มาใส้จะได้ผลลัพธ์ดังนี้

https://lh3.googleusercontent.com/d/=1234ABCDEFG56789

รูปแบบที่ 2

รูปแบบของ URL ในรูปแบบที่ 1 จะมีรูปแบบดังนี้

https://drive.google.com/uc?export=view&id=File ID

จากตัวอย่างเมื่อนำ File ID มาใส้จะได้ผลลัพธ์ดังนี้

https://drive.google.com/uc?export=view&id=1234ABCDEFG56789

ตัวอย่างการแทรกรูปจาก Google Drive

Link ที่แชร์จาก Google Drive (https://drive.google.com/file/d/19C_s8R6nFQ742zKBII8WdFsSJT4PPdvo/view?usp=sharing) เมื่อนำมาปรับให้เป็น Direct Link ตามรูปแบบที่ 1 จะได้ผลดังนี้

https://lh3.googleusercontent.com/d/19C_s8R6nFQ742zKBII8WdFsSJT4PPdvo

ตัวอย่างการแทรกคลิป Video

ยังไม่รองรับ Link ไฟล์ Video ที่แชร์จาก GDrive แบบรูปภาพในข้างต้นแต่ยังสามารถแทรกคลิปจาก Youtube ได้ปกติ

การใช้ YouTube Embed ได้ผลดังนี้

การใช้ Embed ได้ผลดังนี้

ระบบจับการเคลื่อนไหวด้วย HTC Vive Tracker

วิธีทำ ใช้ชุด HTC Vive รุ่นแรก ร่วมกับ Vive Tracker 2 ตัว และ Controller 2 ข้างเชื่อมต่ออุปกรณ์ผ่าน SteamVRเชื่อม SteamVR เข้ากับ Unity โดยใช้ SteamVR Plugin ปัญหาและข้อจำกัด ผลลัพธ์ สรุป โปรเจกต์นี้เป็นการทดลองพัฒนา ระบบ Motion Tracking ด้วย HTC Vive Trackerเพื่อให้โมเดล 3D ใน Unity …

ระบบยิงปืนบน Oculus Quest 2 ด้วย Unity

วิธีทำ โปรเจกต์นี้เป็นการพัฒนา เกมจำลองการยิงปืนในรูปแบบเสมือนจริง (VR Shooting Simulation)โดยใช้ Unity 6000.2.5f1 ร่วมกับ Oculus Quest 2 ผ่านระบบ XR Interaction Toolkit และ OpenXR Plugin เพื่อให้สามารถตรวจจับและควบคุมคอนโทรลเลอร์ของ Oculus ได้อย่างแม่นยำ ปัญหาและข้อจำกัด ผลลัพธ์ สรุป โปรเจกต์นี้เป็นการจำลองประสบการณ์การยิงปืนในโลกเสมือนจริงบน Oculus Quest 2โดยใช้ Unity เป็นเครื่องมือหลักในการพัฒนา ทั้งในด้านการเขียนโปรแกรม การสร้างเอฟเฟค และการออกแบบโมเดล 3Dแม้จะพบอุปสรรคเล็กน้อยระหว่างพัฒนา …

บันทึกการฝึกงานประจำวัน โดย นายรณ เรืองสม

Day 01 – ลองใช้ Oculus Quest- ลอง Create app Desktop VR ด้วย Oculus Quest***ปัญหา***เชื่อมต่อ Oculus Quest เข้ากับ Unity ไม่ได้ Day 02 – เชื่อมต่อ Oculus Quest เข้า Unity- สร้างแก้วน้ำมาแล้วสามารถเทของข้างในได้- ลองใช้ Option ต่างๆ Day 03 – Creaet …

FRA631 Foundataion of Robotics Class Project 68340700410 พัฒนรัตน์ จีดจีน

หน้าที่ : ควบคุม stepper motor โดยใช้ MKSSERVO42/57D ผ่าน CAN Protocal, ทำ closed loop stepper motor control และ wiring 1. การเรียนรู้ด้าน closed loop stepper motor control ในส่วนนี้คือการทำ closed loop stepper control เพื่อควบคุมความเร็วขึ้นมาเองโดยใช้ AS5600 และ TB6600 ซึ่งไม่ได้ลงลึกถึง …

FRA631 Foundation of Robotics Class project 68340700413 อิทธิวัตร รัตตกูล

ส่วนรับผิดชอบ: System Integration, UX/UI, Database, Digital Twin, Support Vision For Safety และ Robot Assemblyผู้จัดทำ: นาย อิทธิวัตร รัตตกูล จากการทำงานในโครงงาน FIBO ROBOT CAFE หน้าที่หลักของผมคือการทำ System Integration เพื่อรวมระบบย่อยต่างๆ ทั้งฮาร์ดแวร์ ซอฟต์แวร์ การควบคุม และ AI เข้าด้วยกันให้ระบบทำงานได้จริง กระบวนการทำงานในส่วนนี้ทำให้ผมได้เรียนรู้และพัฒนาทักษะใหม่ๆ ในหลายด้าน ดังนี้ 1. …

FRA631 Foundation of Robotics Class project 68340700401 วัฒนชัย ผาคำ

สรุปสิ่งที่ได้เรียนรู้ระหว่างการทำ Class project ในตอนเริ่มแรกที่จะทำหุ่นยนต์ตัวนี้ยัง ในส่วนตัวผมยังไม่มีความรู้เรื่องระบบเกียร์ที่ใช้ในหุ่นยนต์มากแล้วก็แบบ 3d ในชิ้นส่วน mechanic ต่างๆของหุ่นยนต์ ส่วนใหญ่ที่ผมรู้จะเป็นพวกที่เกี่ยวกับ motor และ วิธีการ Drive โดยเกียร์ที่ใช้ในหุ่นของเราจะมีอยู่ 4 ชนิด คือ ก็ได้ไปค้นคว้าดูว่ามันต่างกันยังไง ไปเจอเว็บ https://howtomechatronics.com/how-it-works/what-is-the-best-3d-printed-drive-for-your-next-robotic-project/ ที่เขาทำการทดสอบจริงกับ Gear ที่ปริ้นมาจาก 3D print โดยการเลือกใช้กับหุ่นยนต์ของเรานั้นอาจจะไม่ได้คำนึงถึงผลของ torque เพียงอย่างเดียวต้องดูในเรื่องของน้ำหนัก และ พื้นที่ในการติดตั้งด้วยโดยจะเห็นได้ว่าส่วนที่เป็นฐานสามารถใช้เกียร์ที่มีน้ำหนักเยอะได้ และส่วนที่เป็น arm ยื่นออกไปจะใช้เกียร์ที่มีน้ำหนักเบาเพื่อให้หุนยนต์สามารถรับแรงจากโหลดที่ต้องการได้ แล้วก็ยังทำให้เข้าใจส่วนประกอบจริงๆของเกียร์จุดที่ส่งผ่านแรงต่างซึ่งสามารถนำไปใช้ต่อยอดในการออกแบบหุ่นยนต์อื่นโดยดึงจุดเด่นของแต่ละเกียร์มาใช้ได้ …

FRA631 Foundation of Robotics Class project 68340700411 แพร่พร้อมพงศ์ ยานะวิน

จากโพสต์ FIBO ROBOT CAFE ผมจะมารีวิวและสรุปความรู้ที่ได้จากการทำโปรเจกต์ FIBO ROBOT CAFE ซึ่งเป็นการนำความรู้จากวิชา Foundation of Robotics (FRA631) และเรื่อง Human-Robot Interaction (HRI) มาประยุกต์ใช้จริงครับในโปรเจกต์นี้ ผมได้รับผิดชอบหลักในส่วนของ โครงสร้างทางกล (Mechanics) และการออกแบบระบบ โดยมี 3 ประเด็นหลักที่ผมได้เรียนรู้ ดังนี้ครับ 1. งาน Hardware และกลไกการขับเคลื่อน (Robotics Integration) 2. การออกแบบ 3D …

FRA631 Foundation of Robotics Class project 68340700403 ตวัน ทองศุภโชค

Kinematics แขนกลที่ใช้สำหรับคลาสโปรเจคนี้คือ โมเดลสำเร็จรูปของ Arctos robotics เนื่องจากมีการส่งกำลังหลายรูปแบบจึงเหมาะสมแก่การป็นสื่อการเรียนรู้ ขนาดของระยะแต่ละข้อต่ออ้างอิงจาก Datasheet และ URDF file ของหุ่นยนต์ arctos ตัวหุ่นจะสามารถเคลื่อนที่ได้ทั้งแบบ joint space และ task space สามารถกำหนดจุดให้เคลื่อนที่ไปตามจุดๆนั้นและการกำหนดให้เคลื่อนที่ในแกนใดแกนหนึ่ง(jog) และการกำหนดจุดในการเคลื่อนที่แบบ task space เมื่อมีการตรวจพบว่าเส้นทางตัดกับพื้นที่ของฐานจะมีการสร้างทางอ้อมดังรูป Joint space move Task space move เป็นการเคลื่อนที่โดยอิงจากตำแหน่งมุมของข้อต่อหรือมอเตอร์เป็นหลัก เช่นข้อต่อที่1 เคลื่อนจาก0ไปที่100 องศา ทำให้เราสามารถสั่งมอเตอร์และใช้ …

FRA500: Human-Robotics Interface Class Project [VR Robot Cockpit]

VR Robot Cockpit VR Robot Cockpit เป็นระบบควบคุมหุ่นยนต์ผ่าน Virtual Reality (VR) ที่ออกแบบในรูปแบบ “Cockpit Interface” โดยได้รับแรงบันดาลใจจากอนิเมชันเรื่อง Gundam Build Fighters ระบบนี้มุ่งเน้นการสร้างประสบการณ์ควบคุมแบบ immersive พร้อมทั้งรองรับการแสดงผลข้อมูลของหุ่นยนต์แบบ real-time เช่น ภาพจากกล้อง, ข้อมูลเซนเซอร์ และสถานะการทำงาน ผ่านสภาพแวดล้อมเสมือนจริง ภายในระบบ ผู้ใช้งานสามารถควบคุมหุ่นยนต์ Hiwonder JetRover ได้โดยตรงผ่าน VR Controller ที่เชื่อมต่อกับระบบหุ่นยนต์ผ่าน ROS2 …

FRA500 : Human-Robotics Interface Class Project [ Put Your Hand Sign! ]

**ผู้จัดทำ:** 1. นายธเนศพล หีบแก้ว (65340500027) 2. นายชยากร ชื่นประเสริฐ (66340500012) 1. ที่มาและแนวคิดของโปรเจค (Project Background and Concept) โปรเจคนี้เริ่มต้นจากการที่เราอยากลองทำเกมที่ใช้เงามือเป็นคอนเซปหลัก โดยตั้งชื่อว่า **”Put Your Hand Sign!”** แนวคิดคือ การทำมือให้เกิดเงาแบบต่างๆ ตามโจทย์ที่ปรากฏบนหน้าจอ โดยมีเป้าหมายเพื่อให้ระบบ Computer Vision ตรวจจับและตรวจความถูกต้องของเงาได้รวดเร็ว จนสามารถนำมาแข่งกันได้ว่าใครทำตามโจทย์ได้เร็วกว่ากัน 2. รูปแบบการเล่นและกติกา (Gameplay and Rules) ตัวเกมถูกออกแบบมาให้เป็นการแข่งขันระหว่างผู้เล่น …