マウスドラッグ で ボール投げたい

2017/07/20 | CSS, javascript

アイキャッチ画像でマウスドラッグを描いたつもりが、子供の好きなあのボールみたいになりました。 それはさておき、javascript でマウスドラッグでボールを投げる感じをやろうと思います。 C

続きを見る

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°のパノラマ画像を表示する

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 ガラス その2(環境マップ)

2016/11/01 | brender, Three.js, WebGL

前回Cyclesレンダーを試してみました。 Cyclesレンダーはノードを使用しているので、ガラスの質感をjsonでは書き出せないっぽいので、Three.js の方でやっていこうと思います。

続きを見る

Blender Three.js ガラス その1(Cyclesレンダー)

2016/11/01 | brender, Three.js, WebGL

Blenderでガラスの靴をモデリングしてみました。 最終的にはthree.jsで表示しようと思います。 それは次回にして、このページはCyclesレンダーでガラスの質感やってみます。 Bl

続きを見る

Blender Three.js 地球 その3(ベイクと星)

2016/10/20 | brender, Three.js, WebGL

今回はベイクを試してみようと思います。 あと、参考サイトの英語の動画解説では、blenderのワールドで星も出していますが、私のblenderには星の設定がなく(バージョン?)、設定があったとし

続きを見る

Blender Three.js 地球 その2(ノード)

2016/10/20 | brender, Three.js, WebGL

前回はNASAの地球のテクスチャを1つだけ使って、球へのテクスチャの貼り方を2パターンやってみました。 Blender 地球 作り方 NASAのテクスチャには、雲や、街の光のテクスチャなども別で用

続きを見る

Blender Three.js 地球 その1(テクスチャ)

2016/10/20 | brender, Three.js, WebGL

Blender 地球 テクスチャ Blenderで地球を作ってみようと思います。 最終的にはエクスポートして、またthee.jsで表示してみようと思います。 地球のテクスチャですが、NASA

続きを見る

Googleの検索に引っかからなくなったり、Googleの広告が表示されなくなった

2016/07/16 | SEO

しばらくサイトを放置していたら、サーバとドメインの支払いを忘れてサイトが一度落ちてしまいました。 サイトが落ちて検索に引っかからなくなって Fetch as Google で対処 Google

続きを見る

Blender Three.js エクスポート その5(目のボーンとウェイトペイントとか)

2015/12/01 | brender, Three.js, WebGL

前回亀の歩くアニメーションが、手足のボーンしか動かしてないのに、目や甲羅の部分まで連動してしまったので、ウェイトペイントで治そうと思います。 前回記事:Blender Three.js エクス

続きを見る

Blender Three.js エクスポート その4( モーフアニメーション)

2015/11/16 | brender, Three.js, WebGL

前回作った亀に歩くモーフアニメーションを付けて、それを Three.js で表示するまでをやってみようと思います。 前回記事:Blender Three.js エクスポート その3( テクスチ

続きを見る

Blender Three.js エクスポート その3( テクスチャなどがエクスポート出来ない場合)

2015/11/06 | brender, Three.js, WebGL

Blender ではちゃんと表示しているのに、Three.js でエクスポートしたら、オブジェクトやテクスチャやマテリアルがちゃんと表示していない場合があって、結構つまづいたので、簡単な亀を作りながら

続きを見る

Blender Three.js エキスポート その2(3DのテキストのアニメーションやってみるⅡ)

2015/10/27 | brender, Three.js, WebGL

今回は、Three.js を使って、前回Blenderから書き出した JSONファイル を表示したりしようと思います。 Three.js のダウンロードと読み込み Three.jsとは、Jav

続きを見る

Blender Three.js エキスポート その1(3DのテキストのアニメーションやってみるⅠ)

2015/10/25 | brender, Three.js, WebGL

Blender インストール 3Dを作るのに、Blender(ブレンダー)という、ソフトを使ってみます。 Blenderは3Dモデルの作成、レンダリングのほかアニメーション、コンポジット機能も

続きを見る

Javascript タイピング ゲーム スマホ用 をつくる

2015/08/03 | html5, javascript

JavaScript スマホ用 切り替え 前回の記事のゲームですが、スマホだとサイズが合わなくてやりにくい状態のため、スマホ用のサイズに合わせた別ページを用意しました。 JavaScript

続きを見る

HTML5 audio タグ を使って音声を出す

2015/07/31 | html5, javascript

HTML5からaudioタグを使えば、Flashなどのプラグインを使わなくてもブラウザ上で音声を再生することが出来るようになりました。 audioタグ 使い方 audioタグで音声を再生する

続きを見る

マウスドラッグ
マウスドラッグ で ボール投げたい

アイキャッチ画像でマウスドラッグを描いたつもりが、子供の好きなあのボー

Three.jsで360°パノラマ画像を VR させる
Three.jsで360°パノラマ画像を VR させる

Three.jsで360°パノラマ画像を VR させる VRを作るの

Wordpress VR Test
WordPress で VR させて、360°のパノラマ画像を表示する

WordPress.com内ショートコードで VR させる Word

画像加工 cropbox.js
写真をアップロードして切り抜きが出来るcropboxにタッチイベントを付けてみる

Git Hub の cropbox 写真をアップロードしてカット出来

画像の拡大・縮小 タッチイベント
画像の拡大縮小を javascript の touch イベントでやってみる

画像の幅と高さを取得 まずは、neko.jpg という画像を用意して

→もっと見る

にほんブログ村 IT技術ブログへ にほんブログ村 IT技術ブログ PHPへ にほんブログ村 IT技術ブログ WordPressへ
にほんブログ村 FC2 Blog Ranking
PAGE TOP ↑