안녕하세요. 이병학입니다.

teaching stuffs for digital publishing class.

2024

• 손동작인식 더잘됨 - mediapipe
• 웹캠 손동작인식 - ml5.js
• 웹캠 픽셀레이션
• 웹 프로젝트 아카이브
• 마우스 호버 예제

2023

• 23년 웹인터랙션디자인 과제전
• 23년 웹퍼블리싱 작품집

2022-2nd

• 22년 웹인터페이스디자인 과제전
• 22년 웹퍼블리싱 작품집
• TTS를 사용해 텍스트 읽기
• 흐르는 텍스트
• 스크린샷 만들기

2021-2nd

• 21년 웹인터페이스디자인 과제전
• 뒤집어먹기
• 체인 리액션
• 플렉시블 컬럼
• CSS 입체큐브 만들기
• 마우스 휠 이벤트
• 스크롤 이벤트 예제

2020-1st

• 온라인 클래스 영상 샘플 페이지

2020-2nd

• 2020 2학기 웹인터페이스디자인
• gif 멈추기
• 회전시 중심축 변경

2019-2nd

• 과일 배열 타자게임
• 키보드로 사각형 움직이기
• 배열 설문지-행복한가요
• 마우스무브-별따기
• 심리테스트
• 키보드로 전체화면 브라우징
• 전체화면 비율따라 확대축소예제
• 웹폰트 정밀하게 다듬기(애플따라하기)

2018-2nd

• css 애니메이션 리셋하기
• parallax 1
• 썸네일 랜덤하게 셔플하기
• 드래그앤드롭
• 호두의 우주여행 간단버전
• 호두의 우주여행
• 오디오/비디오 재생끝나면 진행하기
• 181008 배열을 이용한 텍스트 클릭게임
• 180917 배너슬라이드기초 이미지 여러장 재생하기
• 180903 스크립트로 스위치 켜기
• banner slide example

2018-1st

• 18 조형과구조1 과제전
• 1806-responsive-basic
• 1학기 중간과제전
• 180327-html-basic
• 180403-composition
• 180410-float

2017-2nd

• post-it
• frame-animation
• sound-visualization
• tilt-sensor
• dpub2 example
• three.js examples
• useful-links
• 171012 if example
• 171012 css animation
• 171019 timer example
• 171025 animated scroll example
• 171115 sound visualization
• 171123 three.js env example
• 171130 an archery snack game
• 171130-harry's work by soundBH
• volume control
• webcam api test