前回のエントリ「jsdo.it投稿コードをCodePenにサルベージ」からのものにいくつかjsdo.itからのサルベージコードを追加して完成としています。以下のようになります。長いリストになっているかも、です。CodePenに作成したこのまとめ的Postからのほぼコピペとなります。↑↓←→ボタンでcanvas上のbase64形式画像の移動canvas上の2つのbase64画像をゲーム的?loopで表示(失敗)ゲームっぽい画面表示、にできず。List→この動画再生リストはコード数が多いので別のPostとしてまとめているものへのリンクを張っています。動画2019年9月15日日曜日jsdo.it投稿コードをCodePenにサルベージタイトルにあるように、終了してしまうjsdo.itに投稿したコードのいくつかをCodePenに移動させて(コピペして)サルベージしてみました。以下、とりあえずこれまでにCodePenに移動させたコードの一覧です。HTML、CSS、Javascriptはほぼそのままコピペしています。画像ファイルは無理やりBase64で表示。3DモデルのファイルなどもGithubに置かれたものを、https://cdn.jsdelivr.netやhttps://rawcdn.githack.comを利用して読み込んでいます。作業用に自分の田舎豊岡市のおんぷの祭典演奏動画を連続再生CodePenのPostsというものにもサルベージしたコードをまとめてみました。時間があれば、他のコードもCodePenに移動していきたいと考え中です。その2noteにアップロードしたの桜の写真をいくつかピックアップして表示してみます。2019年4月、国立市での桜写真、その2になります。国立の桜」にある国立大学通りにある歩道橋の周辺で撮った写真を張り付けてみます。前回より桜自体を撮ってみたものを集めてみました。国立の桜noteにアップロードしたの桜の写真をいくつかピックアップして表示してみます。2019年4月、国立市での桜写真になります。国立大学通りにある歩道橋の周辺からの桜の写真を貼り付けてみます。久しぶりに、週末、いい天気、いい咲き具合、と3条件がそろった桜日和でした。中野から神田川への道すがらの桜写真noteにアップロードしたの桜の写真をいくつかピックアップして表示してみます。2019年4月、中野の哲学堂公園から高田馬場の神田川へ向かう途中の桜写真になります。自分が中野に住んでいた頃にはなかった道ができていて、さらに桜が植えられていい感じの桜並木ができつつあるようだったので写真に撮ってみました。神田川沿いの桜写真」の場所移動の間に歩いた中野の川沿いの道での桜並木になります。中野の桜写真noteにアップロードしたの桜の写真をいくつかピックアップして表示してみます。2019年4月の中野の桜の写真になります。中野駅から哲学堂までの道の桜の写真を貼り付けてみます。最初は中野駅の構内からの写真です。途中にある新井薬師の桜の写真です。梅照院」という名前らしいですが、桜もよかったです。となりの公演で花見とさくら祭りっぽいイベントも行われていました。新井薬師に寄り道した後はまた哲学堂公演に向かいます。哲学堂では奥側(北側?)まで桜を見に行かず、高田馬場のほうに移動しました。神田川沿いの桜写真noteにアップロードしたの桜の写真をいくつかピックアップして表示してみます。2019年4月の神田川の桜の写真になります。遅めに行ったので、夕桜といった趣の桜写真になったかと思います。神田川沿いにずっと続いていくような(実際かなり長く続きます)桜並木がいい感じです。以下2つの写真は、逆光が強かったので光が入らないように少しカメラを下に向けて撮ってみると、寒々とした感じの写真となったものです。予想していなかった効果が出て面白いと思ったので貼り付けてみました。最後は、自分の中での「神田川の桜」って感じの写真を貼り付けてみます。数年ぶりの神田川の桜よかったです。Voxelで作成したドット絵のような3Dモデルを使用して、Unityで取り込んで見ました。3Dモデルとカメラまわりの機能以外は、基本的にはUnityの最初のチュートリアルとほぼ同じ機能です。作成したものをunityroomへ投稿したものは以下になります。以下、作業中に参考にさせて頂いたサイトへのリンクをメモとして残しておきます。このサイトを参考にさせて頂きました。このサイトを参考にCharacterControllerを使わずにキャラクターを動かすことにしました。■■■■■カメラの機能を作成するのには苦労しました。以下のサイト等を参考にしていたと記憶しています。後でソースコードも載せるかもしれません。月日がたってしまいましたが、久しぶりにまたUnityを触ってみました。久しぶりだったのでほぼ完全にUnityの操作を忘れていました。いつだったか、数年ぶりに藤沢駅へ行ったときの写真です。久しぶりに、Flash(Actionscript3)コード投稿サイトのwonderflのことを思いだして検索してみると、いつのまにかサービスが終了していました。残念に思いながらネット上をフラフラしていると、wondeflのコードを保存してくれている...Unity使ってみました今さらっぽいですが、Unity使って一番簡単そうなチュートリアルを実践してみて、ほぼ内容そのままにWebGLアプリとしてアップロードする、ということを行ってみました。長くなってきたので、英語版と日本語版をわけました。新しいブログ作成してみました。後に作ったものですが、Part1にしてます。長くなってきたので、英語版と日本語版をわけました。ブログエントリのBabylon.jsプログラム作成・投稿時の自分...jsdo.itにBabylon.jsのよる3Dプログラムを投稿タイトルにあるようにjsdo.itに、Babylon.jsという3Dライブラリを使用したプログラムをいつくか作成してアップロードしてみました。