新しく作成した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月25日月曜日
2017年12月24日日曜日
jdso.it新アカウント
少し前ですが、Yahoo Open IDが使用できなくなってしまったので、これまでプログラム投稿サイトjsod.itで使用していたアカウントにログインできなくなってしまいました。
なので新しいアカウントを作成しました。 アカウント名は何のひねりもなくsiouxcitizen2としました。 アカウントへのリンクは以下となります。
siouxcitizen2
また前のアカウントと同じように、Three.jsや動画再生のプログラムを投稿しています。 新しくアカウントを作成して使用しているだけですが、少し新鮮に感じます(と、錯覚しているだけ?)。
引き続きぼちぼちプログラムしていきます。
なので新しいアカウントを作成しました。 アカウント名は何のひねりもなくsiouxcitizen2としました。 アカウントへのリンクは以下となります。
siouxcitizen2
また前のアカウントと同じように、Three.jsや動画再生のプログラムを投稿しています。 新しくアカウントを作成して使用しているだけですが、少し新鮮に感じます(と、錯覚しているだけ?)。
引き続きぼちぼちプログラムしていきます。
jsdo.it に投稿したMV動画再生プログラム2選
この前回のブログ投稿のつづきです。 jsod.itに投稿したMV動画連続再生プログラムのうち2つを選んで載せてみます。
選んだ基準は同じようにアクセス数が1000を超えたものです。 ジャンルがかけ離れたと感じられる2つの動画再生プログラムになりました。
個人的にはTMネットワークが予想していたよりアクセスされていてちょい嬉しい。 自分は音楽自体をTMネットワークに啓蒙された感のある人なので。
Silpknot(スリップノット)も思っていたより聴いている人がいるんだな~、という感じがしました。 自分も重めの曲が聴きたいときに再生してたりします。
以上、上記の意見は自分のさびれたサイト群(含 動画連続再生プログラム)へのアクセス数1000を多いものとしてみた場合の感想です。
その①
[シャッフル機能付き] 作業用にTM NETWORKのYoutube動画を連続再生
その②
[シャッフル機能付き] 作業用にSlipknotのYoutubePV動画を連続再生
関連リンク
作業用に連続再生 TM NETWORK 公式Youtube動画リスト (Naverまとめ)
作業用にSlipknot(スリップノット)のYoutubePV動画を連続再生 (Naverまとめ)
選んだ基準は同じようにアクセス数が1000を超えたものです。 ジャンルがかけ離れたと感じられる2つの動画再生プログラムになりました。
個人的にはTMネットワークが予想していたよりアクセスされていてちょい嬉しい。 自分は音楽自体をTMネットワークに啓蒙された感のある人なので。
Silpknot(スリップノット)も思っていたより聴いている人がいるんだな~、という感じがしました。 自分も重めの曲が聴きたいときに再生してたりします。
以上、上記の意見は自分のさびれたサイト群(含 動画連続再生プログラム)へのアクセス数1000を多いものとしてみた場合の感想です。
その①
[シャッフル機能付き] 作業用にTM NETWORKのYoutube動画を連続再生
その②
[シャッフル機能付き] 作業用にSlipknotのYoutubePV動画を連続再生
関連リンク
作業用に連続再生 TM NETWORK 公式Youtube動画リスト (Naverまとめ)
作業用にSlipknot(スリップノット)のYoutubePV動画を連続再生 (Naverまとめ)
2017年10月1日日曜日
山梨の写真
- 甲府善光寺 -
- 昇仙峡 -
- ワイナリー -
去年旅行に行った山梨県の写真です。 思いのほかいい天気だったので、期待していた以上に(というか特に期待していなかった)いい写真が撮れた気がします。
いつだったか、山梨に行って写真を撮るのが趣味、という人の話を教えてもらった記憶がありますが、納得できた感じ。
一年越しのものですが、そんな山梨の写真達です。
いつだったか、山梨に行って写真を撮るのが趣味、という人の話を教えてもらった記憶がありますが、納得できた感じ。
一年越しのものですが、そんな山梨の写真達です。
2017年9月28日木曜日
Unity使ってみました
今さらっぽいですが、Unity使って一番簡単そうなチュートリアルを実践してみて、ほぼ内容そのままにWebGLアプリとしてアップロードする、ということを行ってみました。
以下がそのアプリをアップロードしたURLです
Unity入門チュートリアル玉ころがし
もう少し詳細に書くと、Windows7の64bit版にUnity2017.1.1f1をインストールして、Unity本家サイトの最も初心者向けと思われるチュートリアルを見て実践、UnityよりWebGLアプリとして出力後にunityroomというサイトにアップロードしました。
それぞれの段階で以下サイトを参考にさせてもらいました。
①インストール: Unityのバージョンは違うけれど、おおよその流れは同じなので参考にしました
・ ゲーム開発の民主化?ゲームエンジン「Unity」とは・インストール方法
・ 第1回目:Unity 5の概要と開発環境の構築
・ Unityをインストールその3
②チュートリアル: Unity本家サイトの最も基本的そうなチュートリアルをひと通り実行しました
・ はじめてのUnity
③WebGLアプリ出力: Web上で(WebGLに対応した)ブラウザだけでプレイできる形式で出力
・ 【unity】WebGLビルド方法
・ 作ったゲームを公開する
④unityroomにアップロード: unityroom運営者されてる方の解説記事のようです
・ 【unity】unityroomに投稿する方法
⑤おまけ: 上記作業前に、以下サイトを最初に参考にしたり実践してみてUnity使いたくなりました
・ Unityのざっとした紹介
・ はじめてのUnity:3Dゲーム(RPG/アクション)の土台を作るまで
軽くバグりながらもUnityChanが走り回って、障害物にちゃんとひっかるまでが簡単にできてしまい、今さらながらにスゴいと思い上記のようにUnityを初めてまともに使用しました。
以下がそのアプリをアップロードしたURLです
Unity入門チュートリアル玉ころがし
もう少し詳細に書くと、Windows7の64bit版にUnity2017.1.1f1をインストールして、Unity本家サイトの最も初心者向けと思われるチュートリアルを見て実践、UnityよりWebGLアプリとして出力後にunityroomというサイトにアップロードしました。
それぞれの段階で以下サイトを参考にさせてもらいました。
①インストール: Unityのバージョンは違うけれど、おおよその流れは同じなので参考にしました
・ ゲーム開発の民主化?ゲームエンジン「Unity」とは・インストール方法
・ 第1回目:Unity 5の概要と開発環境の構築
・ Unityをインストールその3
②チュートリアル: Unity本家サイトの最も基本的そうなチュートリアルをひと通り実行しました
・ はじめてのUnity
③WebGLアプリ出力: Web上で(WebGLに対応した)ブラウザだけでプレイできる形式で出力
・ 【unity】WebGLビルド方法
・ 作ったゲームを公開する
④unityroomにアップロード: unityroom運営者されてる方の解説記事のようです
・ 【unity】unityroomに投稿する方法
⑤おまけ: 上記作業前に、以下サイトを最初に参考にしたり実践してみてUnity使いたくなりました
・ Unityのざっとした紹介
・ はじめてのUnity:3Dゲーム(RPG/アクション)の土台を作るまで
軽くバグりながらもUnityChanが走り回って、障害物にちゃんとひっかるまでが簡単にできてしまい、今さらながらにスゴいと思い上記のようにUnityを初めてまともに使用しました。
2017年9月17日日曜日
LibreOfficeをインストール
自分のPC、Windows7の64bit版にLibreOfficeをインストールしました。
最初はMiscrosoftのOfficeを購入して使おうと思っていましたが、Office365なんかも出て、パッケージ版もバージョンやら価格体系とかややこしく、詳しい人に検討を奨められたボリュームライセンスも調べれば調べるほどわけわからず、めんどくさくなったのでLibreOfficeでいいやとなりました。
マクロを使わずに単純にOfficeファイルを使用して表示・編集するのがメインの作業になる予定だったのもLibreOfficeのインストールを決めた理由です。
あ、あとフリーですし。
以下Libre Officeのインストール作業手順を備忘録的に残しておきます。
20170917作業の「LibreOffice 5.3.6」安定板をWindows7の64bit版へインストール作業より
公式サイトトップ
より
ダウンロード → LibreOffice安定板
↓
安定板ダウンロードページ
↓
「オペレーティング・システム」
「LibreOffice 5.3は次のオペレーティング・システム/アーキテクチャーで利用できます。」文言下
「Windows x86_64 (Vista or newer required)」をクリック
↓
ここへ遷移後
↓
「LibreOffice 5.3.6 for Windows x86_64 (Vista or newer required) が選択されています- 変更しますか?」文言下
「ダウンロードバージョン 5.3.6」ボタン押下
↓
「LibreOffice_5.3.6_Win_x64.msi」ファイルを保存
↓
ダウンロード完了後
↓
「LibreOffice_5.3.6_Win_x64.msi」ファイルをダブルクリック
↓
「LibreOffice 5.3.6.1のインストールウィザードへようこそ」画面
「次へ」ボタンクリック
↓
「セットアップの種類」画面
「標準」選択
「次へ」ボタンクリック
↓
「プログラムインストールの準備完了」画面
「デスクトップ上にスタートリンクを作成」選択
「インストール」ボタンクリック
↓
待ち
↓
インストール完了
↓
「インストールウィザードを完了しました」画面
「完了」ボタンクリック
最初はMiscrosoftのOfficeを購入して使おうと思っていましたが、Office365なんかも出て、パッケージ版もバージョンやら価格体系とかややこしく、詳しい人に検討を奨められたボリュームライセンスも調べれば調べるほどわけわからず、めんどくさくなったのでLibreOfficeでいいやとなりました。
マクロを使わずに単純にOfficeファイルを使用して表示・編集するのがメインの作業になる予定だったのもLibreOfficeのインストールを決めた理由です。
あ、あとフリーですし。
以下Libre Officeのインストール作業手順を備忘録的に残しておきます。
20170917作業の「LibreOffice 5.3.6」安定板をWindows7の64bit版へインストール作業より
公式サイトトップ
より
ダウンロード → LibreOffice安定板
↓
安定板ダウンロードページ
↓
「オペレーティング・システム」
「LibreOffice 5.3は次のオペレーティング・システム/アーキテクチャーで利用できます。」文言下
「Windows x86_64 (Vista or newer required)」をクリック
↓
ここへ遷移後
↓
「LibreOffice 5.3.6 for Windows x86_64 (Vista or newer required) が選択されています- 変更しますか?」文言下
「ダウンロードバージョン 5.3.6」ボタン押下
↓
「LibreOffice_5.3.6_Win_x64.msi」ファイルを保存
↓
ダウンロード完了後
↓
「LibreOffice_5.3.6_Win_x64.msi」ファイルをダブルクリック
↓
「LibreOffice 5.3.6.1のインストールウィザードへようこそ」画面
「次へ」ボタンクリック
↓
「セットアップの種類」画面
「標準」選択
「次へ」ボタンクリック
↓
「プログラムインストールの準備完了」画面
「デスクトップ上にスタートリンクを作成」選択
「インストール」ボタンクリック
↓
待ち
↓
インストール完了
↓
「インストールウィザードを完了しました」画面
「完了」ボタンクリック
jsdo.it に投稿したMV動画再生プログラム3選
jsod.itに投稿した、「シャッフル機能付き」にしてからのMV動画再生プログラムのうち3つを選んで載せてみます。
選んだ基準はアクセス数が1000を超えたものです。 1000アクセスはWebの片隅にある自分関連サイトの中ではかなり大きな数。 なにがどうなって1000アクセス超えたのかはよくわかりませんが、その3つを紹介してみます。
その①
[シャッフル機能付き] 作業用に宇多田ヒカルのYoutubePV動画リストを連続再生
20180504追記
↑動画が削除されたので?上記のプログラムではもう動画の再生ができないようです。
かわりに新しい動画再生プログラムを作成しました。
作業用に宇多田ヒカルのYoutube動画を連続再生
その②
[シャッフル機能付き] 作業用にTaylor Swift(テイラー・スウィフト)のYoutubePV動画リストを連続再生
その③
[シャッフル機能付き] 作業用にJason Derulo(ジェイソン・デルーロ)のYoutubePV動画を連続再生
関連リンク
作業用に連続再生 宇多田ヒカル 公式YoutubePV動画リスト(Naverまとめ)
作業用に連続再生 Taylor Swift (テイラー・スウィフト) YoutubePV動画リスト(Naverまとめ)
作業用に連続再生 Jason Derulo (ジェイソン・デルーロ) YoutubePV動画リスト(Naverまとめ)
選んだ基準はアクセス数が1000を超えたものです。 1000アクセスはWebの片隅にある自分関連サイトの中ではかなり大きな数。 なにがどうなって1000アクセス超えたのかはよくわかりませんが、その3つを紹介してみます。
その①
[シャッフル機能付き] 作業用に宇多田ヒカルのYoutubePV動画リストを連続再生
20180504追記
↑動画が削除されたので?上記のプログラムではもう動画の再生ができないようです。
かわりに新しい動画再生プログラムを作成しました。
作業用に宇多田ヒカルのYoutube動画を連続再生
その②
[シャッフル機能付き] 作業用にTaylor Swift(テイラー・スウィフト)のYoutubePV動画リストを連続再生
その③
[シャッフル機能付き] 作業用にJason Derulo(ジェイソン・デルーロ)のYoutubePV動画を連続再生
関連リンク
作業用に連続再生 宇多田ヒカル 公式YoutubePV動画リスト(Naverまとめ)
作業用に連続再生 Taylor Swift (テイラー・スウィフト) YoutubePV動画リスト(Naverまとめ)
作業用に連続再生 Jason Derulo (ジェイソン・デルーロ) YoutubePV動画リスト(Naverまとめ)
登録:
投稿 (Atom)












