<commit_before># threejs_clock

[Three.js](https://threejs.org/)を使って時計を作ってみる。

## 自分なりの目標（課題）
 * [Geometry](https://threejs.org/docs/index.html#api/core/Geometry)や[Mesh](https://threejs.org/docs/index.html#api/objects/Mesh)、[AmbientLight](https://threejs.org/docs/index.html#api/lights/AmbientLight)などを理解すること
 * 3Dの計算に慣れること。（今まで2Dはよくやってたけど3Dは毛嫌いしてた...）
 * 座標になれること。
 * 2Dで言う所のレイヤー深度にも少し理解 & 慣れたい。
 * FPSを60キープすること。
 * なるべく、自分のコードで書くこと。（ネットから拾ってコピペはしない）← 実案件になったらコピペでは解決しなさそうなので。



## requirement
このプロジェクトを実行するには[yarn](https://yarnpkg.com/lang/en/)が必要なのでインストールしてください。

またNodeのバージョンは `7.7.x` 位がいいかもです。<commit_msg>Readme追記<commit_after># threejs_clock

[Three.js](https://threejs.org/)を使って時計を作ってみる。

## 自分なりの目標（課題）
 * [Geometry](https://threejs.org/docs/index.html#api/core/Geometry)や[Mesh](https://threejs.org/docs/index.html#api/objects/Mesh)、[AmbientLight](https://threejs.org/docs/index.html#api/lights/AmbientLight)などを理解すること
 * 3Dの計算に慣れること。（今まで2Dはよくやってたけど3Dは毛嫌いしてた...）
 * 座標になれること。
 * 2Dで言う所のレイヤー深度にも少し理解 & 慣れたい。
 * FPSを60キープすること。
 * なるべく、自分のコードで書くこと。（ネットから拾ってコピペはしない）← 実案件になったらコピペでは解決しなさそうなので。

## 実際にやってみて難しかった事（できなかったこと）
 * 各時計の針を自分が意図した場所に配置できなかったこと。
  （[dat.gui](https://workshop.chromeexperiments.com/examples/gui)を使い一つ一つ解決
 * 時計の回転時に各Objectの回転軸の中心がObjectの中心になっていたので苦労した。
   ・自分としてはContaienr的なのをひいてあげて Objectの `height / 2` ずらせば行けると思った。
   ・もしくは、 `matrix` 的なので `height / 2` みたいなことをするのか？と思った。
   ・結果的に[Group](https://threejs.org/docs/#api/objects/Group)を使って解決した。
 * 自分のコードを書くことを心がけたので演出ができなかった。。  :tired_face:
 （↑はどうしたらいいかがわからず... DOMとは違う...）

## requirement
このプロジェクトを実行するには[yarn](https://yarnpkg.com/lang/en/)が必要なのでインストールしてください。

またNodeのバージョンは `7.7.x` 位がいいかもです。
{'fraction_non_alphanumeric': 0.16177351707609347, 'fraction_numerical': 0.01078490113840623, 'mean_word_length': 6.660550458715596, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 12, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2784073', 'n_tokens_mistral': 1123, 'n_tokens_neox': 1040, 'n_words': 53}