یک مدل سه بعدی را با تلفن خود کنترل کنید: پروژه React، Three.js و Socket.io 🚀
به عنوان یکی از طرفداران مدل های سه بعدی و فناوری، می خواستم وب سایتی ایجاد کنم که به شما امکان می دهد با استفاده از حرکات گوشی خود در یک شبکه محلی، یک مدل سه بعدی را کنترل کنید. در اینجا نحوه انجام من است
ابتدا یک مدل سه بعدی گوشی را آنلاین پیدا کردم و آن را دانلود کردم. سپس، من از Three.js برای نمایش مدل روی صفحه، React.js برای فرانت‌اند و Express Node برای باطن استفاده کردم. من از Socket.io برای انتقال داده ها در شبکه محلی استفاده کردم.
در اینجا نتیجه است:
برای همگام سازی حرکت مدل سه بعدی با گوشی، از داده های حسگر ژیروسکوپی گوشی استفاده کردم و با استفاده از Socket.io آن را به گوشی منتقل کردم. با این حال، به مشکلی برخوردم که به دلیل قوانین امنیتی کروم که اجازه نمی‌دهد داده‌های حسگر در یک سایت ناامن داده شود، نتوانستم برنامه را روی یک IP محلی اجرا کنم. پس از کمی تحقیق، پورت رایانه شخصی خود را به دستگاه اندرویدی خود فوروارد کردم تا به عنوان لوکال هاست به صفحه خود دسترسی داشته باشم.
اگر به پروژه‌های بیشتری مانند این علاقه دارید، حتماً من را در توییتر دنبال کنید تا آخرین اکتشافات فناوری خود را در آنجا به اشتراک بگذارم!
