DEV Community

Adem Deliaslan
Adem Deliaslan

Posted on

2

Javascript Learning From Scratch -00001

background(255,200,60)

255->Red
200->Green
60->Blue

RGB color mode

arkaplan rengini değiştirir.

||||||||||||||||||||||||||||||||||||||||||

ellipse(186, 193, 245, 287);

186-> x position
193-> y position
245-> width
287-> height

çizilen elipsin boyutu ve konumunu belirleme

||||||||||||||||||||||||||||||||||||||||||

fill(22, 33, 44);

22->Red
33->Green
44->Blue

RGB color mode

çizilen nesnenin iç yüzeyini boyamak içindir.

||||||||||||||||||||||||||||||||||||||||||

line(83, 116, 271, 74);

84-> x1 point position
116-> y1 point position
271->x2 point position
74-> y2 point position

line çizginin oluşturulmasını sağlar.

||||||||||||||||||||||||||||||||||||||||||

stroke(250, 0, 242);

250->Red
0->Green
242->Blue

RGB color mode

stroke çizginin rengini belirler. yani dış sınırını.

||||||||||||||||||||||||||||||||||||||||||

strokeWeight(33);

33-> line weight

çizginin kalınlığını oluşturur.

||||||||||||||||||||||||||||||||||||||||||

rect(200,100,44,55);

200-> x position
100-> y position
44-> width
55-> height

çizilen dikdörtgenin boyutu ve konumunu belirleme

||||||||||||||||||||||||||||||||||||||||||

arc(241,237,111,122,0,180);

241-> x position
237-> y position
111-> width
122-> height
0-> start of arc
180-> end of arc

Bayağı parametre alıyor yay çizimi ilk dördü hepsindeki gibi aslında, yalnız son 2 parametre açının başlangıç değeri ve bitiş değerini vermektedir. Yani 0 ile 180 arasını açısal değer olarak kabul edeceğiz. 30, 140 olsaydı bu değerler sırasıyla -> açısal değer 110 derece olacaktı.

SurveyJS custom survey software

JavaScript UI Libraries for Surveys and Forms

SurveyJS lets you build a JSON-based form management system that integrates with any backend, giving you full control over your data and no user limits. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more.

Learn more

Top comments (0)

The Most Contextual AI Development Assistant

Pieces.app image

Our centralized storage agent works on-device, unifying various developer tools to proactively capture and enrich useful materials, streamline collaboration, and solve complex problems through a contextual understanding of your unique workflow.

👥 Ideal for solo developers, teams, and cross-company projects

Learn more