diff --git a/source/user/block_model_classification.md b/source/user/block_model_classification.md index 37316d8d..65502db5 100644 --- a/source/user/block_model_classification.md +++ b/source/user/block_model_classification.md @@ -1,13 +1,13 @@ --- layout: page title: AI 모델 > 분류 - 숫자 모델 -date: 2023-12-04 11:30:00 +date: 2024-02-05 11:42:00 type: userGuide category: "블록" order: 35 --- -# 분류 - 숫자 모델 공통 블록 +# I. 분류 - 숫자 모델 공통 블록 ## 1. 모델 다시 학습하기 @@ -62,14 +62,13 @@ order: 35 목록 상자()를 클릭해서 클래스를 선택할 수 있어요. - ----- -# 최근접 이웃(kNN) 알고리즘 - ![model-knn](images/card/model-knn.png) +# II. 최근접 이웃(kNN) 알고리즘 + 테이블의 숫자 데이터를 가장 가까운 이웃(k개)을 기준으로 각각의 클래스로 분류하는 모델을 학습합니다. @@ -112,15 +111,13 @@ order: 35 + `클래스 속성의 모든 항목` - ----- - -# 로지스틱 회귀 알고리즘 - ![model-lr](images/card/model-lr.png) +# III. 로지스틱 회귀 알고리즘 + 테이블의 숫자 데이터를 로지스틱 회귀 알고리즘을 활용해 각각의 클래스로 분류하는 모델을 학습합니다. @@ -169,11 +166,10 @@ order: 35 ----- - -# 서포트 벡터 머신(SVM) 알고리즘 - ![model-svm](images/card/model-svm.png) +# IV. 서포트 벡터 머신(SVM) 알고리즘 + 테이블의 숫자 데이터를 서포트 벡터 머신 알고리즘을 활용해 각각의 클래스로 분류하는 모델을 학습합니다. @@ -223,11 +219,10 @@ order: 35 ----- - -# 결정 트리 알고리즘 - ![model-tree](images/card/model-tree.png) +# V. 결정 트리 알고리즘 + 테이블의 숫자 데이터를 결정 트리 알고리즘을 활용해 각각의 클래스로 분류하는 모델을 학습합니다. diff --git a/source/user/images/window/block-assembly-0.gif b/source/user/images/tab/block-assembly-0.gif similarity index 100% rename from source/user/images/window/block-assembly-0.gif rename to source/user/images/tab/block-assembly-0.gif diff --git a/source/user/images/window/block-assembly.gif b/source/user/images/tab/block-assembly.gif similarity index 100% rename from source/user/images/window/block-assembly.gif rename to source/user/images/tab/block-assembly.gif diff --git a/source/user/images/window/main-block-category 2.png b/source/user/images/tab/block-category 2.png similarity index 100% rename from source/user/images/window/main-block-category 2.png rename to source/user/images/tab/block-category 2.png diff --git a/source/user/images/tab/block-category.png b/source/user/images/tab/block-category.png new file mode 100644 index 00000000..411217d6 Binary files /dev/null and b/source/user/images/tab/block-category.png differ diff --git a/source/user/images/window/block-combine-1.gif b/source/user/images/tab/block-combine-1.gif similarity index 100% rename from source/user/images/window/block-combine-1.gif rename to source/user/images/tab/block-combine-1.gif diff --git a/source/user/images/window/block-combine-2.gif b/source/user/images/tab/block-combine-2.gif similarity index 100% rename from source/user/images/window/block-combine-2.gif rename to source/user/images/tab/block-combine-2.gif diff --git a/source/user/images/window/main-func-assembly-space.png b/source/user/images/tab/block-func-assembly-space.png similarity index 100% rename from source/user/images/window/main-func-assembly-space.png rename to source/user/images/tab/block-func-assembly-space.png diff --git a/source/user/images/tab/block-memo-button.png b/source/user/images/tab/block-memo-button.png new file mode 100644 index 00000000..49605808 Binary files /dev/null and b/source/user/images/tab/block-memo-button.png differ diff --git a/source/user/images/window/memo-connect-block.gif b/source/user/images/tab/block-memo-connect.gif similarity index 100% rename from source/user/images/window/memo-connect-block.gif rename to source/user/images/tab/block-memo-connect.gif diff --git a/source/user/images/window/memo-fold.gif b/source/user/images/tab/block-memo-fold.gif similarity index 100% rename from source/user/images/window/memo-fold.gif rename to source/user/images/tab/block-memo-fold.gif diff --git a/source/user/images/window/memo-size.gif b/source/user/images/tab/block-memo-size.gif similarity index 100% rename from source/user/images/window/memo-size.gif rename to source/user/images/tab/block-memo-size.gif diff --git a/source/user/images/window/memo.png b/source/user/images/tab/block-memo.png similarity index 100% rename from source/user/images/window/memo.png rename to source/user/images/tab/block-memo.png diff --git a/source/user/images/window/main-block-mode.png b/source/user/images/tab/block-mode.png similarity index 100% rename from source/user/images/window/main-block-mode.png rename to source/user/images/tab/block-mode.png diff --git a/source/user/images/window/main-block-myblock.png b/source/user/images/tab/block-myblock.png similarity index 100% rename from source/user/images/window/main-block-myblock.png rename to source/user/images/tab/block-myblock.png diff --git a/source/user/images/tab/block-pack.png b/source/user/images/tab/block-pack.png new file mode 100644 index 00000000..67888963 Binary files /dev/null and b/source/user/images/tab/block-pack.png differ diff --git a/source/user/images/window/block-sepration.gif b/source/user/images/tab/block-sepration.gif similarity index 100% rename from source/user/images/window/block-sepration.gif rename to source/user/images/tab/block-sepration.gif diff --git a/source/user/images/window/main-block-space-clean.png b/source/user/images/tab/block-space-clean.png similarity index 100% rename from source/user/images/window/main-block-space-clean.png rename to source/user/images/tab/block-space-clean.png diff --git a/source/user/images/tab/block-space.png b/source/user/images/tab/block-space.png new file mode 100644 index 00000000..3d68094a Binary files /dev/null and b/source/user/images/tab/block-space.png differ diff --git a/source/user/images/tab/block-zoom.png b/source/user/images/tab/block-zoom.png new file mode 100644 index 00000000..04701b97 Binary files /dev/null and b/source/user/images/tab/block-zoom.png differ diff --git a/source/user/images/tab/block.png b/source/user/images/tab/block.png new file mode 100644 index 00000000..386c0339 Binary files /dev/null and b/source/user/images/tab/block.png differ diff --git a/source/user/images/window/main-sound.png b/source/user/images/tab/old_sound.png similarity index 100% rename from source/user/images/window/main-sound.png rename to source/user/images/tab/old_sound.png diff --git a/source/user/images/tab/sound-add.png b/source/user/images/tab/sound-add.png new file mode 100644 index 00000000..229620aa Binary files /dev/null and b/source/user/images/tab/sound-add.png differ diff --git a/source/user/images/tab/sound-edit.png b/source/user/images/tab/sound-edit.png new file mode 100644 index 00000000..2cd87b4f Binary files /dev/null and b/source/user/images/tab/sound-edit.png differ diff --git a/source/user/images/tab/sound-empty.png b/source/user/images/tab/sound-empty.png new file mode 100644 index 00000000..510e93a9 Binary files /dev/null and b/source/user/images/tab/sound-empty.png differ diff --git a/source/user/images/window/sound-input-change.gif b/source/user/images/tab/sound-input-change.gif similarity index 100% rename from source/user/images/window/sound-input-change.gif rename to source/user/images/tab/sound-input-change.gif diff --git a/source/user/images/tab/sound-list-example.png b/source/user/images/tab/sound-list-example.png new file mode 100644 index 00000000..48af61b3 Binary files /dev/null and b/source/user/images/tab/sound-list-example.png differ diff --git a/source/user/images/tab/sound-list.png b/source/user/images/tab/sound-list.png new file mode 100644 index 00000000..23e6a6a9 Binary files /dev/null and b/source/user/images/tab/sound-list.png differ diff --git a/source/user/images/tab/sound-modify.png b/source/user/images/tab/sound-modify.png new file mode 100644 index 00000000..b6156b1d Binary files /dev/null and b/source/user/images/tab/sound-modify.png differ diff --git a/source/user/images/tab/sound-select.png b/source/user/images/tab/sound-select.png new file mode 100644 index 00000000..25f9ba7c Binary files /dev/null and b/source/user/images/tab/sound-select.png differ diff --git a/source/user/images/window/sound-tap-menu.png b/source/user/images/tab/sound-tap-menu.png similarity index 100% rename from source/user/images/window/sound-tap-menu.png rename to source/user/images/tab/sound-tap-menu.png diff --git a/source/user/images/tab/sound-trim.png b/source/user/images/tab/sound-trim.png new file mode 100644 index 00000000..26243d33 Binary files /dev/null and b/source/user/images/tab/sound-trim.png differ diff --git a/source/user/images/tab/sound-upload.png b/source/user/images/tab/sound-upload.png new file mode 100644 index 00000000..e04c882d Binary files /dev/null and b/source/user/images/tab/sound-upload.png differ diff --git a/source/user/images/tab/sound.png b/source/user/images/tab/sound.png new file mode 100644 index 00000000..a9a45073 Binary files /dev/null and b/source/user/images/tab/sound.png differ diff --git a/source/user/images/window/import-sound.png b/source/user/images/window/import-sound.png deleted file mode 100755 index 1822f050..00000000 Binary files a/source/user/images/window/import-sound.png and /dev/null differ diff --git a/source/user/images/window/main-block-category.png b/source/user/images/window/main-block-category.png deleted file mode 100755 index 4ff9893b..00000000 Binary files a/source/user/images/window/main-block-category.png and /dev/null differ diff --git a/source/user/images/window/main-block-memo.png b/source/user/images/window/main-block-memo.png deleted file mode 100755 index a23498e6..00000000 Binary files a/source/user/images/window/main-block-memo.png and /dev/null differ diff --git a/source/user/images/window/main-block-pack.png b/source/user/images/window/main-block-pack.png deleted file mode 100755 index 43f93a6e..00000000 Binary files a/source/user/images/window/main-block-pack.png and /dev/null differ diff --git a/source/user/images/window/main-block-space.png b/source/user/images/window/main-block-space.png deleted file mode 100755 index 8403ca84..00000000 Binary files a/source/user/images/window/main-block-space.png and /dev/null differ diff --git a/source/user/images/window/main-block-zoom.png b/source/user/images/window/main-block-zoom.png deleted file mode 100755 index 7a9d0597..00000000 Binary files a/source/user/images/window/main-block-zoom.png and /dev/null differ diff --git a/source/user/images/window/main-block.png b/source/user/images/window/main-block.png deleted file mode 100755 index a48912c4..00000000 Binary files a/source/user/images/window/main-block.png and /dev/null differ diff --git a/source/user/images/window/main-sound-list.png b/source/user/images/window/main-sound-list.png deleted file mode 100755 index 7218c6b3..00000000 Binary files a/source/user/images/window/main-sound-list.png and /dev/null differ diff --git a/source/user/images/window/sound-add.png b/source/user/images/window/sound-add.png deleted file mode 100755 index 0eadd697..00000000 Binary files a/source/user/images/window/sound-add.png and /dev/null differ diff --git a/source/user/images/window/sound-select.png b/source/user/images/window/sound-select.png deleted file mode 100755 index c3f2ced2..00000000 Binary files a/source/user/images/window/sound-select.png and /dev/null differ diff --git a/source/user/images/window/sound_tab_list_example.png b/source/user/images/window/sound_tab_list_example.png deleted file mode 100755 index 9c51e8f2..00000000 Binary files a/source/user/images/window/sound_tab_list_example.png and /dev/null differ diff --git a/source/user/popup_model.md b/source/user/popup_model.md index 671be304..535f12c6 100644 --- a/source/user/popup_model.md +++ b/source/user/popup_model.md @@ -1,10 +1,10 @@ --- layout: page title: 인공지능 모델 학습하기 -date: 2023-11-29 12:16:00 +date: 2024-02-06 11:00:00 type: userGuide category: "팝업" -order: 45 +order: 42 --- ## 인공지능 모델 학습하기 팝업 diff --git a/source/user/popup_object.md b/source/user/popup_object.md index b3273b7e..1fff5c30 100644 --- a/source/user/popup_object.md +++ b/source/user/popup_object.md @@ -1,7 +1,7 @@ --- layout: page title: 오브젝트 추가하기 -date: 2023-11-28 13:24:00 +date: 2024-02-06 11:00:00 type: userGuide category: "팝업" order: 40 diff --git a/source/user/popup_table.md b/source/user/popup_table.md index 6c7c2aff..9017b970 100644 --- a/source/user/popup_table.md +++ b/source/user/popup_table.md @@ -1,10 +1,10 @@ --- layout: page title: 테이블 불러오기 -date: 2023-11-29 12:22:00 +date: 2024-02-06 11:00:00 type: userGuide category: "팝업" -order: 43 +order: 41 --- ## 테이블 불러오기 팝업 @@ -169,7 +169,7 @@ order: 43 엔트리가 미리 준비한 기본 테이블입니다. 기본 테이블은 꾸준히 추가될 예정입니다. 테이블을 선택하고, 아래의 '추가하기' 버튼을 클릭해서 테이블 목록에 추가해요. -파란색 글씨(하이퍼 링크)를 클릭하면 해당 테이블을 활용하는 예시 작품이나 링크를 확인할 수 있습니다. +파란색 글씨(하이퍼링크)를 클릭하면 해당 테이블을 활용하는 예시 작품이나 링크를 확인할 수 있습니다. 따로 준비한 테이블이 없어도, 바로 기본 테이블을 선택해서 데이터 분석을 해볼 수 있어요. 테이블이 너무 많아서 원하는 테이블을 찾기 어렵다면 오른쪽 상단의 검색을 활용해 주세요. diff --git a/source/user/tab_block.md b/source/user/tab_block.md index 48736116..52fedfe5 100644 --- a/source/user/tab_block.md +++ b/source/user/tab_block.md @@ -1,7 +1,7 @@ --- layout: page title: 블록 탭 -date: 2023-12-04 11:42:00 +date: 2024-02-05 11:42:00 type: userGuide category: "화면의 구성 요소" order: 6 @@ -9,7 +9,7 @@ order: 6 ## 블록 카테고리 -main-block +main-block @@ -39,7 +39,7 @@ order: 6 ## 블록 꾸러미 -main-block-pack +main-block-pack @@ -51,7 +51,7 @@ order: 6 ## 블록 조립소 -main-block-space +main-block-space @@ -61,7 +61,7 @@ order: 6 블록 조립소의 빈 공간을 드래그하면 공간을 이동할 수 있어요. -+ 블록 조립소의 빈 공간을 마우스 우클릭한 뒤 '코드 정리하기'를 클릭하여 이 공간의 모든 블록을 정리할 수 있습니다. +블록 조립소의 빈 공간을 마우스 우클릭한 뒤 '코드 정리하기'를 클릭하여 이 공간의 모든 블록을 정리할 수 있습니다. - **함수 블록 조립소** @@ -71,7 +71,7 @@ order: 6 일반 블록 조립소와 마찬가지로 빈 공간을 드래그하면 공간을 이동할 수 있고, 마우스 우클릭하면 같은 메뉴를 사용할 수 있습니다. - main-fuc-assembly-space + main-fuc-assembly-space @@ -83,7 +83,7 @@ order: 6 -![block-assembly](images/window/block-assembly.gif) +![block-assembly](images/tab/block-assembly.gif) @@ -91,7 +91,7 @@ order: 6 -![block-sepration](images/window/block-sepration.gif) +![block-sepration](images/tab/block-sepration.gif) @@ -99,7 +99,7 @@ order: 6 -![block-combine-1](images/window/block-combine-1.gif) +![block-combine-1](images/tab/block-combine-1.gif) @@ -107,7 +107,7 @@ order: 6 -![block-combine-1](images/window/block-combine-2.gif) +![block-combine-1](images/tab/block-combine-2.gif) @@ -145,7 +145,7 @@ order: 6 -![memo-](images/window/memo.png) +![memo](images/tab/block-memo.png) @@ -163,7 +163,7 @@ order: 6 -![memo-fold](images/window/memo-fold.gif) +![memo-fold](images/tab/block-memo-fold.gif) @@ -175,7 +175,7 @@ order: 6 -![memo-size](images/window/memo-size.gif) +![memo-size](images/tab/block-memo-size.gif) @@ -185,7 +185,7 @@ order: 6 -![memo-connect-block](images/window/memo-connect-block.gif) +![memo-connect-block](images/tab/block-memo-connect.gif) @@ -195,7 +195,7 @@ order: 6 메모를 마우스 우클릭하면 메모 복사 & 붙여넣기(복제), 메모 복사하기, 메모 삭제하기, 메모 접기, (메모가 블록과 결합했다면) 메모 분리하기가 가능합니다. -main-block-memo +main-block-memo @@ -228,7 +228,7 @@ order: 6 #### 확대/축소 기능 -main-block-zoom +main-block-zoom diff --git a/source/user/tab_shape.md b/source/user/tab_shape.md index 1fcb2448..14b2540c 100644 --- a/source/user/tab_shape.md +++ b/source/user/tab_shape.md @@ -11,18 +11,12 @@ order: 7 ![main-shape-list](images/window/main-shape-list.png) - - 오브젝트의 모양을 추가 또는 관리하는 영역입니다. 모든 오브젝트에는 하나의 모양 목록이 있어요. '모양 추가하기' 버튼을 통해 원하는 모양을 이 목록에 추가할 수 있습니다. 조금 더 자세히 살펴볼까요? - - ![shape_list](images/window/shape_list.png) - - 이름 상자를 클릭해서 이름을 수정하고 오른쪽의 X 버튼을 클릭해서 삭제합니다. 왼쪽의 썸네일 아이콘을 드래그해서 모양 목록의 순서를 바꿀 수 있습니다. 모양의 순서를 이용하는 블록이 있으니 순서에 맞게 잘 정렬해 주세요. @@ -32,128 +26,21 @@ order: 7 오브젝트에 모양이 하나만 남았다면, 더 이상 모양을 삭제할 수 없어요! - - - -## 모양 추가 팝업 - - - -![shape-add](images/window/shape-add.png) - - - -'모양 추가하기' 버튼을 클릭하면 나타나는 팝업 창입니다. 모양을 선택하고, 아래의 '추가하기' 버튼을 클릭해서 모양 목록에 추가해요. - -오른쪽 위의 검색창을 통해 원하는 모양을 검색할 수 있어요. - - - -#### ① 모양 선택 - - - -![shape-select](images/window/shape-select.png) - - - -원하는 모양을 클릭해서 선택합니다. 중복 선택이 가능해요. 선택한 모양은 아래의 선택 목록 영역에서 볼 수 있어요. - -선택한 모양을 다시 클릭하거나, 선택 목록의 모양에 마우스 포인터를 가져갔을 때 나타나는 X 표시를 누르면 선택을 해제할 수 있습니다. - - 일부 카테고리의 모양은 태그로 분류하기 때문에 모양 선택 영역 상단의 태그를 선택하면 원하는 모양을 더 쉽게 찾을 수 있습니다. - - - -![shape-select-vector](images/window/shape-select-vector.png) - - - -오른쪽 상단의 '벡터 모아보기' 버튼을 클릭하면 벡터 모양만 모아볼 수 있습니다. - -각 모양의 좌측 상단에 있는 만년필 아이콘으로 벡터 모양을 구분할 수 있어요. - -벡터를 포함한 모양은 앞으로도 엔트리에 계속 추가될 예정이니, 지켜봐주세요! - - - -#### ② 파일 올리기 - - - -![shape-import](images/window/shape-import.png) - - - -원하는 모양을 직접 올릴 수도 있어요. - -모양 파일의 용량은 10MB 이하여야 하고, jpg, png, bmp, svg 형식(확장자)의 파일을 지원해요. - -jpg, png, bmp 형식은 비트맵 모드, svg 형식은 벡터 모드로 적용합니다. - -올린 모양은 파일 올리기 목록에서 볼 수 있습니다. 파일을 올리면 기본적으로 선택한 상태가 되며 선택한 모양만 모양 목록에 추가됩니다. - - - -> 아래와 같은 그림은 이용약관 및 관련 법률에 의해 제재를 받을 수 있습니다. -> -> + 폭력적이고 잔인한 그림 -> + 선정적인 내용의 그림 -> + 불쾌감을 주거나 혐오감을 일으키는 그림 -> + 무단 사용이 금지된 저작권의 그림 [[저작권에 대해 알아보기]](https://playentry.org/#!/terms/project) - - - -#### ③ 새로 만들기 - - - -![shape-new](images/window/shape-new.png) - - - -그림을 그려 나만의 오브젝트를 만들 수도 있습니다. - -그림을 직접 그려서 모양으로 저장합니다. 아래 '이동하기' 버튼을 클릭하면 그림판으로 연결됩니다. 그림판에서 새로 그릴 모양을 저장한 뒤 목록에 추가해요. - - - -> 아래와 같은 모양은 이용약관 및 관련 법률에 의해 제재를 받을 수 있습니다. -> -> + 폭력적이고 잔인한 그림 -> + 선정적인 내용의 그림 -> + 불쾌감을 주거나 혐오감을 일으키는 그림 -> + 무단 사용이 금지된 저작권의 그림 [[저작권에 대해 알아보기]](https://playentry.org/#!/terms/project) - - - - - ## 그림판 - - ![main-shape-edit](images/window/main-shape-paint.png) - - 오브젝트의 모양을 그리거나 편집할 수 있는 공간입니다. 영역이 좁아서 불편하시나요? 좌측 상단의 최대화 버튼을 클릭하면 더 넓게 볼 수 있습니다. - - ![shape-edit-bitmap](images/window/shape-paint-menu.png) - - 좌측 상단의 버튼을 다시 눌러 원래의 크기로 축소할 수 있습니다. 그림판에는 다양한 기능이 있어요! 각 영역 별로 나누어 살펴봅시다. - - -+ **새그림/ 저장하기/ 새 모양으로 저장/ 모양 가져오기** ++ **새그림 / 저장하기 / 새 모양으로 저장 / 모양 가져오기** @@ -166,9 +53,8 @@ jpg, png, bmp 형식은 비트맵 모드, svg 형식은 벡터 모드로 적용 + **새 모양으로 저장** : 현재 모양을 유지하고 새 모양으로 추가해서 저장합니다. + **모양 가져오기** : 그림판에 원하는 모양을 추가합니다. -​ -+ **복사/ 붙여넣기/ 자르기/ 삭제/ 모두 삭제** ++ **복사 / 붙여넣기 / 자르기 / 삭제 / 모두 삭제** @@ -199,7 +85,7 @@ jpg, png, bmp 형식은 비트맵 모드, svg 형식은 벡터 모드로 적용 -+ **확대/ 축소 기능** ++ **확대/축소 기능** ![shape-paint-tool5](images/window/shape-paint-tool5.png) @@ -213,6 +99,8 @@ jpg, png, bmp 형식은 비트맵 모드, svg 형식은 벡터 모드로 적용 +그림판에서는 상단 탭에서 모드를 선택할 수 있습니다. 현재는 **비트맵** 모드와 **벡터** 모드를 제공해요. + #### **① 비트맵** @@ -221,7 +109,6 @@ jpg, png, bmp 형식은 비트맵 모드, svg 형식은 벡터 모드로 적용 -그림판의 모드를 선택할 수 있습니다. **비트맵**과 **벡터**를 지원해요. 비트맵은 픽셀(pixel)의 집합으로 표현하는 형식의 그림입니다. 더 쉽게 말하면, 점들이 모여서 나타내는 그림이에요. @@ -495,17 +382,20 @@ jpg, png, bmp 형식은 비트맵 모드, svg 형식은 벡터 모드로 적용 - + **윤곽선 굵기** : 선택한 요소의 테두리 선의 굵기를 바꿉니다. 윤곽선이 없으면 영향을 주지 않아요. - - + **윤곽선 색상** : 선택한 요소의 테두리 선의 색상을 정합니다. 윤곽선이 없으면 영향을 주지 않아요. - - 직선의 색상도 바꿀 수 있습니다. + + **윤곽선 굵기** : + 선택한 요소의 테두리 선의 굵기를 바꿉니다. 윤곽선이 없으면 영향을 주지 않아요. - + **채우기 색상** : 선택한 요소의 영역을 채울 색상을 정합니다. 윤곽선만 있으면 영향을 주지 않아요. + + **윤곽선 색상** : + 선택한 요소의 테두리 선의 색상을 정합니다. 윤곽선이 없으면 영향을 주지 않아요. + 직선의 색상도 바꿀 수 있습니다. - ​ 펜으로 그린 그림의 색상도 바꿀 수 있습니다. + + **채우기 색상** : + 선택한 요소의 영역을 채울 색상을 정합니다. 윤곽선만 있으면 영향을 주지 않아요. + 펜으로 그린 그림의 색상도 바꿀 수 있습니다. - + **편집 방법** : 선택한 요소가 구부러진 지점에서, 주황색 선으로 연결된 파란색 상자를 드래그하면 선의 구부러진 정도를 조절할 수 있습니다. '둥글게' 와 '각지게'로 두 가지 방법을 선택할 수 있어요. + + **편집 방법** : + 선택한 요소가 구부러진 지점에서, 주황색 선으로 연결된 파란색 상자를 드래그하면 선의 구부러진 정도를 조절할 수 있습니다. + '둥글게' 와 '각지게'로 두 가지 방법을 선택할 수 있어요. + **둥글게** : 양쪽 선을 동시에 조절하여 두 선을 자연스럽게 잇습니다. 두 주황색 선이 직선의 형태로 함께 회전합니다. @@ -637,3 +527,93 @@ jpg, png, bmp 형식은 비트맵 모드, svg 형식은 벡터 모드로 적용 + 그림의 일부가 지워지면, 요소의 형태가 바뀌어요. + **지우개 굵기** : 지우개의 굵기를 조절합니다. 수가 작을수록 세밀하게 지울 수 있고, 클수록 한 번에 많은 양을 지울 수 있습니다. + + + + +## 모양 추가 팝업 + +![shape-add](images/window/shape-add.png) + + +'모양 추가하기' 버튼을 클릭하면 나타나는 팝업 창입니다. 모양을 선택하고, 아래의 '추가하기' 버튼을 클릭해서 모양 목록에 추가해요. + +오른쪽 위의 검색창을 통해 원하는 모양을 검색할 수 있어요. + + + +#### ① 모양 선택 + + + +![shape-select](images/window/shape-select.png) + + + +원하는 모양을 클릭해서 선택합니다. 중복 선택이 가능해요. 선택한 모양은 아래의 선택 목록 영역에서 볼 수 있어요. + +선택한 모양을 다시 클릭하거나, 선택 목록의 모양에 마우스 포인터를 가져갔을 때 나타나는 X 표시를 누르면 선택을 해제할 수 있습니다. + + 일부 카테고리의 모양은 태그로 분류하기 때문에 모양 선택 영역 상단의 태그를 선택하면 원하는 모양을 더 쉽게 찾을 수 있습니다. + + + +![shape-select-vector](images/window/shape-select-vector.png) + + + +오른쪽 상단의 '벡터 모아보기' 버튼을 클릭하면 벡터 모양만 모아볼 수 있습니다. + +각 모양의 좌측 상단에 있는 만년필 아이콘으로 벡터 모양을 구분할 수 있어요. + +벡터를 포함한 모양은 앞으로도 엔트리에 계속 추가될 예정이니, 지켜봐주세요! + + + +#### ② 파일 올리기 + + + +![shape-import](images/window/shape-import.png) + + + +원하는 모양을 직접 올릴 수도 있어요. + +모양 파일의 용량은 10MB 이하여야 하고, jpg, png, bmp, svg 형식(확장자)의 파일을 지원해요. + +jpg, png, bmp 형식은 비트맵 모드, svg 형식은 벡터 모드로 적용합니다. + +올린 모양은 파일 올리기 목록에서 볼 수 있습니다. 파일을 올리면 기본적으로 선택한 상태가 되며 선택한 모양만 모양 목록에 추가됩니다. + + + +> 아래와 같은 그림은 이용약관 및 관련 법률에 의해 제재를 받을 수 있습니다. +> +> + 폭력적이고 잔인한 그림 +> + 선정적인 내용의 그림 +> + 불쾌감을 주거나 혐오감을 일으키는 그림 +> + 무단 사용이 금지된 저작권의 그림 [[저작권에 대해 알아보기]](https://playentry.org/#!/terms/project) + + + +#### ③ 새로 만들기 + + + +![shape-new](images/window/shape-new.png) + + + +그림을 그려 나만의 오브젝트를 만들 수도 있습니다. + +그림을 직접 그려서 모양으로 저장합니다. 아래 '이동하기' 버튼을 클릭하면 그림판으로 연결됩니다. 그림판에서 새로 그릴 모양을 저장한 뒤 목록에 추가해요. + + + +> 아래와 같은 모양은 이용약관 및 관련 법률에 의해 제재를 받을 수 있습니다. +> +> + 폭력적이고 잔인한 그림 +> + 선정적인 내용의 그림 +> + 불쾌감을 주거나 혐오감을 일으키는 그림 +> + 무단 사용이 금지된 저작권의 그림 [[저작권에 대해 알아보기]](https://playentry.org/#!/terms/project) diff --git a/source/user/tab_sound.md b/source/user/tab_sound.md index 28c27215..d1f9ce87 100644 --- a/source/user/tab_sound.md +++ b/source/user/tab_sound.md @@ -1,7 +1,7 @@ --- layout: page title: 소리 탭 -date: 2020-11-13 10:29:00 +date: 2024-02-07 14:51:00 type: userGuide category: "화면의 구성 요소" order: 8 @@ -9,9 +9,7 @@ order: 8 ## 소리 목록 -main-sound - - +sound-list 오브젝트에 소리를 추가 또는 관리하는 영역입니다. @@ -19,74 +17,116 @@ order: 8 소리 목록에 추가한 소리는 소리 블록을 통해 재생할 수 있습니다. - - -![sound_tab_list](images/window/sound_tab_list_example.png) - - +![sound_tab_list](images/tab/sound-list-example.png) + 이름 상자를 클릭해서 이름을 수정합니다. + 오른쪽의 X 버튼을 클릭해서 삭제합니다. + 왼쪽의 재생 아이콘을 클릭해서 재생합니다. + 왼쪽의 재생 아이콘을 드래그해서 소리 목록의 순서를 바꿉니다. - + 소리를 마우스 우클릭하면 이름 수정, 복제, 삭제, PC에 저장이 가능합니다. -+ 선택한 소리를 편집하는 영역 -main-sound +## 소리 편집 +sound-edit -소리 편집 기능은 아직 준비되지 않았어요. 멋진 업데이트로 찾아올 테니, 기대해주실 거죠? +소리의 구간을 잘라 다듬거나 조정할 수 있는 공간입니다. ++ **원래대로 / 저장하기** + + **원래대로**: 편집한 소리를 처음 불러온 상태로 되돌립니다. + 한 번 저장하고 나면 그 이전으로는 되돌릴 수 없습니다. + (아무 것도 편집하지 않았다면, '원래대로' 버튼은 비활성화 상태가 됩니다.) + + **저장하기**: 현재 소리를 저장합니다. +소리 편집에서는 상단 탭에서 모드를 선택할 수 있습니다. 현재는 **다듬기** 모드와 **조정하기** 모드를 제공해요. +#### **①다듬기** -## 소리 추가 팝업 +![sound-trim](images/tab/sound-trim.png) +다듬기는 추가한 소리의 일부 구간을 잘라 다듬을 수 있는 모드입니다. ++ **파형** : +추가한 소리의 파형을 표시하는 부분입니다. +다듬기 모드에서는 파란색 막대(다듬기 커서라고 불러요)가 함께 표시됩니다. ++ **재생 버튼 / 시점 표시** : +다듬기 커서를 조절해 원하는 구간을 선택했다면 재생 버튼을 눌러 미리 들어볼 수 있어요. +이 때는 전체 소리가 아니라, 선택한 구간만 재생합니다. +재생 중에는 재생 위치를 표시하는 빨간색 막대(재생 커서라고 불러요)가 파형 위에서 표시됩니다. +또한, 정지 상태일 때는 재생 버튼의 오른쪽에서 소리의 전체 길이가 표시되고, +재생(일시 정지 포함) 상태 일때는 현재 재생하고 있는 시점이 표시됩니다. ++ **시작 지점 / 끝 지점** : +세세한 조정이 필요하다면 파형 아래의 패널에서 시작 지점, 끝 지점을 0.1초 단위로 지정해 선택할 수도 있습니다. ++ **남길 영역** : +남길 영역의 첫 번째 버튼은 선택한 구간의 안쪽을 남기는 방식이고, +두 번째 버튼은 선택한 구간의 바깥쪽을 남기는 방식입니다. +(파형에서와 마찬가지로 노란색 배경 부분의 소리를 남깁니다.) -![sound-add](images/window/sound-add.png) +원하는 방식으로 구간을 선택했다면, 위쪽의 '저장하기' 버튼을 눌러 편집을 마칩니다. -'소리 추가하기' 버튼을 클릭하면 나타나는 팝업 창입니다. -소리를 선택하고, 아래의 '추가하기' 버튼을 클릭하면 소리 목록에 추가할 수 있어요. +#### **②조정하기** -오른쪽 위의 검색창을 통해 원하는 소리의 이름을 검색할 수 있어요. 왼쪽의 카테고리를 선택하면 원하는 소리를 더 쉽게 찾을 수 있습니다. +![sound-modify](images/tab/sound-modify.png) +조정하기는 추가한 소리의 다양한 속성을 조정해 새로운 소리를 만들 수 있는 모드입니다. ++ **파형** : +추가한 소리의 파형을 표시하는 부분입니다. ++ **재생 버튼 / 시점 표시** : +재생 버튼을 누르면 조정한 소리를 미리 들어볼 수 있어요. 이 때는 항상 전체 소리를 재생합니다. +재생 중에는 재생 위치를 표시하는 빨간색 막대(재생 커서라고 불러요)가 파형 위에서 표시됩니다. +또한, 정지 상태일 때는 재생 버튼의 오른쪽에서 소리의 전체 길이가 표시되고, +재생(일시 정지 포함) 상태 일때는 현재 재생하고 있는 시점이 표시됩니다. ++ **크기 / 빠르기 / 음높이** + + **크기**(volume) : 소리의 크기를 조정합니다. + 기본값은 0dB(데시벨)이고, -12dB과 12dB 사이에서 정할 수 있습니다. + + **빠르기**(speed) : 소리의 빠르기를 조정합니다. + 기본값은 1x(배)이고, 0.5x와 2x 사이에서 정할 수 있습니다. + + **음높이**(pitch) : 소리의 음높이를 조정합니다. + 기본값은 0%이고, -100%와 100% 사이에서 정할 수 있습니다. -#### ① 소리 선택 -![add-sound](images/window/sound-select.png) +## 소리 추가 팝업 -원하는 소리를 클릭해서 선택합니다. 중복 선택이 가능해요. 선택한 소리는 아래의 선택 목록 영역에서 볼 수 있어요. -선택한 소리를 다시 클릭하거나, 선택 목록의 소리에 마우스 포인터를 가져갔을 때 나타나는 X 표시를 눌러 선택을 해제할 수 있습니다. +![sound-add](images/tab/sound-add.png) -일부 카테고리의 소리는 태그로 분류되어 상단의 태그를 선택하면 원하는 소리를 더 쉽게 찾을 수 있습니다. +'소리 추가하기' 버튼을 클릭하면 나타나는 팝업 창입니다. + +소리를 선택하고, 아래의 '추가하기' 버튼을 클릭하면 소리 목록에 추가할 수 있어요. +#### ① 소리 선택 + +![sound-select](images/tab/sound-select.png) + +원하는 소리를 클릭해서 선택합니다. 중복 선택이 가능해요. 선택한 소리는 아래의 선택 목록 영역에서 볼 수 있어요. + +선택한 소리를 다시 클릭하거나, 선택 목록의 소리에서 X 버튼을 눌러 선택을 해제할 수 있습니다. + +오른쪽 위의 검색창을 통해 원하는 소리의 이름을 검색할 수 있어요. 왼쪽의 카테고리를 선택하면 원하는 소리를 더 쉽게 찾을 수 있습니다. + #### ② 파일 올리기 -![import-sound](images/window/import-sound.png) +![sound-upload](images/tab/sound-upload.png) 원하는 소리를 직접 올릴 수도 있어요. -소리 파일의 용량은 10MB 이하여야 하고, mp3 형식(확장자)를 지원합니다. +소리 파일의 용량은 10MB 이하여야 하고, mp3 형식(확장자)을 지원합니다. 올린 소리는 파일 올리기 목록에서 볼 수 있습니다. 선택한 소리만 소리 목록에 추가됩니다. 파일을 올리면 기본적으로 선택한 상태가 되니 유의해 주세요. - > 아래와 같은 소리는 이용약관 및 관련 법률에 의해 제재를 받을 수 있습니다. > > + 폭력적이고 잔인한 소리 > + 선정적인 내용의 소리 > + 불쾌감을 주거나 혐오감을 일으키는 소리 -> + 무단 사용이 금지된 저작권의 소리 [[저작권에 대해 알아보기]](https://playentry.org/#!/terms/project) +> + 무단 사용이 금지된 저작권의 소리 [[저작권에 대해 알아보기]](https://playentry.org/#!/terms/project) +