Upgrade to Pro — share decks privately, control downloads, hide ads and more …

daum

248c631ecc5f3fa54d94b3746e7cb52f?s=47 Taeyoon Choi
September 30, 2016
420

 daum

248c631ecc5f3fa54d94b3746e7cb52f?s=128

Taeyoon Choi

September 30, 2016
Tweet

Transcript

  1. 코딩. 0부터 1까지 Coding 0 to 1 최태윤, 정유미, 김태경

  2. 코드? 지시어 Code? Instruction

  3. ࠗ

  4. झಕ੉झ ੋ߬੉؊

  5. 1ࠗ Ӓܻ٘

  6. x୷ y୷

  7. 0,0, 색칠

  8. 0,0, 색칠 x୷ y୷

  9. 0,0, 색칠 2,1, 색칠

  10. 0,0, 색칠 2,1, 색칠 4,0 색칠

  11. 0,0, 색칠 2,1, 색칠 4,0 색칠 1,3, 색칠

  12. 0,0, 색칠 2,1, 색칠 4,0 색칠 1,3, 색칠 4,4, 색칠

  13. None
  14. 파이어폭스, 오픈소스 브라우저 
 자바스크립트

  15. function setup() { createCanvas(500,500); } function draw() { rect(100,100,100,100); }

  16. None
  17. sketch.js ਢಕ੉૑ ࢜۽Ҋஜ ௏٘ ੘ࢿ ੷੢ index.html

  18. 1. 함수: 函數 2. 숫자가 들어있는 상자 function ಔ࣌

  19. function setup() 셋업 프로그램 설정 펑션: 함수

  20. function setup() 소괄호 퍼렌터시스 parenthesis

  21. 전달인수, 아규먼트 argument ( )

  22. 소괄호 입력

  23. 중괄호 컬리 브레이스 Curly brace function setup(){ }

  24. 두개의 중괄호 사이에 지시문statement이 들어간다 { }

  25. 중괄호 입력

  26. function setup(){ createCanvas(500,500); } 캔버스를 만든다 세미콜론 대문자 x축, y축

  27. 쎄미콜론 하나의 지시문이 끝남을 표시 ;

  28. 여러개의 지시문을 포함하기도 한다. } 지시문 ; { 지시문 ;

    지시문 ;
  29. function setup(){ createCanvas(500,500); } x축 y축 0 0 500 500

  30. None
  31. 셋업 드로우

  32. 햄스터 휠같이 반복 재생 function draw( )

  33. rect(100,100,100,100); 너비, 높이 사각형 rectangle X축, Y축

  34. None
  35. ࢸޙઑࢎೞӝ

  36. None
  37. None
  38. None
  39. None
  40. None
  41. None
  42. None
  43. एחदр ࢸޙઑࢎೞӝ

  44. ࠗ

  45. ইөߓ਍Ѫٜҗ ࣻ૘ೠ੿ࠁ۽ ੉۠Ѫਸٜ݅যࠅѢ৘ਃ

  46. ٜ݅ӝਤ೧ࢲח ੉۠Ѫٜਸ೧ঠ೤פ׮ Ӗ੗ ৈ۞ѐ੄ بഋ

  47. Ӗ੗֍ӝ

  48. Ӗ੗֍ӝ text(“ղਊ”, xઝ಴, yઝ಴);

  49. Ӗ੗֍ӝ text(“উ֞ೞࣁਃ”, 50, 50); ղਊ Yઝ಴ Zઝ಴

  50. ੉ۧѱӖ੗оաఋժפ׮   ଵҊ ೐ܽ౟

  51. ੉ઁபߡझਤীӖ੗ܳ֍যࠅѱਃ ଵҊ ೐ܽ౟

  52. ୐ߣ૩Ӗ੗ੋtѐҳܻuܳ   ੄ਤ஖ী֍যࠁѷणפ׮ text(“ѐҳܻ”, 50, 100);

  53. Ӗ੗ܳ֍যࠇद׮   ଵҊ ೐ܽ౟

  54. Ӗ੗ܳৈ۞ѐ֍যࠇद׮ text(“ѐҳܻ”, 50, 100); text(“ѐҳܻ”, 50, 200); text(“ѐҳܻ”, 50, 300);

    text(“ѐҳܻ”, 50, 400);
  55. ଵҊ ೐ܽ౟ Ӗ੗ܳৈ۞ѐ֍যࠇद׮

  56. ղоઑࢎೠ೦ݾਵ۽߄Լࠇद׮ text(“࣠ಞ”, 50, 100); text(“ੋ੺޷”, 50, 200); text(“ಀदܖڂ”, 50, 300);

    text(“х੗ڂ”, 50, 400);
  57. ղоઑࢎೠ೦ݾਸ֍যࠇद׮ ଵҊ ೐ܽ౟

  58. بഋ֍ӝ

  59. ੉ۧѱٜ݅Ѫੑפ׮

  60. ੉ࢎпഋਸݢ੷ٜ݅যࠁѷणפ׮ ଵҊ ೐ܽ౟

  61. ࢎпഋਸ݅٘חߑߨӝরաࣁਃ rect(xઝ಴, yઝ಴, ց࠺, ֫੉);

  62. ࢎпഋೞաܳ֍যࠇद׮ rect(50, 100, 50, 50);

  63. ࢎпഋ੉ೞաٜযщणפ׮ ଵҊ ೐ܽ౟

  64. ੉ߣীח୐ߣ૩ࢎпഋয়ܲଃী ࢎпഋೞա؊ٜ݅যࠅѤؘਃ ଵҊ ೐ܽ౟

  65. rect(150, 50, 50, 50); rect(200, 50, 50, 50); ୐ߣ૩ࢎпഋ فߣ૩ࢎпഋ

  66. ୐ߣ૩ࢎпഋয়ܲଃী ࢎпഋ੉ٜ݅য઎णפ׮ ଵҊ ೐ܽ౟

  67. فߣ૩ࢎпഋয়ܲଃী ࢎпഋਸೠߣ؊୶о೤פ׮ rect(150, 50, 50, 50); rect(200, 50, 50, 50);

    rect(250, 50, 50, 50); ୐ߣ૩ࢎпഋ فߣ૩ࢎпഋ ࣁߣ૩ࢎпഋ
  68. فߣ૩ࢎпഋয়ܲଃী ࢎпഋ੉ٜ݅য઎णפ׮ ଵҊ ೐ܽ౟

  69. ੉ઁل૩઴ਸٜ݅যࠅѱਃ ଵҊ ೐ܽ౟

  70. ل૩઴੄୐ߣ૩֎ݽٟܳ݅פ׮ rect(150,50,50,50); rect(200,50,50,50); rect(150,150,50,50); rect(250,50,50,50);

  71. ل૩઴୐ߣ૩ࢎпഋ੉ ٜ݅য઎णפ׮ ଵҊ ೐ܽ౟

  72. ࢎпഋց࠺۽ઑ੺ೞחߑߨ ଵҊ ೐ܽ౟

  73. ࢎпഋ੄ց࠺чਸ ߉਷झ౭ழѐࣻ݅ఀғ೧સפ׮       ଵҊ ೐ܽ౟

  74. ࢎпഋ੄ց࠺чਸ ߉਷झ౭ழѐࣻ݅ఀғ೧સפ׮ rect(150, 150, 50*झ౭ழѐࣻ, 50); ࢎпഋ੄о۽ց࠺

  75. ࢎпഋց࠺ܳઑ੺೧઱חߑߨਵ۽ ੉੹௏٘ب߸҃೧ࠇפ׮ ଵҊ ೐ܽ౟

  76. पण ଵҊ ೐ܽ౟

  77. ࢝ӭ߄Բӝ

  78. ੉ۧѱٜ݅ѩפ׮

  79. അ੤࢚࢝਷ഥ࢝ਵ۽غয੓חؘਃ fill(‘grey’);

  80. ٮ১಴উ੄Ӗ੗ܳ߄Լࠇद׮ fill(‘red’);

  81. Ӗ੗࢝җبഋ੄࢝੉߄Շ঻णפ׮ ଵҊ ೐ܽ౟

  82. ׮࢚ٜܲ࢝ਸ੸ਊ೧ࠇद׮ fill(‘red’); fill(‘yellow’); fill(‘blue’); ࡈр࢝ ֢ۆ࢝ ౵ۆ࢝ fill(‘navy’); թ࢝

  83. Ӗ੗࢝җبഋ੄࢝੉߄Շ঻णפ׮ ଵҊ ೐ܽ౟

  84. Ӗ੗࢝җبഋ੄࢝੉߄Շ঻णפ׮ ଵҊ ೐ܽ౟

  85. ઁݾਸ୶о೤פ׮ ଵҊ ೐ܽ౟

  86. ellipse(100,100,100,100); 원

  87. ellipse(100,100,10,10); 폭, 높이 엘립스, 원 X축, Y축 원 100 100

    10 10
  88. 입력

  89. function setup(){ createCanvas(500,500); } function draw(){ ellipse(mouseX,mouseY,10,10); 
 } 마우스

    위치 입력 x축 마우스 위치, y축 마우스 위치
  90. 만약에 거짓 참 지시어

  91. if(mouseIsPressed){ } 5-2 조건문 햄버거를 먹자; 마우스를 클릭하면

  92. function draw(){ if(mouseIsPressed){ ellipse(mouseX,mouseY,10,10); } } 조건 성립시에만 반복 5-2

    마우스를 클릭하면