생활코딩 - p5.js

p5.js는 웹페이지에 자유롭게 그림을 그리고, 그림을 움직이고, 사용자와 상호작용하도록 돕는 도구입니다.

강좌 소개
난이도
쉬움
카테고리
웹 프로그래밍 - 프로그래밍
수료증
발급 가능
추천 수강대상
- UI 엔지니어, 디자이너
- 모션그래픽 디자이너
- 미디어 아티스트

구름EDU 수강자 분들을 위해 생활코딩이 함께 합니다. 항상 좋은 지식을 전해주시는 생활코딩에 감사드립니다.



📝수업 소개


📥p5.js란?

  • p5.js란 크리에이티브 코딩을 위한 자바스크립트 라이브러리로 예술가, 디자이너, 교육자, 입문자, 그리고 모두에게 접근성 높고 포용적인 언어를 지향합니다.
  • p5.js는 무료 오픈 소스로 제공되며 다양한 드로잉 기능을 제공합니다.
  • p5.js를 이용하면 인터넷 브라우저 전체를 스케치북 삼아 그릴 수 있을 뿐만 아니라 텍스트, 입력, 비디오, 웹캠, 그리고 사운드 등을 비롯한 각종 html 요소를 사용할 수 있습니다.


출처: https://p5js.org/ko/

결과물: http://bit.ly/p5js-1



생활코딩 운영자 이고잉입니다



10만 명 이상으로 구성된 개발 커뮤니티 생활코딩 운영

일반인들에게 프로그래밍을 알려주는 무료 온오프라인 수업 제공
교육 과정
  • 01
    CH01. p5.js
    12개 (54분)
  • LEC01. 수업소개
    2분
    LEC02. 실행
    4분
    LEC03. 그림 위치
    5분
    LEC04. 그림 도형
    3분
    LEC05. 상호작용
    3분
    LEC06. 그림 색상
    5분
    LEC07. 애니메이션 draw와 random
    3분
    LEC08. 이동하는 애니메이션 만들기
    3분
    LEC09. 상호작용 : 입력 장치의 상태 데이터
    3분
    LEC10. 상호작용 : 이벤트 프로그래밍
    6분
    LEC11. 상호작용 심화
    8분
    LEC12. 수업을 마치며
    3분
마지막 업데이트|2025년 08월 07일
강의자 소개
생활코딩의 세계에 오신 것을 환영합니다. 생활코딩은 일반인들에게 프로그래밍을 알려주는 무료 온라인, 오프라인 수업입니다. 어떻게 공부할 것인가를 생각해보기 전에 왜 프로그래밍을 공부하는 이유에 대한 이유를 함께 생각해보면 좋을 것 같습니다.

강좌 후기
무료

평균평점
0.0
난이도
쉬움
수강기간
평생 무제한