تحدي اليوم! تحريك عدد من الكرات داخل الcanvas

#التحدي_الأول || #The_First_Challenge

أعزائي،،،
بناءا على المنشورين السابقين (ورشة عمل 1 و ورشة عمل 2 لرسم وتحريك الأشكال بالJavaScript)

المطلوب:
تحريك عدد من الكرات داخل الcanvas بأي طريقة تريد … وبأي شكل،، مع التوضيح وشرح بسيط…

Dears,
based on the previous (workshop 1 & workshop 2 for drawing and animating shapes)

It is required to create a number of balls moving inside CANVAS, using any method, any way… A summary and comments may be provided…

11 Likes

I’m just here :star_struck:

I did another form

I will continue animation later :rose:

3 Likes

Touch screen to move the red box

3 Likes

Wonderful @Abdurab :clap:

3 Likes

:rose: A good start :rose:
go on,… :slight_smile:

2 Likes

simple and easy,… :rose:
Good job!

2 Likes

My work with movement and changing colors of balls :ok_hand:
https://codepen.io/bibaflower/pen/Vxdeej

5 Likes

@Nabila the perfect answer :+1:

1 Like

Thanks :+1:

1 Like

عمل ممتاز

2 Likes

Thank you @AomaF :ok_hand::sparkling_heart:

2 Likes

قمت بانشاء 4 دوائر والتي تظهر ثلاثه فقط
لماذا؟

2 Likes

ملاحظة جيدة @AomaF
لأني لم اكمل كتابة
d+=spd
و حين كتبتها صار خلل صغير فمحيتها :joy:
و تعبت و نمت :dizzy_face:

1 Like

يمكنك اكمال العمل و عمل دوائر اخرى
@AomaF
المهم الفكرة وصلت :heart:

1 Like

الخطاء هو انك قمت بمساوه السرعه والاتجاه لدائرتين مما جعلهما تنطبقان وتسيران مع بعض بنفس السرعه
لحل ذلك عليك تغير سرعه الاتجاه على المحور x لاحد الدوائر

"I forked your ben to edit it "Sorry

3 Likes

احسنت @AomaF
ممتاز جدااااااااا :heart::heart::heart::heart:

نعم وصلت عمل جميل جدا خصوصا تغير اللون باستخدام Math.random :heart_eyes:

2 Likes

The Best I have seen at the moment,…
loved it :heart:
Great job!

1 Like

أعطيك صلاحية استخدام اي كود لغرض التعلم او اصلاح الأخطاء @AomaF
هذا يسعدني جدا

1 Like

الـ math.random واحدة من الأدوات السحرية ،،،

2 Likes