Three.jsで360°パノラマ画像を VR させる
2017/05/08 | brender, javascript, Three.js, WebGL
Three.jsで360°パノラマ画像を VR させる VRを作るのに前回のプラグイン「WP-VR-view」などいろいろ試してみましたが、カスタマイはしずらかったので Three.js で作ってい
WordPress で VR させて、360°のパノラマ画像を表示する
2017/03/29 | javascript, Three.js, WebGL, WordPress
WordPress.com内ショートコードで VR させる WordPress.com内で、VR（バーチャルリアリティ）出来るようになったらしいです。 WordPress.com 公式 画像
写真をアップロードして切り抜きが出来るcropboxにタッチイベントを付けてみる
2017/01/07 | android, javascript
Git Hub の cropbox 写真をアップロードしてカット出来るjQueryのプラグイン cropbox というものが Git Hub にあり、手軽に設置出来て気に入りました。 crop
画像の拡大縮小を javascript の touch イベントでやってみる
2017/01/05 | android, javascript
画像の幅と高さを取得 まずは、neko.jpg という画像を用意して、幅と高さを取得します。 <!DOCTYPE html> <html> <head lan
【CSS セレクタ】その2：擬似クラスセレクタやラジオボタンチェックでフォームの有効無効や枠の色変えたいとか
2016/12/11 | CSS
＜今回のピックアップ項目＞ :link :visited :hover :active :target ※CSS3～ :focus :lang(言語名) :enabled :disabl
【CSS セレクタ】その1：アスタリスクや属性セレクタとか
2016/12/10 | CSS
CSS3も浸透してきて、細かい所が危うくなってきたので、セレクタを中心に少しおさらいしようかと思います。 ＜今回のピックアップ項目＞ CSSをHTMLタグに指定する タグ名{ } CSS
Blender Three.js ガラス その２（環境マップ）
前回Cyclesレンダーを試してみました。 Cyclesレンダーはノードを使用しているので、ガラスの質感をjsonでは書き出せないっぽいので、Three.js の方でやっていこうと思います。
Blender Three.js ガラス その1（Cyclesレンダー）
Blenderでガラスの靴をモデリングしてみました。 最終的にはthree.jsで表示しようと思います。 それは次回にして、このページはCyclesレンダーでガラスの質感やってみます。 Bl
Blender Three.js 地球 その３（ベイクと星）
今回はベイクを試してみようと思います。 あと、参考サイトの英語の動画解説では、blenderのワールドで星も出していますが、私のblenderには星の設定がなく（バージョン？）、設定があったとし
Blender Three.js 地球 その２（ノード）
前回はNASAの地球のテクスチャを１つだけ使って、球へのテクスチャの貼り方を２パターンやってみました。 Blender 地球 作り方 NASAのテクスチャには、雲や、街の光のテクスチャなども別で用
Blender Three.js 地球 その１（テクスチャ）
Blender 地球 テクスチャ Blenderで地球を作ってみようと思います。 最終的にはエクスポートして、またthee.jsで表示してみようと思います。 地球のテクスチャですが、NASA
Googleの検索に引っかからなくなったり、Googleの広告が表示されなくなった
2016/07/16 | SEO
しばらくサイトを放置していたら、サーバとドメインの支払いを忘れてサイトが一度落ちてしまいました。 サイトが落ちて検索に引っかからなくなって Fetch as Google で対処 Google
Blender Three.js エクスポート その５（目のボーンとウェイトペイントとか）
前回亀の歩くアニメーションが、手足のボーンしか動かしてないのに、目や甲羅の部分まで連動してしまったので、ウェイトペイントで治そうと思います。 前回記事：Blender Three.js エクス
Blender Three.js エクスポート その４（ モーフアニメーション）
前回作った亀に歩くモーフアニメーションを付けて、それを Three.js で表示するまでをやってみようと思います。 前回記事：Blender Three.js エクスポート その３（ テクスチ
Blender Three.js エクスポート その３（ テクスチャなどがエクスポート出来ない場合）
Blender ではちゃんと表示しているのに、Three.js でエクスポートしたら、オブジェクトやテクスチャやマテリアルがちゃんと表示していない場合があって、結構つまづいたので、簡単な亀を作りながら
Blender Three.js エキスポート その２（３ＤのテキストのアニメーションやってみるⅡ）
今回は、Three.js を使って、前回Blenderから書き出した JSONファイル を表示したりしようと思います。 Three.js のダウンロードと読み込み Three.jsとは、Jav
Blender Three.js エキスポート その１（３ＤのテキストのアニメーションやってみるⅠ）
Blender インストール ３Ｄを作るのに、Blender（ブレンダー）という、ソフトを使ってみます。 Blenderは3Dモデルの作成、レンダリングのほかアニメーション、コンポジット機能も
Javascript タイピング ゲーム スマホ用 をつくる
2015/08/03 | html5, javascript
JavaScript スマホ用 切り替え 前回の記事のゲームですが、スマホだとサイズが合わなくてやりにくい状態のため、スマホ用のサイズに合わせた別ページを用意しました。 JavaScript
HTML5 audio タグ を使って音声を出す
2015/07/31 | html5, javascript
HTML5からaudioタグを使えば、Flashなどのプラグインを使わなくてもブラウザ上で音声を再生することが出来るようになりました。 audioタグ 使い方 audioタグで音声を再生する
WordPress レスポンシブ テンプレート 元にサイトを作ってみる その２
2015/06/26 | WordPress, wordpress テンプレート
DEMO を見る カスタム投稿タイプ functions.php 今回は３つのリストメニューを作ります。このテンプレートでは、既に１つリスト記事用のカスタム投稿部分が作ってありますので、それ
