본문 바로가기

Interactive

[2D] Head sectional view - interactive version 프로젝트 Overview 눈 레벨의 머리단면의 구조를 학습할 때, 구조 분류별로 학습할 수 있는 웹 기반 인터렉티브 콘텐츠이다. 왼쪽의 각 구조물별 버튼에 마우스를 hover(올려두면)하면 해당 구조만 볼 수 있게 코드를 작성하였다. 해부학 책에서 구조물 라벨링이 복잡하게 되어있는 점에서 착안하여 기획하게 되었다. #Procreate #iPad #p5.js #Adobe Photoshop CS6 Year: 2020 Tool: Procreate iPad, p5.js, Adobe Photoshop CS6 Size: 1920 x 1080 (px) 아래의 링크를 통해 콘텐츠를 직접 경험해볼 수 있습니다. PC용 https://editor.p5js.org/syl9425/full/HSXRvzp90 p5.js Web .. 더보기
BMA5 Master Thesis 프로젝트 Overview 본 프로젝트는 바이오메디컬아트 석사학위 졸업논문/작품으로서 의과대학 본과 1학년 2학기 임상내분비학 영양 및 내분비대사학 파트에서 사용되는 Flipped learning (예습용) ppt 시각자료의 개선 및 보완을 위해 기획되었습니다. 교육 철학에서 학습자들이 그들 스스로 지식을 구성한다는 구성주의적 관점을 토대로 학생 중심의 Flipped learning용 학습 콘텐츠를 제작하고자 하였습니다. 다양하고 재미있는 시각적 콘텐츠의 제작을 통해 학생들의 흥미 증진을 유도하고자 하였습니다. 웹을 기반으로 콘텐츠를 제작한 이유는, 언제 어디서든 다양한 디바이스를 통해 학습이 가능한 편의성과 3d WebGL 기반의 인터렉티브 3d 모델, 2d 이미지, 동영상 등 다양한 미디어 혹은 포맷의.. 더보기