Art Canvas+ のスライドショーから .png 画像を作成およびダウンロードする

Art Canvas+ Playground を使用する VEXcode VR アクティビティの多くは、Google スライド プレゼンテーションを介して画像を提供します。この記事では、Art Canvas+ Playground に最適なサイズを使用するプレゼンテーションを設定する方法と、それらの画像を .png ファイルとしてダウンロードする方法について説明します。

Art Canvas+用のPNGを作成するためにスライドショーを使用したVEXcode VRプロジェクト


Google スライド プレゼンテーションでのカスタム画像の作成

VEXcode VRのスタート画面には、プロジェクトのスライドショーを開くためのプレイグラウンドとコーディングモードのオプションが表示されます。

Google スライドを使用して Art Canvas+ Playground 用の独自のカスタム画像を作成するには、新しいプレゼンテーションを開きます。

スライドショー画像を作成するために使用されるアートキャンバスブロックを備えたVEXcode VRブロックワークスペース

Art Canvas+ Playground の最適な画像サイズは 1000 ピクセル x 1000 ピクセルです。各スライドのレイアウトをそのサイズに合わせて変更するには、まず「ファイル」を選択し、次に「ページ設定」を選択します。

Art Canvas+用のスライドショー画像を作成するためのチュートリアルパネルを備えたVEXcode VRブロックベースワークスペース

[ページ設定] メニューのドロップダウンを開き、[カスタム] を選択します。

VEXcode VRチュートリアルセクションには、スライドショー画像を作成するためのブロックベースのプロジェクトが開いています。

左端のドロップダウンを使用して単位を「ピクセル」に変更します。

Art Canvas+用のスライドショー画像を作成するために使用するブロックワークスペースとコントロールを表示するVEXcode VRインターフェース

次に、サイズに「1000」×「1000」を入力し、「適用」を選択します。

スライドショーPNG画像を作成するためのアートキャンバスプロジェクトブロックを備えたVEXcode VRブロックワークスペース

各スライドは 1000 ピクセル x 1000 ピクセルの正方形として表示されます。

スライドショー用のPNG画像を作成するためにアートキャンバスプロジェクトを開いたVEXcode VRブロックワークスペース

スライドが設定されたので、Art Canvas+ 用に独自のアップロードを変更および作成できます。この例は、プレイグラウンドにアップロードできる単位円、地形図、および単語検索を示しています。

上記の手順を確認するには、この画面録画を見てください。


プレゼンテーションから画像を .png ファイルとしてダウンロードする

Art Canvas+用のPNGを作成するためにスライドショーを使用したVEXcode VRプロジェクト

Google スライド プレゼンテーションから画像をダウンロードするには、[ファイル] メニューを選択し、[ダウンロード] オプションの上にマウスを置きます。

「PNGとしてダウンロード」が選択されたスライドショーメニュー

メニューが展開され、プレゼンテーションのさまざまなダウンロード オプションが表示されます。 「PNG イメージ (.png イメージ、現在のスライド)」オプションを選択します。 

アートキャンバスのスライドショーメニューには、現在のスライドをPNGファイルとしてダウンロードするオプションがあります。

これにより、現在表示しているスライドが .png ファイルとしてデバイスにダウンロードされます。ファイルにはプレゼンテーションの名前に基づいた名前が付けられます。 


注:この画像は、Mac 上の Chrome ブラウザでのダウンロードを示しています。ダウンロードの場所は、デバイスや選択したブラウザによって異なる場合があります。

スライドを .png ファイルとしてダウンロードするために、プレゼンテーションへの編集アクセス権は必要ないことに注意してください。このオプションは、こちらのビデオで示されているように、表示専用ドキュメントに引き続き表示されます。

Art Canvas + に画像をアップロードする方法の詳細については こちらの記事をご覧ください。

For more information, help, and tips, check out the many resources at VEX Professional Development Plus

Last Updated: