webvrVRの視点を操作してVR空間を自由に動き回りたい時は、カメラに「常に直進」属性ブロックを設定します。カメラを常に直進するスマートフォンVRでは、コントローラーやタッチなどで操作できない場合が多いため、スマートフォンの向きを変えることでスマートフォンの向いている方向に直進していきます。[公式]カメラを常に直進させる常に直進のブロックは、カメラだけではなく直方体や球体などの物体に設定することもできます。webvrVR空間では、カメラという物体でユーザの視点を決めます。カメラはシーンに1つだけ登録できます。[公式]カメラこのプログラムでは、カメラブロックを表示してYの位置を10にセットしています。これによって上空に視点が移動して空を飛んでいるような表現になりました。物理エンジン「動きのある物体」で重力の影響を受ける物体を作ることができます。「動きのある物体」に「クリックした時〜のチカラでなぐる」ブロックを設定することで、注視点カーソルでクリックした時に力を発生させることができるようになります。土台ブロックにするために「静止した物体」を設定した直方体をXZ方向に広げて透明にしておきます。webvrクリックした時に反応する処理を作るには、「ブロック〜をパラメータ〜を受け付けるように定義」のブロックでクリックされた時に行うべき処理を先に定義しておいて、「クリックした時に〜を処理する」ブロックに、その名前を記述します。物体を注目点カーソルでクリックすると「定義」したブロックの内容が実行されます。アニメーション物体をアニメーションさせるためには、「アニメーション用のコマ送り」ブロックと、「〜づつ〜する」というブロックを組み合わせます。このサンプルは、物体を回転させます。[公式]アニメーションループアニメーション用のコマ送りブロックは、「繰り返し」ブロックの一種ですが繰り返しの1回1回で画面の描画します。そのため繰り返しとしての実行速度は大変に遅いですが、繰り返しの中で発生させるプログラムがアニメーションの効果を持ちます。「ID〜の回転を〜づつ回転する」というブロックは、IDで対応づけしたブロックの回転を徐々に変化させるブロックです。IDで指定したブロックが先に作られているようにしてください。アニメーション「〜の回転を〜づつ回転させる」の他にも、「〜の回転を〜にする」というブロックもあり、動きが異なるので注意してください。先日2019年12月16日に晴れてVersion1.0リリースとなりました。Version1.0に対応しています。チェックポイントによる移動という機能によって、「常に直進」とは異なるやり方でカメラを移動させることができます。以下のプロジェクトで空中に浮かんでいるブロックにフォーカスしてみてください。ブロックに飛び乗るような感覚になります。[公式]チェックポイントへの移動このプログラムでは「チェックポイント」属性ブロックが使われています。チェックポイントがついたオブジェクトを、フォーカスによってクリックした時に、カメラがチェックポイントの上(「視点の高さ」分上方)に移動します。JavaScriptBLOCKVROCKには、コードモードという機能があります。コードモードでは、JavaScriptを使ったプログラミングが可能です。BLOCKVROCKで作った物体や世界は、Webで使われるHTMLとJavaScriptで出来上がっているためJavaScriptを使うことで自由に操作することができます。以下のサンプルでは物体に回転のアニメーションをつけています。[公式]JavaScriptコードモードで物体にアニメーションをつけるBLOCKモードでシーンスタートと直方体だけを用意しておきます。JavaScriptを使って物体をアニメーションさせるコードタブに以下のプログラムを記述します。//の部分はコメントなので記述する必要はありません。roString);});1行目のdocument.getElementById()は、HTMLで書かれた要素をJavaScriptの変数に取り込むための記述です。これにより、box1という変数にid"block1"の物体が取り込まれます。box1.getAttribute("rotation")は、id"block1"の物体の回転属性を取り出します。これもroという変数に取り込んでいます。forever()という機能は、BLOCKVROCK特有の機能です。ループを表すのですが、ループしている間もユーザー操作を止めないようになっています。このforever()で属性値を変えると、徐々に値が変化するように見えるため物体がアニメーションします。1づつ増やして物体にセットし直しています。z"というスペース区切りで3軸の回転値を持つ文字列であり、値を組み立てなくてはいけません。「`」(グレイヴ・アクセント)という記号で括られた文字列には、${}で変数を埋め込めます。z"になるような文字を組み立てています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。