آموزش Three.js مدرن برای وب سایت های واقعی

یک منظره فضایی تعاملی Three.js ایجاد کنید Create an Interactive Three.js Space Landscape

• آنچه ما در حال توسعه هستیم What We're Developing

• Three.js و Vite را نصب کنید Install Three.js and Vite

• صحنه ها، دوربین ها و رندرها Scenes, Cameras, and Renderers

• اولین مش شما Your First Mesh

• هندسه صفحه The Plane Geometry

• چراغ های جهت دار Directional Lights

• دستکاری هندسه ها با عمق و ناهمواری Manipulating Geometries with Depth and Jaggedness

• ویرایش لحظه به لحظه صحنه با Dat.GUI Real-Time Scene Editing with Dat.GUI

• کنترل مدار و چرخش صحنه Orbit Controls and Scene Rotation

• جلوه های شناور هندسه Geometry Hover Effects

• رنگ محو شدن اثر شناور Color Fade Hover Effect

• خیاط هواپیما به ابعاد دقیق Tailor Plane to Exact Dimensions

• حرکت رأس تصادفی Randomized Vertex Movement

• همپوشانی HTML و CSS در صحنه Overlay HTML and CSS On Scene

• یک Starfield ایجاد کنید Create a Starfield

• متن را در بارگذاری اولیه متحرک کنید Animate Text On Initial Load

• انتقال حرکت دوربین Camera Movement Transitions

• پاسخگویی صحنه و تغییر اندازه مرورگر Scene Responsiveness and Browser Resizing

• هنگامی که انیمیشن کامل شد به وب سایت خارجی پیوند دهید Link to External Website When Animation Completes

ادغام در Nuxt.js برای انتقال بدون درز Integrate Into Nuxt.js for Seamless Transitions

• Refactor و ادغام در Nuxt.js Refactor and Integrate Into Nuxt.js

• فونت های گوگل Nuxt Nuxt Google Fonts

• یکپارچه سازی مسیریابی Nuxt Nuxt Routing Integration

• انتقال بدون درز صفحه Seamless Page Transitions

• Nuxt را با Netlify اجرا کنید Deploy Nuxt with Netlify