From 22caaf7276dc7ff53fa6864f7857a8ac14f9feb9 Mon Sep 17 00:00:00 2001 From: Jiyoung Moon <koo05249@ajou.ac.kr> Date: Sat, 27 Jun 2020 16:18:01 +0900 Subject: [PATCH] Update README.md --- README.md | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/README.md b/README.md index 87f5ec8..a009cf3 100644 --- a/README.md +++ b/README.md @@ -5,16 +5,16 @@ ## this is the content that teaching how to transform camera using mouse dragging. -Before we start this tutorial, students should prepare the basic code of self rotating 3d cube. -The example of the first code will be shown the first part. - -The whole tutorial will be followed by some codes that changed by each steps. -**Every steps has the codes of it, output result, and some gif files that help students to understand it well.** +Before we start this tutorial, students should prepare the basic code of self rotating 3d cube.\ +The example of the first code will be shown the first part.\ +\ +The whole tutorial will be followed by some codes that changed by each steps.\ +**Every steps has the codes of it, output result, and some gif files that help students to understand it well.**\ There are 3 steps in this tutorial. ## Step 0. Before we start! You have to prepare... -In this part, I'll show a example code of self-rotating 3d cube and a example output of it. +In this part, I'll show a example code of self-rotating 3d cube and a example output of it.\ This code is used for the next steps. ## Step 1. Remove some codes. @@ -23,19 +23,19 @@ In this part, we remove some codes related to self rotation. ## Step 2. Use new variable. -In this part, we make new variables so that we can prepare for mouse dragging. +In this part, we make new variables so that we can prepare for mouse dragging.\ With some gif files and code, students can understand it easily. ## Step 3. Add some codes so that the mouse can drag the cube! -In this part, we make the codes for the mouse dragging. -This is related to the `addEventListener` of HTML DOM event and JS. -We make 3 functions with describtion of them. +In this part, we make the codes for the mouse dragging.\ +This is related to the `addEventListener` of HTML DOM event and JS.\ +We make 3 functions with describtion of them.\ Also, in this part, there are some parts that could be hard to understand, so I add a gif so that the students can understand it well. ## Step 4. It's done!!! Try it!!! -At the end, the students can make his/her own mouse dragging tranformation of camera. +At the end, the students can make his/her own mouse dragging tranformation of camera.\ Also, the students can try mouse dragging to transform camera. # References -- GitLab