2019年1月1日火曜日

トップページのつもりのリンク集

Bloggerによるブログ:
Siouxcitizen's Blog Part1 ココです
Siouxcitizen's Blog Part2
Siouxcitizen's Blog Part3

旧ブログ:  Siouxcitizen's Blog

Twitter: siouxcitizen on Twitter
Flickr: siouxcitizen Photostream

Qiita: siouxcitizen Qiita items
旧jsdo.it: siouxcitizen - jsdo.it - Share JavaScript, HTML5 and CSS
新jsdo.it: siouxcitizen2 - jsdo.it - Share JavaScript, HTML5 and CSS
Naver: jsdo.it HTML5 プログラムリスト インデックス
 Naverに自分のこれまでのjsdo.it投稿のHTML5プログラムリストをいくつかまとめてみました

自分のアカウントのあるサイトへのリンク集をこのブログのトップに置きたかったけれど、やり方がよくわからなかったのでブログエントリの投稿日時をムリヤリ進めてここに表示されるようにしてみました。。。

2018年8月2日木曜日

Unity使ってみました その2

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

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

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

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

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


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


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

・クイズアプリ作成
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;
と変更

■ 例2
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動画を連続再生

その④
[シャッフル機能付き] 作業用にアンジェラ・アキのYoutubePV動画を連続再生

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

その⑥
[シャッフル機能付き] 作業用にBiSH(ビッシュ)のYoutube動画を連続再生

その⑦
[シャッフル機能付き] 作業用にamazarashi(アマザラシ)のYoutube動画を連続再生

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

その⑨
[シャッフル機能付き] 作業用に和楽器バンドのYoutube動画を連続再生

その⑩
[シャッフル機能付き] 作業用にAlexandros(アレキサンドロス)のYoutubePV動画を連続再生

その⑪
[シャッフル機能付き] 作業用に槇原敬之のYoutubePV動画を連続再生

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

その⑬
[シャッフル機能付き] 作業用にBryan AdamsのYoutubePV動画を連続再生



番外編

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

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


その② 宇多田ヒカル
[シャッフル機能付き] 作業用に宇多田ヒカルのYoutubePV動画リストを連続再生

作業用に宇多田ヒカルのYoutube動画を連続再生
 同じようにMV動画がほぼ削除されていましたが、ほぼ同じMV動画が違うYoutubeのIDで復活してました。 なんだったんだろう? よくわかりせんが、もう一度動画再生プログラム作成しました。 最初の動画再生プログラムに、新しい曲の動画や、ライブ動画も少し追加してみました。


その③ クリスマスソング集
[シャッフル機能付き] クリスマス用にクリスマスソングのYoutube動画を連続再生

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

2017年12月25日月曜日

