Siouxcitizen's Blog Part1

2018年12月2日日曜日

CodePenにBabylon.jsによるプログラムを投稿

　前回エントリ「jsdo.itにBabylon.jsのよる3Dプログラムを投稿」のプログラムを基本コピペでバックアップ的にCodePenにも投稿してみました。

　投稿したプログラムの一覧を今回もNaverまとめで作成しました。　３Dファイルの読み込みが重いせいか、サムネイルの画像が自動に生成されない場合が多く、サムネイル画像ほとんどないですが。。。
以下です。

Naverまとめ
CodePen投稿コードまとめ Babylon.jsで３D表示

　CodePenのPostsという機能でもプログラムの一覧をまとめてみましたが、テキストのタイトル名にリンクを貼っただけのもので、画像のひとつもないのでそっけない感じの一覧となりました。　Postsは本来的にはブログ的な使い方をするもの？
そんなテキストだけの一覧は以下になります。

CodePen Posts
Babylon.js v3.3.0 Practice

2018年11月28日水曜日

jsdo.itにBabylon.jsのよる3Dプログラムを投稿

2018年9月22日土曜日

Sketchfabに登録・投稿

　Sketchfabという３Dモデルを投稿（販売も？）できるサイトに登録して、MagicaVoxelというドット絵のような３Dモデルを作成できるソフトで作ったモデルを投稿してみました。

その３Dモデル投稿しているサイトはこちらです。

　
　投稿するときに少しだけ悩んだので、それについてもメモしておきます。　しばらくすると内容忘れて、また同じことに悩みそうな自分に向けて。

　MagicaVoxelで作成した３Dモデルをobj形式のファイルとして出力した場合、Sketchfabへのアップロード時には、OBJファイル、MTLファイル、TGAファイルの３つのファイルをアップロードする必要がある。　以上がメモです。

　３Dモデルの本体となるOBJファイル、テクスチャになるTGA画像ファイル、そのOBJファイルとTGAファイルを関連付けるMTLファイル、後でゆっくり考えてみれば当然な３ファイルでしたが。。。

BloggerとGoogleサイトにGoogle Analyticsを設定しました

　Bloggerで作成しているこのブログとGoogleサイトで作成しているWebサイトにGoogle Analyticsを設定してみました。

　以下のサイトを参考させていただきました。

　・BloggerおよびGoogleサイトにAnalyticsを導入する
　
　・新しいGoogle Sitesを使い倒してみた

　上記２サイトのおかげか昔一回設定したときの記憶に比べて、はるかに簡単に設定できました。

　設定に必要なことがちゃんと登録されていれば、Google Analyticsの設定は24～48時間後？に反映されるようです。　うまく設定できてるいいな～。　ちょい自信ないが。

Google Sites（Google サイト）を使ってWebサイトを作成してみました

　Google Sites（Google サイト）を使用してWebサイトを作成してみました。

　とりあえず、これまで自分で撮った田舎の写真でよさそうなものを整理・整頓的に表示するだけのサイトを作成してみました。　Flickrにアップロードしている写真のサムネイルをレイアウトを調整しながら表示しているページです。　

その作成したページはここです。　田舎の兵庫県豊岡市の写真が並べてあります。

https://sites.google.com/view/siouxcitizen/%E8%B1%8A%E5%B2%A1%E5%B8%82%E5%86%99%E7%9C%9F%E9%9B%86

　まだそんなにGoogleサイト使ったわけではありませんが、少し使用して感じたのは、慣れてくると画像のレイアウト編集が行いやすいということでした。　Google サイトでは画像だけではなくYoutube動画やGoogleドキュメント、iframeを使っての？サイトの埋め込みなどもできるようなので、それらをまとめるだけのサイトでもそれなりのものができるかも。　ついでにJavascriptなんかもちょっとしたものなら埋め込める機能があるようでした。

