این انیمیشن جالب چطوری ایجاد شده

[unid_user 63]

سلام دوستان

این انیمیشنی که با موس میری روی خطوط تار عنکبوتی با موس حرکت میکنه همین نقطه و خط ها رو میگم اول اسمش چیه بعد چطوری میشه یه نمونشو درست کنم؟

خیلی از لطف دوستان ممنون.

[ErfanMola 31]

درود

چیزی که شما دنبال اش هستید سیستم ذرات هستند (یاد یونیتی 3d افتادم -_-) یا به عبارت دیگه ای سیستم Particles 

کتابخونه قدرتمندی در این زمینه با JS ایجاد شده میتونید مشاهده کنید :

https://github.com/VincentGarreau/particles.js

[unid_user 63]

در 2 دقیقه قبل، ErfanMola گفته است :

درود

چیزی که شما دنبال اش هستید سیستم ذرات هستند (یاد یونیتی 3d افتادم -_-) یا به عبارت دیگه ای سیستم Particles 

کتابخونه قدرتمندی در این زمینه با JS ایجاد شده میتونید مشاهده کنید :

https://github.com/VincentGarreau/particles.js

خیلی ممنون اما من خیلی مبتدی هستم میشه بیشتر توضیح بدید تا بفهمم که باید چیکار کنم یه مثال کاربردی میخوام لطفا تا بتونم یه نمونه کوچیک یرا خودم طراحی کنم.

[ErfanMola 31]

در 26 دقیقه قبل، masoudch گفته است :

خیلی ممنون اما من خیلی مبتدی هستم میشه بیشتر توضیح بدید تا بفهمم که باید چیکار کنم یه مثال کاربردی میخوام لطفا تا بتونم یه نمونه کوچیک یرا خودم طراحی کنم.

سلام دوست من

این سند دمو رو مشاهده کنید تا بهتر متوجه بشید :

https://codepen.io/VincentGarreau/pen/pnlso

[unid_user 63]

در 3 دقیقه قبل، ErfanMola گفته است :

سلام دوست من

این سند دمو رو مشاهده کنید تا بهتر متوجه بشید :

https://codepen.io/VincentGarreau/pen/pnlso

سه فایل html و js و css ساختم کدهایی که داده بود  کپی و پیست کردم ولی فقط رنگ صفحه قرمز شد و اون حالت ایجاد نشد.

[ErfanMola 31]

در 2 دقیقه قبل، masoudch گفته است :

سه فایل html و js و css ساختم کدهایی که داده بود  کپی و پیست کردم ولی فقط رنگ صفحه قرمز شد و اون حالت ایجاد نشد.

ببینید دوست من , باید الحاق کنید فایل های js و css رو به سند HTML

فایل رو در گوشه پایین سمت راست به شکل zip دانلود کنید

[unid_user 63]

در هم اکنون، ErfanMola گفته است :

ببینید دوست من , باید الحاق کنید فایل های js و css رو به سند HTML

فایل رو در گوشه پایین سمت راست به شکل zip دانلود کنید

پیوست کردم. اما جواب نمیده میتونید یه نمونه آماده کنید ببینم چطوریه؟ خیلی ممنون

[ErfanMola 31]

روش دوم رو امتحان کنید که گفتم !

[unid_user 63]

در 4 دقیقه قبل، ErfanMola گفته است :

روش دوم رو امتحان کنید که گفتم !

ممنون فقط یه چیزی شبیه نمایشگر گوشه سمت چپ بالای مرورگر هست اونو چطور حذف کنم؟

ویرایش شده مرداد 96 توسط masoudch

[ErfanMola 31]

روش inspect element کنید و ببینید کدوم قطعه از کد در HTML هست

سپس اونو از داخل فایل HTML حذف کنید