UI表示, ウェブアプリ, JavaScript, Ubuntu

HUDMessageManagerの導入方法を説明します. 説明項目は以下のとおりです.

• ダウンロード
• Unityにインポート
• 表示位置の設定

ここでは, HUDMessageManagerの基本的な使い方を説明します. 説明項目は以下のとおりです.

• パラメータの説明
• 使ってみる
• 対応文字列

HUD_MessageManagerとは画面に文字を表示するなどの処理をするコンポーネントです。これはUnity上で動作します。ゲームで文字の表示といえばゲーム内でのキャラのセリフ、ゲームシステム側からプレイヤーに向けてのメッセージ―セーブが完了した,新しい称号を獲得したなど―などがあります。HUD_MessageManagerを使うことでこのようなことが簡単に実装できます。

HUD_MessageManagerを使うと以下のことができます。

• 画面に文字を表示する
• 6つの場所に文字を表示できます
• 表示位置はカスタマイズ可能
• 表示,非表示時にエフェクトをかけることが可能
• 表示時間を指定可能

HUD_MessageManagerを改良、強化、何でもしてください(;´∀｀)

このコンポーネントは古いバージョンです. これをベースとした改良版UIMessageManagerをご利用下さい. 表示場所が6つに固定されている問題, 初期設定のしにくさの問題を修正しています.

Unityでゲーム制作もしくはツール制作においてちょっとしたUIを表示したい時があります. HUDMessageManagerはその時のために製作されたものです.

HUDMessageManagerはちょっとしたUIの表示に最適です. 特徴は以下のとおりです.

• 固定されないUIの表示場所
• フェードイン, フェードアウトエフェクト
• 表示時間設定

Unity 2018.2.5f1で動作確認済みです.

HUD_MessageManagerとは画面に文字を表示するなどの処理をするコンポーネントです。これはUnity上で動作します。ゲームで文字の表示といえばゲーム内でのキャラのセリフ、ゲームシステム側からプレイヤーに向けてのメッセージ―セーブが完了した,新しい称号を獲得したなど―などがあります。HUD_MessageManagerを使うことでこのようなことが簡単に実装できます。

HUD_MessageManagerを使うと以下のことができます。

• 画面に文字を表示する
• 6つの場所に文字を表示できます
• 表示位置はカスタマイズ可能
• 表示,非表示時にエフェクトをかけることが可能
• 表示時間を指定可能

HUD_MessageManagerを改良、強化、何でもしてください(;´∀｀)

このコンポーネントは古いバージョンです. これをベースとした改良版UIMessageManagerをご利用下さい. 表示場所が6つに固定されている問題, 初期設定のしにくさの問題を修正しています.

Unityでゲーム制作もしくはツール制作においてちょっとしたUIを表示したい時があります. HUDMessageManagerはその時のために製作されたものです.

HUDMessageManagerはちょっとしたUIの表示に最適です. 特徴は以下のとおりです.

• 固定されないUIの表示場所
• フェードイン, フェードアウトエフェクト
• 表示時間設定

Unity 2018.2.5f1で動作確認済みです.

このページは筆者が作成したJavaScriptのライブラリが公開されます.

多くの編集ソフトには, 一つの画面を分割する機能があります. 一つの画面を分割することで, 同じ画面で複数の作業を行うことができます.

Splitterは, ウェブブラウザ上で動作する画面分割ライブラリです. 分割境界にあるスライドバーを動かすことで領域のサイズを調節できます.

ウェブブラウザ上で動作する, 画面分割ライブラリ.

スクリプト内に一切の状態を持たず, 完全に要素のデータ (例えば, 属性やスタイル) と要素の構造をベースに動作します. このことで, 次の三つの特徴が得られます.

• ページロード時のレイアウト変化なし
• 他スクリプトによるビューへの自由な変更
• カスタム可能

サンプルページ

QR-Universal Scanner は, ブラウザ上で動作する, インストール不要で多くの入力方法(カメラとクリップボード)に対応したQRコード^{[注 1]}読み取りWebアプリです. PWAに対応しておりオフラインでも動作します.

QRコードを標準で読み取れるデバイスがありますが, 主にモバイル端末に多く^[1][2], PC上でQRコードを読み込むためにはアプリをインストールする必要があります^{[3][4][5][6][7]}.

インストール不要のQRコード読み取りアプリもあります^{[8][9][10][11][12]}が, ファイルのみ, もしくはカメラのみからの読み込みであったりと, 入力方法が限定されています.

本稿では, インストール不要で多くの入力方法に対応したQRコード読み取りWebアプリ QR-Universal Scanner を紹介します. PWAに対応しており, オフラインでも動作します.

QR-Universal Scanner は, ブラウザ上で動作する, インストール不要で多くの入力方法(カメラとクリップボード)に対応したQRコード^{[注 1]}読み取りWebアプリです. PWAに対応しておりオフラインでも動作します.

QRコードを標準で読み取れるデバイスがありますが, 主にモバイル端末に多く^[1][2], PC上でQRコードを読み込むためにはアプリをインストールする必要があります^{[3][4][5][6][7]}.

インストール不要のQRコード読み取りアプリもあります^{[8][9][10][11][12]}が, ファイルのみ, もしくはカメラのみからの読み込みであったりと, 入力方法が限定されています.

本稿では, インストール不要で多くの入力方法に対応したQRコード読み取りWebアプリ QR-Universal Scanner を紹介します. PWAに対応しており, オフラインでも動作します.

ここでは, 筆者が作成したブラウザゲームを紹介します.

本稿では, コードをハイライトするライブラリSyntaxHighlighterの非同期読み込み方法について説明します.

多くの編集ソフトには, 一つの画面を分割する機能があります. 一つの画面を分割することで, 同じ画面で複数の作業を行うことができます.

Splitterは, ウェブブラウザ上で動作する画面分割ライブラリです. 分割境界にあるスライドバーを動かすことで領域のサイズを調節できます.

ウェブブラウザ上で動作する, 画面分割ライブラリ.

スクリプト内に一切の状態を持たず, 完全に要素のデータ (例えば, 属性やスタイル) と要素の構造をベースに動作します. このことで, 次の三つの特徴が得られます.

• ページロード時のレイアウト変化なし
• 他スクリプトによるビューへの自由な変更
• カスタム可能

サンプルページ

ここでは, 筆者が作成したブラウザゲームを紹介します.

公式リファレンスを参考しつつ, Ubuntu 上にNVIDIA GPU ドライバ, CUDA, cuDNNを入れて, tensorflow をGPUで動かす方法を, フローチャートで進めます.