　しばらくいろいろなまとめ的に使用してみようかと考えています、Google サイト。

　Googleのサービスでちょくちょくある、なにかのタイミングでいきなりサービスやめる、サービス大幅変更するというイベントが起こらないことを祈りながら（Google サイトはそのサービス大幅変更するやつがわりと最近あったみたいだけど。。。）。

2018年8月2日木曜日

Unity使ってみましたその２

　このブログエントリからかなり月日がたってしまいましたが、久しぶりにまたUnityを触ってみました。

　久しぶりだったのでほぼ完全にUnityの操作を忘れていました。。。

　今回はUnityのGUIインターフェースの練習的なものを作成してみようと思い、テキストとボタンの機能だけをメインにしたクイズをUnityで作ってみました。

　少しづつ細かい部分を改善しようとすると、すぐ調べることが増えてしまい、単純なクイズでしたがわりと作成に手間がかかってしまいました。　３Dゲームでなく、２Dゲームですらなく、ただのボタンとテキストによるクイズなのに。。。

ちなみにその作成したクイズ「徳川将軍クイズ」をunityroomというサイトに投稿してみたものはコレです。

https://unityroom.com/games/tokugawa_shogun_quiz

以下、Unityによるクイズ作成にあたって参考にしたサイトです。

■■■■■①uGUI　クイズアプリ作成　調べ■■■■■
・uGUI概要
uGUIチュートリアル
UIデザイナーが知っておきたいUnityの３つの機能

・クイズアプリ作成
uGUIで簡単！Unityクイズアプリで社内コミュニケーションの活性化
Unityでクイズアプリ作成のリンク

　まず最初に「uGUI概要」にあるサイトでUnityのuGUIという機能がだいたいどのようなものか把握してから、「クイズアプリ作成」にあるサイトの説明をもとに大まかなクイズ機能を作成しました。

■■■■■②古くなった非推奨の機能を修正■■■■■
参考サイト
・Unity 5.3 で Application.LoadLevel が Obsolete になりました
・【Unity】 LoadLevelは古いのでLoadSceneを使う
・Unity5版のヒヨコ本を読む　の続き
を参照しながら、

①の「クイズアプリ作成」にあるサイトで使用されている「Application.LoadLevel 」や「Application.loadedLevelName」を以下のように修正。　それらは古くなって、使用が非推奨になったようなので。

using UnityEngine.SceneManagement;
を忘れずに追加してから

■ 例1
Application.LoadLevel ("Title");
↓
SceneManager.LoadScene ("Title");
と変更

Application.loadedLevelName;
↓
SceneManager.GetActiveScene ().name;
と変更

■ 例２
if (Application.loadedLevelName == "Title") {
Application.LoadLevel ("Quiz");
}
を
if (SceneManager.GetActiveScene().name == "Title") {
SceneManager.LoadScene ("Quiz");
}
のように変更

■■■■■③配列、とそのシャッフル■■■■■
　クイズ問題の回答4択選択肢をシャッフルするために、Unityの配列と配列要素のシャッフルの仕方について以下のサイトを参考にさせてもらいました。

・Unityで2次元配列を使う
・Listをシャッフルしたり、ランダムに取得したり、先頭から取り出したり【C#】【拡張メソッド】
・ランダムなゲームプレイ要素の追加

■■■■■④数値　小数点計算　切り上げ■■■■■
　以下サイトを参考にして、クイズの正答率を計算して表示するために、int型からfloat型に変換して計算、計算後に小数点を切り上げてint型に戻して表示するための処理を作成しました。　小数点を切り上げて整数化する処理には関数CeilToInt(x)を使用。

・【Unity】C#で数値変換
・C#での型変換
・覚えておくと便利なMathf関数
・Unityプログラミング基礎 (変数からclassまで)

■■■■■④unityroomに投稿■■■■■
　作成したクイズをWebGLで出力してunityroomに公開する作業は、前回と同じように以下のサイトを参考にして行いました。