jsdo.itでThree.jsプログラムを投稿

 新しく作成したjsdo.itアカウントでThree.jsのプログラムを投稿してみました。 これまで投稿したThree.jsのプログラムを、改めてThree.jsのバージョンを変えて投稿し直したといった感じのものです。 

 プログラムでやっていることの内容の進化はそれほどありませんが、あまりThree.jsに触らないでおくと早いバージョンアップに取り残されてしまいそうだったので久しぶりにThree.jsによるプログラムをしました。

 以下がそのThree.jsのプログラムの一覧になります。 最後のほうはMagicaVoxelで作成した3Dオブジェクトを入れ替えて表示しているだけになっています。(Naverまとめによるサムネイル付きプログラム一覧はコチラ

はじめてのThree.js r87(WebGL使用)

Three.js r87でBoxを表示(WebGL使用)

Three.js r87でPlaneを表示(WebGL使用)

Three.js r87でSphereを表示(WebGL使用)

Three.js r87でCylinderを表示(WebGL使用)

Three.js r87でTorusを表示(WebGL使用)

Three.js r87でTorusknotを表示(WebGL使用)

Three.js r87でテクスチャを貼り付けたPlaneを表示(WebGL使用)

Three.js r87でテクスチャを貼り付けたBoxを表示(WebGL使用)

Three.js r87でテクスチャを貼り付けたSphereを表示(WebGL使用)

Three.js r87でサンプル3DモデルBuffaloを表示(WebGL使用)

Three.js r87でサンプル3DモデルFemaleを表示(WebGL使用)

Three.js r87でOBJファイル形式3Dモデルを表示その1(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式の勇者3Dモデル表示(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式の僧侶3Dモデル表示(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式の魔法使い3Dモデル表示(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式の村長3Dモデル表示(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式の「しかばね」3Dモデル表示(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式の「しかばね戦士」3Dモデル表示(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式の「しかばね剣士」3Dモデル表示(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式の「しかばね王」3Dモデル表示(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式の「HTML5」ロゴの3Dモデル表示(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式の某配管工兄の3Dモデル表示(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式の某配管工弟の3Dモデル表示(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式の「光の配管工」の3Dモデル表示(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式の「闇の配管工」の3Dモデル表示(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式サンプルキャラ3Dモデル表示その1(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式サンプルキャラ3Dモデル表示その2(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式サンプルキャラ3Dモデル表示その3(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式サンプルキャラ3Dモデル表示その4(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式サンプルキャラ3Dモデル表示その5(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式サンプルキャラ3Dモデル表示その6(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式サンプルキャラ3Dモデル表示その7(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式サンプルキャラ3Dモデル表示その8(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式サンプルキャラ3Dモデル表示その9(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式サンプルキャラ3Dモデル表示その10(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式の魔法使い3Dモデル表示2(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式の魔法使い3Dモデル表示3(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式の魔法使い3Dモデル表示4(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式の馬3Dモデル表示(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式の羊3Dモデル表示(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式の雛3Dモデル表示(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式のかぼちゃ3Dモデル表示(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式の複数かぼちゃ3Dモデル表示(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式の某配管工サンタの3Dモデル表示(WebGL使用)

Three.js r87でMagicaVoxelによるobj形式の擬音「ボカ」3Dモデル表示(WebGL使用)


上記の投稿Three.jsプログラムも含むjsdo.itに投稿したプログラムのまとめは以下になります(Naver使用)
jsdo.it HTML5 プログラムリスト インデックス

2017年12月24日日曜日

jdso.it新アカウント

 少し前ですが、Yahoo Open IDが使用できなくなってしまったので、これまでプログラム投稿サイトjsod.itで使用していたアカウントにログインできなくなってしまいました。

 なので新しいアカウントを作成しました。 アカウント名は何のひねりもなくsiouxcitizen2としました。 アカウントへのリンクは以下となります。

siouxcitizen2

 また前のアカウントと同じように、Three.jsや動画再生のプログラムを投稿しています。 新しくアカウントを作成して使用しているだけですが、少し新鮮に感じます(と、錯覚しているだけ?)。

 引き続きぼちぼちプログラムしていきます。


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

 この前回のブログ投稿のつづきです。 jsod.itに投稿したMV動画連続再生プログラムのうち2つを選んで載せてみます。

 選んだ基準は同じようにアクセス数が1000を超えたものです。 ジャンルがかけ離れたと感じられる2つの動画再生プログラムになりました。 
 
 個人的にはTMネットワークが予想していたよりアクセスされていてちょい嬉しい。 自分は音楽自体をTMネットワークに啓蒙された感のある人なので。

 Silpknot(スリップノット)も思っていたより聴いている人がいるんだな~、という感じがしました。 自分も重めの曲が聴きたいときに再生してたりします。

 以上、上記の意見は自分のさびれたサイト群(含 動画連続再生プログラム)へのアクセス数1000を多いものとしてみた場合の感想です。

その①
[シャッフル機能付き] 作業用にTM NETWORKのYoutube動画を連続再生
http://jsdo.it/siouxcitizen/gHUi

その②
[シャッフル機能付き] 作業用にSlipknotのYoutubePV動画を連続再生
http://jsdo.it/siouxcitizen/U3Qi

関連リンク
作業用に連続再生 TM NETWORK 公式Youtube動画リスト (Naverまとめ)    
作業用にSlipknot(スリップノット)のYoutubePV動画を連続再生 (Naverまとめ)

2017年10月1日日曜日

山梨の写真


- 甲府善光寺 -


- 昇仙峡 -










- ワイナリー -


 去年旅行に行った山梨県の写真です。 思いのほかいい天気だったので、期待していた以上に(というか特に期待していなかった)いい写真が撮れた気がします。

 いつだったか、山梨に行って写真を撮るのが趣味、という人の話を教えてもらった記憶がありますが、納得できた感じ。

 一年越しのものですが、そんな山梨の写真達です。