Swift Playgroundsでタートル・グラフィックスしよう！

4XJGU1MBZHSPVOETͰ λʔτϧɾάϥϑ ΟοΫε͠Α͏ J04%$

!ࣗݾ঺հ

5PNPLJ,PCBZBTIJ J1IPOF(ͷ೔ຊ্཮௚ޙʹ  ɹɹɹɹ J1IPOFΞϓϦ։ൃΛ࢝ΊΔ ϑΣϯϦϧגࣜձࣾʹೖࣾ  ɹɹɹɹ ໊ݹ԰ࢧࣾͰΞϓϦͷڞಉ։ൃʹैࣄ
גࣜձࣾελϝϯ ʢ໊ݹ԰ʣ ʹೖࣾ  ɹɹɹɹ ૑ۀࣄۀ56/"(ͷΞϓϦ։ൃʹैࣄ 5XJUUFS(JU)VC!UFNPLJ

໊ݹ԰͔Βདྷ·ͨ͠

໊ݹ԰ۙล͔Β དྷͨਓ͸͍·͔͢ʁ#

IUUQUBLBOPSJEBZPCMPHTIJOPCJKQ&OUSZ <ग़య>Πϯλʔωοτք۾ͷࣄΛௐ΂Δ͓!UBLBOPSJ ೥

IUUQTDUZPIBUFOBCMPHDPNFOUSZOBHPZB@JU@NBQ@ <ग़య>$ZDMF5FDI-PH αΠΫϧςοΫϩά !D@UZP ೥

גࣜձࣾελϝϯ w૑ۀɿ೥݄ w໊ࣾɿ4UBS.FNCFST wਓ਺ɿ໊ʙ wຊࣾɿ໊ݹ԰ ُౡ wࢧࣾɿ౦ژେࡕ෱Ԭ wࣄۀɿ56/"(

4XJGU1MBZHSPVOETͰ λʔτϧɾάϥϑ ΟοΫε͠Α͏ J04%$

λʔτϧɾάϥϑ ΟοΫε

λʔτ ϧɾάϥϑ Ο οΫε wΛૢͬͯ%άϥϑ Ο οΫεΛੜ੒͢Δ wڭҭ༻ϓϩάϥϛϯάݴޠ-PHPͷػೳ w.*5໊༪ڭतγʔϞΞ ɾ
ύύʔ τ͕։ൃ

Ұൠతͳ%άϥϑ Ο οΫε ௗͷࢹ఺Ͱඳ͘

ӈʹϚεɺ্ʹϚε

addLine(to:(1,3)) (0,0) (1,3)

λʔτϧɾάϥϑ Ο οΫε ஬ͷࢹ఺Ͱඳ͘

λʔτϧɾάϥϑ Ο οΫε ُͷࢹ఺Ͱඳ͘

ӈʹ˃ ճసɺલʹา

right(20) forward(5)

ਖ਼ࡾ֯ܗΛඳ͘ʹ͸ʁ

Ұൠతͳ%άϥϑ Ο οΫε (0,0) addLine(to:(5,?)) (5,?) addLine(to:(10,0)) (10,0) ਺ֶͷ஌͕ࣝඞཁ ʢ௚ަ࠲ඪܥɾࡾ֯ؔ਺ʣ

λʔτϧɾάϥϑ Ο οΫε forward(10) left(120) forward(10) left(120) forward(10) ࣗવͳ܁Γฦ͠Ͱඳ͘ ճసͷ਺ࣈͷҙຯ͸ʁ

λʔτϧɾάϥϑ Ο οΫε left(100) left(140) left(120) ʮ਺ࣈΛม͑ͯ֬ೝʯ ͷ܁Γฦ͠Ͱֶ΂Δ

λʔτ ϧɾάϥϑ Ο οΫεͷಛ௃ w໋ྩ͸ݱࡏͷঢ়ଶ͔Β૬ରతʹ࡞༻ w໋ྩऀ͸ͱࣗݾͱΛҰମԽͤͯ͞ૢ࡞ w໋ྩͷ݁Ռ͕ଈ࠲ʹࢹ֮తʹಘΒΕΔ wΤϥʔݪҼΛߟ͑ͯϦτϥΠͷ܁Γฦ͠  σόοά ʹΑΓֶश͢Δ

λʔτ ϧɾάϥϑ Ο οΫεͱ ͷग़ձ͍

ग़ձ͍ wதֶ೥࣌ ೥ ͷίϯϐϡʔλͷतۀ w෋࢜௨ͷ'.3ͱ͍͏.4%04౥ࡌͷ ύʔιφϧίϯϐϡʔλΛ࢖༻ wϩΰϥΠλʔͱ͍͏ιϑτͰλΠϐϯά ͱ-PHPʹΑΔϓϩάϥϛϯάΛֶश

੒ޭମݧ wλʔτϧɾάϥϑΟοΫεָ͍͠ʂ wເதʹͳͬͯεΩʔδϟϯϓͷήʔϜ Λ࡞ͬͨΒΫϥεϝΠτ͔Β൓ڹ wॳͷϓϩάϥϛϯάͰͷ੒ޭମݧ

λʔτ ϧɾάϥϑ Ο οΫεͷ ࢈Έͷ਌

γʔϞΞɾύύʔτ wࣇಐ৺ཧֶऀϐΞδΣͱ  ࢠڙͷ஌ೳൃୡΛݚڀ wߏ੒ओٛڭҭΛ໨తͱͨ͠  ϓϩάϥϛϯάݴޠ-PHPΛ։ൃ wϨΰͱ.*/%4503.Λ։ൃ w45&.ڭҭͷݪ఺ ग़యOFXTNJUFEV

ग़యDZCFSOFUJD[PPDPN

γʔϞΞɾύύʔτͷ Өڹ

ΞϥϯɾέΠ wύύʔτͷݩͰ-PHPΛֶͿ w1"3$ʹͯࢠͲ΋Ͱ΋࢖͑Δ  ཧ૝୺຤ ʮ%ZOBCPPLʯ Λߏ૝ w࢑ఆ%ZOBCPPLʢ`೥୅ͷࢼ࡞ʣ  "MUP ϋʔυ ͱ4NBMMUBML
ιϑτ wύʔιφϧίϯϐϡʔλͷ෕ ग़యKBXJLJQFEJBPSH

ग़యFOXJLJQFEJBPSH

εςΟʔϒɾδϣϒζ w1"3$Ͱݟͨ"MUPʹিܸΛड͚ ։ൃதͷ-JTBʹ(6*Λ౥ࡌ w-JTBϓϩδΣΫτͷޙ  .BDJOUPTIΛ։ൃ wͦͷੜ֔ͷऴ൫ʹൃදͨ͠  ॳ୅J1BE͸%ZOBCPPLʜ ग़యKBXJLJQFEJBPSH

Կͱͳ͘ ๻ͨͪ΁ͷܨ͕ΓΛ ײ͡·͢ΑͶʁ

ϓϩάϥϛϯάݴޠ -PHP

ϓϩάϥϛϯάݴޠ-PHP w೥ʹߏ੒ओֶٛशΛ໨తʹ։ൃ w-JTQʹӨڹΛड͚ͨؔ਺ܕݴޠ wܕએݴෆཁɺ࠶ؼతఆ͕ٛՄೳ

ਖ਼ࡾ֯ܗΛඳ͘ϓϩγʔδϟ to Triangle :x repeat 3 [ forward :x right
120 ] end

࣮૷ w"QQMF-PHP "QQMF**༻ w"$4-PHPGPS.BD049 w-PHP8SJUFS8JO IUUQTXXXBMBODTNJUIDPVLMPHP IUUQXXXMPHPDPNKQ

ϓϩάϥϛϯάݴޠ -PHPͷӨڹ

-PHPͷӨڹ w-PHP͸ʹ໋ྩͯ͠ૢ࡞͢Δ wΞϥϯɾέΠ͕ΦϒδΣΫτࢦ޲  ͱ͍͏ண૝ΛಘΔ͖͔͚ͬ w७ਮΦϒδΣΫτࢦ޲ݴޠ4NBMMUBML

-JTQ -PHP 4NBMMUBML 3VCZ 0CKFDUJWF$ 4XJGU ؔ਺ܕ ಈతੑ ΦϒδΣΫτࢦ޲ ΦϒδΣΫτࢦ޲
ϝοηʔδૹ৴

ͭ·Γɺ J04ΞϓϦ։ൃऀ͸ γʔϞΞɾύύʔτͷ  ӨڹΛड͚͍ͯΔͱݴ͑Δ

ͦͯ͠೥ʜ

೥๻Λಈ͔ͨ͠Ͱ͖͝ͱ w88%$Ͱ4XJGU1MBZHSPVOETൃද w݄೔γʔϞΞɾύύʔτ͕ࢮڈ

4XJGU1MBZHSPVOETͰ λʔτϧɾάϥϑΟοΫε ͍ͨ͠ʂ

ࢠͲ΋ͨͪʹ ๻ͱಉ͡ମݧΛ ʂ

Ұिؒޙ

5PSUPJTF(SBQIJDT

5PSUPJTF(SBQIJDT w4XJGU੡λʔτϧɾάϥϑΟοΫεɾΤϯδϯ w໊લ͸ݸਓతʹϦΫΨϝͷํ͕޷Έͳͷ͕ཧ༝ w9DPEF1MBZHSPVOET 4XJGU1MBZHSPVOETͰಈ࡞ wCGImage΁ͷग़ྗػೳ

⭐͍ͩ͘͞ github.com/temoki/TortoiseGraphics

5PSUPJTF(SBQIJDTͷ ٕज़తͳ࿩ᶃ ʢάϥϑΟοΫεฤʣ

'SBNFXPSLT w$PSF(SBQIJDT w$PSF"OJNBUJPO ग़యEFWFMPQFBQQMFDPN

$PSF(SBQIJDT w2VBSU[%ͱ΋ݺ͹ΕΔ w௿ϨϕϧͰܰྔͳ%ඳըΤϯδϯ wCGContext CGImage CGPoint ʜ

CGContext w$PSF(SBQIJDTͷग़ྗઌͱͳΔ΋ͷ wಉ໋͡ྩͰ༷ʑͳग़ྗઌʹඳըͰ͖Δ wΞϓϦͷϏϡʔɺϏοτϚοϓը૾ɺ  1%'υΩϡϝϯτɺϓϦϯλʔ wඳըύϥϝʔλͱɺඳըʹඞཁͳग़ྗઌ  σόΠεಛ༗ͷ৘ใΛ͍࣋ͬͯΔ

࣮૷ͷϙΠϯτ w$PSF(SBQIJDT͸௚ަ࠲ඪܥͰߟ͑Δ wλʔτϧɾάϥϑ ΟοΫε͸ͷࢹ఺Ͱߟ͑Δ wͷݱࡏͷঢ়ଶͱࢦࣔ͞Ε໋ͨྩʹԠͯ͡ɺ  ௚ަ࠲ඪܥͰͷߦ͖ઌΛΞϑΟϯม׵ͰٻΊΔ

forward P2(x,y) ҠಈޙͷҐஔ Ҡಈڑ཭ distance ݱࡏͷ޲͖ SBE heading P1(x,y) ݱࡏͷҐஔ

forward P1(x,y) ݱࡏͷҐஔ P2(x,y) ҠಈޙͷҐஔ Ҡಈڑ཭ distance ݱࡏͷ޲͖ SBE heading

'SBNFXPSLT w$PSF(SBQIJDT w$PSF"OJNBUJPO ग़యEFWFMPQFBQQMFDPN

$PSF"OJNBUJPO wάϥϑΟοΫεͱΞχϝʔγϣϯͷΠϯϑϥ wΞϓϦͷϏϡʔΛ؆୯ʹΞχϝʔγϣϯͰ͖Δ w(16Λ࠷େݶʹར༻͢ΔͨΊߴ଎ wCALayer CAAnimation ʜ

CALayer wUIView͸CALayerͷ  ֊૚Ͱߏ੒͞ΕΔ wUIViewͷඳը΍  ΞχϝʔγϣϯͷҠৡઌ wCAShapeLayer CATextLayer ʜ UIView
CALayer (sub1) CALayer (root) CALayer (sub2)

CAShapeLayer w࠲ඪۭؒʹ࣍#4QMJOFΛඳը͢ΔϨΠϠʔ wඳըύεͱઢ΍ృΓͷύϥϝʔλΛࢦఆ͢Ε͹ ͦͷύεΛඳըͯ͘͠ΕΔ

CAAnimation w$PSF"OJNBUJPOͷ  ΞχϝʔγϣϯΛ୲͏ wCALayerʹΞλον͢Δ wCABasicAnimation CAKeyframeAnimation ʜ CALayer
.alpha

࣮૷ͷϙΠϯτ wͷඳ͘ઢͷΞχϝʔγϣϯ  CAShapeLayer CABasicAnimation wͷҠಈͷΞχϝʔγϣϯ  CAShapeLayer CAKeyframeAnimation

ͷඳ͘ઢͷΞχϝʔγϣϯ CAShapeLayer CABasicAnimation toValue fromValue CAShapeLayer.path Animation

ͷඳ͘ઢͷΞχϝʔγϣϯ CAShapeLayer CABasicAnimation

ͷҠಈͷΞχϝʔγϣϯ CAShapeLayer CAKeyframeAnimation path Animation CAShapeLayer().position

ͷҠಈͷΞχϝʔγϣϯ CAShapeLayer CAKeyframeAnimation

࠷ऴతͳΞχϝʔγϣϯ

ϨΠϠʔߏ੒

ϨΠϠʔߏ੒ ඳըࡁΈ ϏοτϚοϓදࣔ ඳըΞχϝʔγϣϯ Ξχϝʔγϣϯ

5PSUPJTF(SBQIJDTͷ ٕज़తͳ࿩ᶄ ʢ4XJGU1MBZHSPVOET#PPLฤʣ

4XJGU1MBZHSPVOET wJ1BEͰ4XJGUΛɻίʔσ Οϯάͷ৽ֶ͍͠ͼํɻ w"3,JU "7'PVOEBUJPO $PSF#MVFUPPUI΋ಈ࡞ w"QQMF -&(0౳͕༷ʑͳίϯςϯπΛఏڙ w#PPLͱ͍͏ܗͰ୭Ͱ΋࡞੒ͯ͠഑෍Ͱ͖Δ

4XJGU1MBZHSPVOET#PPL ࡞੒ɾ഑෍ͷํ๏

J04%$ w!TPOTPO@UXJU͞Μͷ ࡢ೥ͷൃද͕लҳʂ w͜Εͱ"QQMFެࣜͷ  υΩϡϝϯτΛߦ͖དྷ ͢Δͷ͕Φεεϝʂ ग़యGPSUFFKQJPTEDKBQBO

4XJGU1MBZHSPVOET#PPL࡞੒ํ๏ w#PPL$IBQUFS1BHFͱ͍͏ߏ੒ w#PPLΛߏ੒͢Δϝλ৘ใɺ4XJGUιʔεɺ  ֤छϦιʔε౳ͷϑΝΠϧΛ·ͱΊͨ΋ͷ w"QQMF͔Βఏڙ͞Ε͍ͯΔςϯϓϨʔτ  4XJGU1MBZHSPVOET"VUIPS5FNQMBUFΛ࢖͏ μΠδΣετ൛

4XJGU1MBZHSPVOET#PPL࡞੒ํ๏ w1MBZHSPVOE1BHF͕࠷খ୯Ґ w$POUFOUTTXJGU ίϯςϯπ w-JWF7JFXTXJGU දࣔ w.BOJGFTUQMJTU ϖʔδ৘ใ
μΠδΣετ൛

Contents.swift LiveView.swift ग़యEFWFMPQFSBQQMFDPN -JWF7JFXͷϓϩΩγΛհͯ͠ PlaygroundValueΛ΍ΓͱΓ

4XJGU1MBZHSPVOET#PPL഑෍ํ๏ w"JS%SPQͰ#PPLΛJ1BEʹసૹ  ։ൃதͷσόοάखஈ΋͜Ε͚ͩ w"QQMFެࣜͷ4VCTDSJQUJPOͷ࢓૊Έ μΠδΣετ൛

4VCTDSJQUJPO wSE1BSUZͷ#PPLΛߪಡ͢Δ࢓૊Έ w4XJGU1MBZHSPVOET ೥ Ͱ௥Ճ͞Εͨ w഑৴ऀ͸#PPLߪಡ༻ͷ'FFE +40/ϑΝΠϧ ͱ  #PPLΛ΢Σϒ্ʹ഑ஔ wϢʔβʔ͸J1BEͷ4BGBSJͰͦͷϦϯΫΛ౿Ί͹ 
4XJGU1MBZHSPVOETʹ#PPL͕௥Ճ͞ΕΔ

5PSUPJTF(SBQIJDTͷ ੒Ռ

ͦͷ̍

ͦͷ̎

J04%$ ͰొஃͰ͖ͨ

ͦͷ̏

ʮतۀͰ࢖͍͍ͨʯ ͱ ͭͷֶߍ͔Βͷ࿈བྷ

ग़యXXXMDTPODB

ֶߍͷतۀͰͷ׆༻ࣄྫ w-BLFpFME$PMMFHF4DIPPM wΧφμΦϯλϦΦभͷશྈ੍ࢲཱߴߍ w໿ਓͷֶੜ͕ࡏ੶

ίϯϐϡʔλɾαΠΤϯεೖ໳ w·ͣ͸4DSBUDI΍(1ͷΑ͏ͳϒϩοΫɾϕʔεͷ  ϓϩάϥϛϯά͔Β࢝ΊΔ w࣍ʹ5PSUPJTF(SBQIJDTͰςΩετɾϕʔεͷ  ϓϩάϥϛϯάʹҠߦ͢Δ w࠷ऴ՝୊͸ੜె͕ಠࣗͷਤܗΛίʔυͰඳ͍ͯ  ϖϯɾϓϩολʔͰग़ྗ͢Δ

5PSUPJTF(SBQIJDT ͷࠓޙ

5PSUPJTF(SBQIJDTͷࠓޙ wϖϯɾϓϩολʔग़ྗͷͨΊʹ  47(ܗࣜͰͷग़ྗʹରԠ͢Δ wશମͷΫΦϦςΟ޲্ wͦͯ͠࠷ऴతʹ໨ࢦ͢ઌ͸ʜ

͝੩ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠

Swift Playgroundsでタートル・グラフィックスしよう！

Swift Playgroundsでタートル・グラフィックスしよう！

More Decks by Tomoki Kobayashi

Other Decks in Programming

Featured

Transcript