[{"text_idx": "#000000", "text": "Mae'r gweithgaredd hwn yn eich cychwyn gyda Phrosesu. Lawrlwythwch, rhedwch a lluniwch rhai llinellau lliw. Mae'r iaith rhaglennu gyfrifiadurol Prosesu, yn ffordd wych o ddechrau codio. Rydych chi'n cael canlyniad gweledol cyflym o ychydig o linellau o god."}, {"text_idx": "#000002", "text": "Mae prosesu yn ffordd wych i ddechrau codio, a hyd yn oed i barhau efo godio! Mae'n rhyngwyneb syml ar gyfer brasluniau, sy'n Amgylchedd Datblygu Integredig (Integrated Development Environment - IDE), lle rydych chi'n teipio'r Cod. Gallwch chi greu lluniau gweledol yn gyflym. Fel y gwelwn, pa mor cw\u0302l yw gweld canlyniadau eich rhaglennu eich hun, drwy ddim ond o ychydig linellau o god! Hefyd, pan fyddwch chi'n defnyddio Prosesu, rydych chi mewn gwirionedd yn datblygu cod mewn Java, felly rydych chi hefyd yn dysgu Java."}, {"text_idx": "#000003", "text": "Rhaglen cynnydd mewn prisiau bwyd, mewn ProsesuDelweddau o ymwelwyr a\u0302 gorsafoedd yn y DU, mewn Prosesu"}, {"text_idx": "#000004", "text": "Rhaglen cynnydd mewn prisiau bwyd, mewn Prosesu"}, {"text_idx": "#000005", "text": "Delweddau o ymwelwyr a\u0302 gorsafoedd yn y DU, mewn Prosesu"}, {"text_idx": "#000006", "text": "Mae dysgu Prosesu yn fuddsoddiad da o'ch amser. Yn wir, rydym wedi bod yn defnyddio Prosesu, i addysgu egwyddorion cyfrifiadureg, mewn rhai o'n modiwlau yn y Brifysgol. Mae'r rhain yn cynnwys modiwl Graffeg Gyfrifiadurol yn yr 2il flwyddyn, a'r modiwl delweddu gwybodaeth lefel Meistr. Mae'r montage uchod yn dangos peth o waith ein myfyrwyr. Yn ogystal, rydym wedi ei ddefnyddio i ddatblygu rhaglenni cyfrifiadurol mwy datblygedig. Datblygwyd y llun isod gan ddefnyddio'r llyfrgelloedd Prosesu, fel cyfraniad i Ddoethuriaeth mewn Athroniaeth (PhD). Mae'r teclyn, o'r enw Vinca1,2, yn delweddu cludo dw\u0302r a gwaddod ar hyd aberoedd."}, {"text_idx": "#000008", "text": "Cam 1. Lawrlwytho a gosod"}, {"text_idx": "#000009", "text": "First, you need to download and install Processing. Go to "}, {"text_idx": "#000010", "text": "Rhedeg Prosesu, i wneud yn siw\u0302r ei fod wedi'i osod yn iawn. Dylai ffenestr ymddangos. Bydd ganddo fotwm chwarae a botwm stop ar y brig. Bydd Prosesu yn creu enw ffeil rhagosodedig (y gallwch ei newid yn ddiweddarach). Gallwch deipio cod yn y rhanbarth braslun, a bydd unrhyw allbwn testun yn ymddangos yn y tab Consol, neu wallau yn y tab gwallau."}, {"text_idx": "#000011", "text": "Nawr pwyswch chwarae . Dylai ffenestr fach ymddangos. Dyma le bydd eich lluniau yn ymddangos. Ar hyn o bryd, oherwydd nad oes gennym unrhyw god, bydd yn dangos blwch llwyd yn unig mewn ffenestr fach wedi'i labelu \"braslun ...\""}, {"text_idx": "#000012", "text": "Cam 2. Dechreuwch drwy dynnu llinell"}, {"text_idx": "#000013", "text": "I dynnu llinell mewn Prosesu rydym yn defnyddio'r gorchymyn line. Dechreuwch ar eich siwrnai codio drwy ysgrifennu'r canlynol: line(15,25,70,90);"}, {"text_idx": "#000014", "text": "Nawr, chwaraewch y cod. Bydd hyn yn creu un llinell."}, {"text_idx": "#000015", "text": "Gan fod Prosesu yn glyfar, mae ganddo set gyfan o werthoedd rhagosodedig. Mae maint y sgrin, lliw'r llinell, a'r lliw cefndir eisoes wedi eu gosod ar eich cyfer. Gallwn eu newid yn ddiweddarach, ond ar hyn o bryd: lliw'r llinell yw du, lliw'r cefndir yn llwyd, a'r maint yn 100 gan 100."}, {"text_idx": "#000016", "text": "Mae'r llinell wedi ei thynnu rhwng y cyfesurynnau x a y (15, 25) a'r ail x, y gyda chyfesurynnau o (70, 90). Gallwn feddwl am y ffwythiant line yn derbyn pedwar paramedr (X1, Y1, X2, Y2) a thynnu'r llinell gyda'r lliw cyfredol ar y dudalen. Cofiwch, dywedasom ei fod yn defnyddio set rhagosodedig o werthoedd, ac mae'r dudalen eisoes wedi'i osod ar 100 wrth 100. Gwelwn o'n llun fod y safle (0, 0) ar y gornel uchaf ochr chwith."}, {"text_idx": "#000017", "text": "Mae'n bosib tynnu pethau oddi ar y sgrin, felly byddwch yn ofalus pa werthoedd rydych chi'n eu teipio! Beth am drio'r llinellau cod canlynol."}, {"text_idx": "#000018", "text": "Bydd y cod yn rhedeg, heb broblemau. Ond mae'r llinell gyntaf yn hanner oddi ar y dudalen, tra bod yr ail yn cael ei dynnu oddi ar y sgrin, ac felly nid yw'n cael ei weld gyda maint y sgrin a'r safle presennol."}, {"text_idx": "#000019", "text": "Nawr, gadewch i ni dynnu tair llinell, i wneud symbol saeth. Gallwn hyd yn oed newid lled y llinell. Rydym yn rheoli hyn drwy newid strokeWeight."}, {"text_idx": "#000020", "text": "Cam 3. Ychwanegu rhywfaint o liw"}, {"text_idx": "#000021", "text": "Os nad ydych yn gwybod am liw RGB, yna rwy'n awgrymu eich bod yn cymryd golwg ar y gweithgaredd blaenorol ar lliwiau RGB."}, {"text_idx": "#000022", "text": "Mewn Prosesu, mae lliwiau RGB yn cael eu diffinio gan werthoedd rhwng 0 a 255. I newid lliw'r llinell, mae angen i ni addasu'r gwerth lliw sy'n cael ei osod yn 'stroke'."}, {"text_idx": "#000023", "text": "Gadewch i ni newid lliw'r llinell. I'w newid i coch rydym yn ysgrifennu stroke(255,0,0)."}, {"text_idx": "#000024", "text": "Gadewch i ni nodi ychydig o bethau gyda'r cod hyd yn hyn:"}, {"text_idx": "#000025", "text": "Yn gyntaf, 'stroke' (fel llawer o'r gorchmynion eraill) mae ganddo werth rhagosodedig. Mae lliw rhagosodedig 'stroke' yn ddu."}, {"text_idx": "#000026", "text": "Yn ail, mae dau fath gwahanol o bethau. Mae gennym orchymyn line sy'n diffinio sia\u0302p y gwrthrych yr ydym yn ei osod, a strokeWeight a 'stroke' sy'n disgrifio sut y bydd yn ymddangos. Mewn termau graffeg gyfrifiadurol, enwir y rhain yn gyntefigion a priodoleddau, yn eu tro. Cyntefigion yw'r gwrthrychau geometrig. Siapiau sylfaenol ydynt. Mae Priodoleddau'n disgrifio sut mae'r siapiau hynny'n ymddangos."}, {"text_idx": "#000027", "text": "Yn drydydd, rydym yn sylwi bod trefn i'n llinellau cod. Rydym yn gyntaf yn newid gwerthoedd rhai priodoleddau, megis 'strokeWeight', a lliw 'stroke' (nid yw drefn y ddau yma yn bwysig), ond yna rydym yn tynnu'r llinell. Mewn geiriau eraill, mae angen i ni ddiffinio sut y bydd yn ymddangos yn gyntaf (drwy ddiffinio ei briodoleddau) cyn esbonio'r hyn y byddwn yn ei dynnu."}, {"text_idx": "#000028", "text": "Yn bedwerydd, nid oes angen i ni barhau i newid lliw y 'stroke' , os bydd pob llinell yr un lliw. Yr hyn a wnawn yw gosod gwerth y priodoleddau unwaith ac yna mae'r llyfrgell graffeg yn cofio'r gwerth."}, {"text_idx": "#000029", "text": "Yn bumed, pan fydd gwerth priodoledd wedi'i osod, bydd yn effeithio ar bob cyntefig sy'n defnyddio'r priodoledd hwnnw. Felly, er enghraifft, os byddwch yn diffinio lliw'r 'stroke', byddai unrhyw wrthrychau sy'n dilyn (boed yn elips, yn betryalau neu beth bynnag) yn cael eu heffeithio."}, {"text_idx": "#000030", "text": "Cam 4. Newid priodoleddau gwahanol"}, {"text_idx": "#000032", "text": "Yn gyntaf, byddwn yn newid maint y ffenestr gan ddefnyddio size. I newid maint y ffenestr, defnyddiwn y ffwythiant size. Y maint rhagosodedig yw 100 gan 100. Mae'n sgwa\u0302r bach. Byddwn yn ei wneud yn fwy. Gadewch i ni ei wneud yn 200 wrth 200."}, {"text_idx": "#000033", "text": "Nawr gadewch i ni newid lliw ycefndir. Lliw llwyd golau yw lliw rhagosodedig y cefndir. Cofiwch o'r gweithgaredd lliwiau RGB , mae angen defnyddio'r gwerth uchafswm i gael gwyn. Felly, bydd background(255)yn newid lliw'r cefndir i wyn, a bydd cefndir (45) yn ei gwneud yn llwyd tywyll, a chefndir (0, 0, 255) yn las, a bydd y cefndir (160, 255, 160) yn newid y cefndir i wyrdd golau iawn. (Dylech roi cynnig ar liwiau cefndir gwahanol). Am rwan, gadewch i ni gadw at wyn."}, {"text_idx": "#000034", "text": "Cam 5. Llinellau lliw gwahanol"}, {"text_idx": "#000035", "text": "Yn y dasg olaf, rydym yn edrych ar gynhyrchu nifer o linellau lliw. (Byddwn yn archwilio dulliau i wneud y cod hwn yn well yn y dyfodol, ond am nawr, byddwn yn copi\u0308o llinellau i lawr y dudalen)."}, {"text_idx": "#000036", "text": "Yn yr ymarfer hwn, byddwn yn defnyddio ar hap. Mae'r swyddogaeth hon yn gwneud yr hyn y mae'n ei ddweud: mae'n dychwelyd gwerthoedd annisgwyl! Felly os ydyn ni'n ysgrifennu random(10) bydd yn rhoi gwerth newydd, ac annisgwyl, i ni rywle rhwng 0 a 1. Mae hyn yn ddefnyddiol iawn. Gallwn ei ddefnyddio i newid y lliwiau i un annisgwyl! Gallwn hefyd ei ddefnyddio i newid y llinell i safleoedd x, y ar hap."}, {"text_idx": "#000037", "text": "Gadewch i ni gymryd yr hyn yr ydym wedi'i ddysgu hyd yn hyn, a thynnu tair llinell, gyda strokeWeight o 2, pob un o'r gyfesurynnau'r llinell (X1, Y1, X2, Y2) a\u0302 safleoedd ar hap , a phob un a\u0302 lliwiau ar hap. Mae'r cyfan wedi'u gosod mewn ffenestr 200 wrth 200 o faint, gyda chefndir gwyn."}, {"text_idx": "#000038", "text": "Bob tro y byddwch yn pwyso chwarae, bydd yn creu allbwn gwahanol. Ewch amdani!"}, {"text_idx": "#000039", "text": "Hefyd, sylwch ein bod wedi gosod rhai gwerthoedd, o'r mewnbwn i ar hap, i 200, ac eraill i 255. Mae'r gorchymyn random(255), fel y dangosir ar linell 4, 6 ac 8 (uchod) yn cael eu defnyddio oherwydd bod lliw RGB wedi'i ddiffinio rhwng 0 a 255, tra bod random(200) wedi'i hysgrifennu oherwydd ein bod wedi gosod y size o'r ffenestr allbwn i 200 wrth 200."}, {"text_idx": "#000040", "text": "Ceisiwch newid y lliwiau i ymddangos mewn lliwiau llwyd ar hap.Gwnewch faint y ffenest yn fwy (i ddweud) 300 wrth 300, ac addaswch weddill y cod yn briodol. Sylwch ar yr hyn rydych wedi'i newid.Ychwanegwch 10 llinell ar hap arall (yn yr achos hwn defnyddiwch gopi a gludo!) a meddyliwch sut y gallech chi wneud y cod hwn yn well."}, {"text_idx": "#000042", "text": "Dechreuwr, Lliwiau, Cyflwyniad, java, prosesu, rhaglennu"}, {"text_idx": "#000043", "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": "#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."}]