diff --git a/README.md b/README.md index 87f5ec86ce661d8ab6d71a34794cde89098fc3df..a009cf36c894e9d1f8ac79dce71fe73fe2b7209c 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