配列と for ループを介して three.js を使用して一連の球体を生成しています。元の配列は次のようになります。
atoms = [
['Na', [0, 0, 0]],
['Na', [0.5, 0.5, 0]],
['Na', [0.5, 0, 0.5]],
['Na', [0, 0.5, 0.5]],
['Cl', [0.5, 0, 0]],
['Cl', [0, 0.5, 0]],
['Cl', [0, 0, 0.5]],
['Cl', [0.5, 0.5, 0.5]],
];
そして、3つの数字がx、y、z座標を表すようにデータを解析します。
最終製品は orbitcontrols.js によって制御され、次のようになります。
私が疑問に思っていたのは、これをどのように行うかということです: 球の上にマウスを置き (軌道制御に干渉しないように特定のキーを押しながら)、マウスをクリックすると、クリックした球の xyz が返されます。