実践
特殊UIの作成
4

今回は配置したオブジェクトを回転させるUIを実装します。回転ハンドルに対するドラッグ操作で、対象オブジェクトの回転をコントロールする仕組みを実装していきましょう。

小山田 晃浩
小山田 晃浩 | フロントエンド・エンジニア

今回は右上のみに配置していたハンドルを四隅に配置したり、縦横比を固定しない拡大/縮小操作もできるようにします。また、拡大/縮小をタッチデバイスに対応させましょう。

小山田 晃浩
小山田 晃浩 | フロントエンド・エンジニア

「何かを配置して、配置上で操作する」という特殊なUIにおいて、今回は拡大/縮小の基本的な動作の実装を行います。

小山田 晃浩
小山田 晃浩 | フロントエンド・エンジニア

「何かを配置して、配置上で操作する」という、少々特殊なUIの作成を紹介します。まずはオブジェクトを配置し、ドラッグによって移動できるところまでを実装してみましょう。

小山田 晃浩
小山田 晃浩 | フロントエンド・エンジニア