[{"text_idx": "#000000", "text": "Creu enfys mewn cod \"Prosesu\""}, {"text_idx": "#000001", "text": "Yn y gweithgaredd hwn, byddwch yn creu enfys mewn cod gan ddefnyddio llyfr-braslunio ac iaith \"Prosesu\"."}, {"text_idx": "#000002", "text": "2 Comments on Create a rainbow in code"}, {"text_idx": "#000003", "text": "Yn y gweithgaredd hwn, byddwn yn creu enfys mewn cod gan ddefnyddio Prosesu. Mae prosesu yn \"llyfr brasluniau meddalwedd hyblyg ac iaith ar gyfer dysgu sut i wneud cod o fewn cyd-destun y celfyddydau gweledol\", gweler ."}, {"text_idx": "#000004", "text": "I wneud y gweithgaredd hwn"}, {"text_idx": "#000005", "text": "Dylai fod Prosesu eisoes wedi'i sefydlu, a bod yn gyfarwydd a\u0302 pheth codio sylfaenol mewn llyfr braslunio Prosesu, a bod ffenestr y llyfr braslunio ar agor ac yn rhedeg. Rhoddir cyfarwyddiadau ar gyfer y gweithgaredd hwn yn y gweithgaredd: gosod yr amgylchedd codio.Dylech fod wedi paratoi braslun cyflym eisoes o'r olygfa a gynlluniwyd, gan ddefnyddio'r daflen meddwl gritigol, a'i chael wrth law."}, {"text_idx": "#000006", "text": "Cam 1. Adolygiad cyflym o'n cynllun"}, {"text_idx": "#000007", "text": "Yn y gweithgaredd blaenorol, byddech wedi gwneud y cynllun gan ddefnyddio'r daflen meddwl gritigol (CTS). Bydd hyn yn rhoi pum cam i chi a fydd yn eich helpu i godio yn well. Dim ond i'ch atgoffa, dyma nhw:"}, {"text_idx": "#000008", "text": "Y datganiad cryno o'r broblem. Yn ein hachos ni, hwn yw \"codio enfys syml mewn Prosesu\".Braslun o'r olygfa. Yn ein golygfa oedd gennym enfys, glaswellt sy'n gorchuddio rhan isaf yr enfys, a choeden syml gyda boncyff brown a dail gwyrdd.Rhestr o brif elfennau'r system. Yn ein hachos ni, gennym gyntefigion a priodoleddau. Y gyntefigion yw'r enfys, y glaswellt a'r goeden. A'r prif briodoleddau yw lliwiau'r enfys, ynghyd a\u0302'r boncyff, lliw'r ddeilen a lliw'r glaswellt.Y prif brosesau a'r algorithm dan sylw. Gan fod hwn yn olygfa syml, mae gennym dri cham: yn gyntaf llunio'r enfys, yna llunio'r glaswellt sy'n ymddangos o flaen yr enfys, ac yn olaf llunio'r goeden, sy'n cael ei roi ar ben y glaswellt.Rhestr derfynol o unrhyw bryderon neu faterion. Yn ein hachos ni, mae'r rhain yn cynnwys codio lliw RGB. Os ydych wedi anghofio lliwiau RGB, neu'n dymuno atgoffa eich hun, yna gallwch gymryd golwg ar y gweithgaredd Codio RGB eto."}, {"text_idx": "#000010", "text": "Hefyd, gadewch inni gofio'r enghraifft ymarferol a wnaethom. Yn yr enghraifft wnaethom dorri cylchoedd papur, a'u lliwio gyda lliwiau'r enfys. Fe'u gosodwyd ar ben ei gilydd. Nawr, byddwn yn defnyddio'r un syniad, ond nawr byddwn yn defnyddio cod. Byddwn yn gosod cylch ar ben cylch arall, i greu lliwiau'r enfys, gan osod cylch gwyn terfynol i gael y sia\u0302p arc. Rydym yn rhoi'r glaswellt ar ben i guddio hanner yr enfys. Yn olaf rydym yn gosod y goeden ar ben y glaswellt, i edrych fel bod y goeden yn y blaendir."}, {"text_idx": "#000011", "text": "Cam 2. Gosod y cefndir a'r newidynnau"}, {"text_idx": "#000012", "text": "Y cam cyntaf i ysgrifennu'r cod, yw gosod maint y ffenestr a lliw i'r cefndir. Mae hyn fel dewis maint y papur, a lliw'r papur. Gadewch i ni osod ffenestr lydanu; bydd 600 wrth 400 yn addas i ni."}, {"text_idx": "#000014", "text": "Dewiswch enwau newidyn disgrifiadol. Mae 'trunkSize' yn well na defnyddio \"t\"."}, {"text_idx": "#000015", "text": "Mewn Prosesu, mae'r newidynnau yn cael eu teipio. Mae hyn yn golygu bod gwahanol gategori\u0308au o newidyn. Er enghraifft, gall newidynnau o'r math cyfanrif dim ond dal rhifau cyfan fel 1, 2, 3, 4 ac ati, a ni allant ddal gwerthoedd ffracsiwn. Tra bod pwynt newidyn math anwadal yn gallu dal gwerth real, megis 0.5, 0.0021, neu -4.3333."}, {"text_idx": "#000016", "text": "Mae Prosesu yn diffinio color math o ddata, i ddal lliwiau. Gallwn ddiffinio lliw, gadewch i ni ei alw'n wyrdd, drwy ysgrifennu'r cod canlynol: color green = color(0,255,0);"}, {"text_idx": "#000017", "text": "Yn y Daflen Meddwl Gritigol, penderfynom fod tair rhan i'r gweithredu: llunio enfys, llunio glaswellt, llunio coeden. Beth am dynnu llun yr enfys yn gyntaf."}, {"text_idx": "#000018", "text": "I greu'r enfys, gadewch i ni edrych eto ar yr enghraifft ymarferol, o'r gweithgaredd blaenorol. Gwelwn fod yr enfys wedi ei gwneud o sawl cylch wedi eu gosod un ar ben y llall, bob un ychydig yn llai o'r un blaenorol, ac yn diweddu gyda chylch gwyn."}, {"text_idx": "#000019", "text": "Cylchoedd lliw o'r enghraifft ymarferol."}, {"text_idx": "#000020", "text": "Mae cylchoedd mewn Prosesu yn cael eu galw'n elips. Bydd elips gyda lled a thaldra cyfartal yn gylch. Mae elips yn cymryd pedwar gwerth; felly gosodwyd elips ar y safle (x,y) , gyda lled w ac uchder h, yn cael eu diffinio gan ellipse(x, y, w, h). Mae angen i ni osod ein cylch yn y traean cywir o'r sgrin, a thua hanner ffordd i fyny. Felly, gan ein bod eisoes yn gosod maint y sgrin yn 600 wrth 400, gwerth addas ar gyfer x fyddai 400, ac y byddai 200. Gadewch i ni ddiffinio dau newidyn x, ac y i gadw'r safleodd yma."}, {"text_idx": "#000021", "text": "Mae lliw rhagosodedig elips yn wyn, felly mae angen i ni ei newid i'r lliw cywir. Gwnawn hyn drwy newid y fill o'r cyntefigion. Felly os ydyn ni'n ysgrifennu fill(colRed); i newid llenwad gwrthrych i goch."}, {"text_idx": "#000022", "text": "Elips coch, wedi'i leoli yn (400,200) gyda lled o 200 ac uchder o 200."}, {"text_idx": "#000023", "text": "Maw llenwad yn gosod y gwerth lliw ar gyfer unrhyw siapiau sy'n defnyddio llenwad. Unwaith y gosodir lliw llenwad, bydd yn aros y lliw hwnnw nes ein bod yn ei newid. O ganlyniad, oherwydd bod angen dangos lliw gwahanol ar gyfer pob rhan o'r Enfys bydd angen i ni osod lliw llenwad, llunio elips, gosod lliw llenwad arall, cyn llunio elips arall, ac yn y blaen."}, {"text_idx": "#000024", "text": "Hefyd, bydd angen i bob elips dilynol fod ychydig yn llai. Gadewch i ni ddiffinio'r cylch cyntaf i fod 200 o led, ac 200 o uchder. Yna gall cylchoedd dilynol fod 20 yn llai. Mae angen i ni hefyd ddiweddu drwy lunio cylchoedd gwyn, i gael yr effaith arc sydd ei angen arnom ar gyfer ein henfys."}, {"text_idx": "#000025", "text": "Set o elipsau (cylchoedd) wedi eu gosod ar ben ei gilydd. Mae gan bob un llinell ddu o'u hamgylch."}, {"text_idx": "#000026", "text": "Mae'r term 'stroke' yn cael ei ddefnyddio gan lyfrgelloedd ac offer graffeg eraill, i newid amlinellau."}, {"text_idx": "#000027", "text": "Yn rhagosodedig, mae gan bob un o'r elipsau linell ddu o'u hamgylch, gelwir hyn yn 'stroke'. Gallwch weld yn y llun uchod bod llinell ddu o amgylch pob cylch. Mewn Prosesu, gallwn newid lled y 'stroke' wrth newid gwerth strokeWeight , a'i liw werth newid y gwerth o 'stroke'Er enghraifft, bydd strokeWeight(10)yn diffinio sia\u0302p gyda llinell drwchus iawn o'i amgylch, a byddai 'stroke' (255) yn gwneud amlinell wen, tra bydd stroke(0,255,0)yn gwneud amlinell werdd. Mae'n debyg nad ydyn ni eisiau i'r 'stroke' ymddangos yn ein henfys ni, felly fe fyddwn ni'n tynnu'r amlinell drwy deipio: noStroke();"}, {"text_idx": "#000028", "text": "Yn olaf, mae angen inni orffen drwy lunio cylch gwyn, er mwyn cael yr effaith arc sydd ei hangen ar gyfer ein henfys."}, {"text_idx": "#000029", "text": "Nawr rydym am lunio'r glaswellt. Bydd hyn yn ymddangos yn y blaendir, felly mae angen i ni ei dynnu ar o\u0302l yr enfys. Gallwn dynnu'r glaswellt drwy osod petryal mawr ar ben popeth."}, {"text_idx": "#000030", "text": "Petryal, ar (10, 12) gyda lled o 30, ac uchder o 40"}, {"text_idx": "#000031", "text": "Mewn Prosesu, mae petryalau'n cael eu creu gyda'r ffwythiant rect. Mae'r ffwythiant rect safonol yn cymryd i mewn pedwar paramedr, cyfesurynnau x a y , a'i lled ag uchder. Felly, byddai rect(10,12,30,40) yn creu petryal bach, wedi'i leoli mewn cyfesurynnau (10, 12), gyda lled o 30 ac uchder 40."}, {"text_idx": "#000033", "text": "Cam 5. Tynnwch lun o'r goeden"}, {"text_idx": "#000034", "text": "Yn olaf, rydym angen coeden. Gallwn dynnu'r goeden gydag un petryal brown, a dau gylch gwyrdd. Oherwydd y lluniwyd y rhain yn olaf, byddant yn ymddangos ar ben y glaswellt."}, {"text_idx": "#000035", "text": "Golygfa o'r enfys, gyda glaswellt ac un goeden."}, {"text_idx": "#000036", "text": "Efallai y byddwch yn hoffi addasu eich llun. Dyma rai awgrymiadau yr hoffech roi cynnig arnynt."}, {"text_idx": "#000037", "text": "Golygfa enfys gyda phump o goed."}, {"text_idx": "#000038", "text": "Newidiwch liwiau'r enfys. Efallai gwneud yr enfys o liwiau llwyd.Newid maint yr enfys, i'w wneud yn fawr iawn.Ychwanegwch nifer o goed. Efallai ychwanegwch linell ddu o amgylch pob boncyff coeden."}, {"text_idx": "#000039", "text": "Dechreuwr, Lliwiau, taflen meddwl gritigol, CTS, elips, prosesu, enfys, rect, rgb, golygfa, coeden"}, {"text_idx": "#000040", "text": "Mae Jonathan yn gyson yn dylunio pethau, yn addysgu pobl, ac yn dysgu drwy'r amser. Mae'n athro delweddu yn yr Ysgol Cyfrifiadureg a Pheirianneg Electronig, Prifysgol Bangor, y DU. Mae'n arwain y grwpiau Delweddu, Data, Modelu a Graffeg (VDMG), yn arwain prosiect enfys ac mae'n un o awduron y llyfr Springer \"Five Design-sheets \", dull dylunio braslunio."}, {"text_idx": "#000041", "text": "2 replies on \u201cCreate a rainbow in code\u201d"}, {"text_idx": "#000042", "text": "Thankyou for explaining so well. Could you please teach us how to draw a pizza with toppings"}, {"text_idx": "#000043", "text": "Hello, that sounds like a really cool idea. You could have a try. I\u2019d suggest doing a grey large circle (to make the crust), then a smaller red circle (for the tomato), followed by some smaller (dark red) random circles (for the pepperoni), and some smaller random rectangles (for the cheese). Fun. Thanks."}, {"text_idx": "#000044", "text": "Leave a Reply Cancel reply"}, {"text_idx": "#000045", "text": "Your email address will not be published. Required fields are marked *"}, {"text_idx": "#000046", "text": "Save my name, email, and website in this browser for the next time I comment."}, {"text_idx": "#000048", "text": "This site uses Akismet to reduce spam. Learn how your comment data is processed."}, {"text_idx": "#000051", "text": "Dewch o Hyd i Ni"}, {"text_idx": "#000052", "text": "Ysgol Cyfrifiadureg a Pheirianneg Electronig,"}, {"text_idx": "#000054", "text": "Mae cwcis angenrheidiol yn gwbl hanfodol i'r wefan weithredu'n iawn. Mae'r categori hwn yn cynnwys cwcis yn unig sy'n sicrhau swyddogaethau sylfaenol a nodweddion diogelwch y wefan. Nid yw'r cwcis hyn yn storio unrhyw wybodaeth bersonol."}, {"text_idx": "#000055", "text": "Mae unrhyw gwcis nad ydynt o bosibl yn arbennig o angenrheidiol i'r wefan weithredu ac a ddefnyddir yn benodol i gasglu data personol defnyddwyr trwy ddadansoddeg, hysbysebion, cynnwys arall sydd wedi'i fewnosod yn gwcis nad ydynt yn angenrheidiol. Mae'n orfodol sicrhau caniata\u0302d defnyddiwr cyn rhedeg y cwcis hyn ar eich gwefan."}]