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まとめ)