・【unity】WebGLビルド方法
・【unity】unityroomに投稿する方法
・作ったゲームを公開する

■■■■■⑤WebGLでの日本語表示■■■■■
　最後に、④で公開してみると日本語が表示されなくなっていたので、下記サイトにある手順を参考にして日本語が表示できるように修正しました。

　WebGLで公開すると、Unityが使うArialフォントが日本語対応できず？、日本語表示できないとあったので、下記サイトを参考に必要フォントを取り込んで表示できるようにしました。　自分はM+フォントの「mplus-1c-regular」をUnityに取り込んで使用しました。　フォント関係を使用するときは権利関係にいろいろ注意とのこと。

　さらについでに、M＋フォントを取り込んだ後でもまだ表示されなくなっている日本語が一部残りましたが、それはフォントのサイズまたはフォント表示用の幅・高さを調整することで表示できるようになりました。　けっこうハマって、ウンウン苦しんだのでメモしておきます。

・解説サイト
UnityのWebGLで日本語を表示する
Unityで日本語フォントの使用方法！
Unity+WebGLでビルドした時に日本語が表示されない問題への対応
WebGLで日本語が表示されない時の対処方法

・フォントサイト
Google Noto Fonts
M+ FONTS
M+ FONTS About
PixelMplus（ピクセル・エムプラス） ‥ 8bitビットマップふうフリーフォント

こんだけやって、やっとショボいクイズが公開できました。
疲れた～

2018年5月4日金曜日

jsdo.it に投稿したMV動画再生プログラム13選

　久しぶりに、前のこのエントリの続きでアクセス1000を越えたMV動画再生プログラムをリストしてみます。　久しぶりに確認してみるとけっこう1000アクセス超えるものが増えていました。　お好きなアーティストさんの動画の連続再生あれば、ご視聴ください。　たまに動画削除されてて再生できなくなったりしてますが。。。　

その①
[シャッフル機能付き] 作業用にスピッツのYoutubePV動画リストを連続再生

その②
[シャッフル機能付き] 作業用にONE OK ROCKのYoutubePV動画を連続再生

その③
[シャッフル機能付き] 作業用にT.M.RevolutionのYoutubePV動画を連続再生

番外編

1000アクセス超えたけれども動画が削除されてしまって、動画再生プログラムを作成し直したもののリストです。

その①　Mr.Children　ミスチル
[[[現在再生不能]]] 作業用にMr.ChildrenのYoutubePV動画リストを連続再生
↓　
[シャッフル機能付き] 作業用にMr.Children（ミスターチルドレン）のYoutubeライブ動画を連続再生
　MV動画がいつもまにかほとんど削除されていたので、ライブ動画をメインに動画再生プログラムを作成しなおしてみました。　ライブ動画でもMV動画に遜色ない感じ。　さすがのミスチルさんやで。

その②　宇多田ヒカル
[シャッフル機能付き] 作業用に宇多田ヒカルのYoutubePV動画リストを連続再生
↓
作業用に宇多田ヒカルのYoutube動画を連続再生
　同じようにMV動画がほぼ削除されていましたが、ほぼ同じMV動画が違うYoutubeのIDで復活してました。　なんだったんだろう？　よくわかりせんが、もう一度動画再生プログラム作成しました。　最初の動画再生プログラムに、新しい曲の動画や、ライブ動画も少し追加してみました。

その③　クリスマスソング集
[シャッフル機能付き] クリスマス用にクリスマスソングのYoutube動画を連続再生
↓
[シャッフル機能付き] クリスマス用にクリスマスソングのYoutube動画を連続再生
　確認したら削除されて再生されない動画がひとつあったので、プログラムを作り直しました。　jsdo.itのアカウントが新しくなったので、最近は小さな曲目の修正でも作り直しとなってしまってます。　　

登録: 投稿 (Atom)