Threejs3D Code Play

Threejs3D Code Play با ویرایش کد و مشاهده نتیجه به عنوان یک صحنه سه‌بعدی تعاملی به شما در یادگیری Three.js کمک می‌کند. با یک مثال شروع کنید، HTML و جاوا اسکریپت آن را تغییر دهید، سپس نسخه خود را در برنامه اجرا کنید.

از طریق صحنه‌های کاری یاد بگیرید

99 مثال را در آزمایش‌های یادگیری و صحنه‌های انیمیشنی از پیش تعریف شده کاوش کنید. با اشکال، مواد، نورپردازی و دوربین‌ها شروع کنید، سپس ذرات، سایه‌زن‌ها و تعامل را بررسی کنید. وقتی یک نقطه شروع بزرگتر می‌خواهید، یک منظومه شمسی، امواج اقیانوس یا یک صحنه انتزاعی متحرک را امتحان کنید.

پنج مسیر یادگیری، مثال‌ها را به مبانی، هندسه، رنگ و نور، حرکت و یک کارگاه خلاقانه سازماندهی می‌کنند. درس‌ها را کامل علامت‌گذاری کنید، از طریق یک مسیر ادامه دهید، مثال‌های مفید مورد علاقه را انتخاب کنید و به صحنه‌های اخیراً باز شده برگردید.

ویرایش، اجرا و بررسی

یک مثال را در ویرایشگر کد باز کنید یا یک پروژه جدید را با یک فایل ورودی Three.js که از قبل وجود دارد، شروع کنید. از برجسته‌سازی نحو، خنثی‌سازی و انجام مجدد، یافتن و جایگزینی و رفتن به خط در حین کار استفاده کنید. برای دیدن کد فعلی و بررسی پیام‌ها یا خطاهای کنسول، به پیش‌نمایش اجرا بروید.

برای چرخش بکشید و برای بزرگنمایی، پیش‌نمایش‌های صحنه‌های بسته‌بندی‌شده را با دو انگشت بگیرید. برای صحنه‌هایی که از آنها پشتیبانی می‌کنند، کنترل‌های زنده به شما امکان می‌دهند رنگ، سرعت انیمیشن، نورپردازی، هندسه و پس‌زمینه‌های جامد یا گرادیان را بررسی کنید. کنترل‌های موجود به صحنه بستگی دارند.

آزمایش‌های خود را نگه دارید

پروژه‌های نامگذاری‌شده را ذخیره کنید و آنها را از پروژه‌های خود دوباره باز کنید. فایل‌های HTML را برای ادامه ویرایش کار موجود باز کنید، یا از Save as برای نگه داشتن یک نسخه جداگانه استفاده کنید.

یک پروژه را به صورت HTML یا ZIP صادر یا به اشتراک بگذارید. صادرات شامل کتابخانه‌های Three.js همراه شناخته‌شده است. دارایی‌های خارجی سفارشی خارجی باقی می‌مانند. یک فایل ZIP را استخراج کنید و پوشه آن را از طریق HTTP ارسال کنید تا پروژه خارج از برنامه باز شود.

تصویر زمینه خود را متحرک کنید

در دستگاه‌های اندروید سازگار با پشتیبانی بومی مورد نیاز، یک صحنه متحرک را به پیش‌نمایش تصویر زمینه زنده سیستم ارسال کنید و انتخاب خود را در آنجا تأیید کنید. مقاصد تصویر زمینه موجود به دستگاه بستگی دارد.

برای دانش‌آموزان، علاقه‌مندان و توسعه‌دهندگان وب که می‌خواهند از طریق آزمایش‌های کوچک، کدنویسی سه‌بعدی را تمرین کنند، ساخته شده است. نمونه‌های بسته‌بندی‌شده از کتابخانه‌های محلی استفاده می‌کنند. منابع از راه دور سفارشی و تبلیغات ممکن است نیاز به دسترسی به اینترنت داشته باشند. این برنامه شامل تبلیغات است.