Blender Three.js 地球 その１（テクスチャ）
Blender 地球 テクスチャ Blenderで地球を作ってみようと思います。 最終的にはエクスポートして、またthee.jsで表示してみようと思います。 地球のテクスチャですが、NASAのサイトからダウンロード出来ます。 NASAのサイト（外部）：地球のテクスチャ ここのサイトの雲のあるJPEG画像をダウンロードしておきます。（land_ocean_ice_cloud_2048.jpg） UV球へのテクスチャの貼り方ですが、以下の２つの方法をやってみます。 Blender 地球 テクスチャ 貼り方１ １つ目の貼り方は、テクスチャのマッピングの球型を生成で貼ってみます。 まず、Blenderを開いて、Xキーで立方体を削除。 Shift ＋ Aキーでメッシュ→UV球を追加します。 編集モードでシェーディングの面のスムーズボタンを押します。 マテリアルを新規作成します。 テクスチャを新規作成
Three.jsで大量のパーティクルを表示する方法 - ICS MEDIA
3D空間内に大量の粒子を表示させたい、星を表示させたい、塵を表示させたい。そんな表現に適しているのがTHREE.Pointクラスです。 この機能を使えば大量の粒子を表示でき、性能的にもすぐ入れているので実行性能をほとんど下げることなく利用できます。 3D空間にたくさんの粒子を配置するだけで、空間の距離感など雰囲気がでるので、オススメの機能のひとつです。 パーティクルのサンプル サンプルを再生する サンプルのソースコードを確認する この機能の使い方 この機能を実現する部分を抜粋して解説します。 // 形状データを作成 const SIZE = 3000; // 配置する個数 const LENGTH = 1000; // 頂点情報を格納する配列 const vertices = []; for (let i = 0; i < LENGTH; i++) { const x = SIZE * (
three.jsと標高タイルで3Dマップを生成する - Calmery.me
今日はクリスマスイブですね．皆様いかがお過ごしでしょうか．かく言う私はお布団にくるまり http://qiita.com/advent-calendar/2016/no-girlfriend を眺めています．お察しください． ブラウザ上で現在位置を中心とした 3D マップを 国土地理院の標高タイル と three.js で作ることができたのでメモ．今月の 17，18 日に開催された 林業応援ハッカソン で作った． github.com 流れとしてはまず現在位置を取得し，その取得した現在位置からタイル座標を求める．ちなみに私は初めてタイル座標というものを知った．このタイル座標や後々利用するピクセル座標については TrailNote : 座標の変換（世界座標、ピクセル座標、タイル座標、緯度・経度） が参考になる．次に求めたタイル座標を元に 国土地理院の標高タイル から標高データを取得し thr
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
MagicaVoxelで作成した3DモデルをBlender経由でUE4に持っていく方法 - Gaming Life
追記: 色々な問題を解決したverを公開しました ai-gaminglife.hatenablog.com 最近MagicaVoxelというボクセルモデリング（3Dドットモデリング）ツールで3Dモデルを制作している。Minecraft感覚でモデルを製作でき、BlenderやMayaと言ったDCCツールよりはるかに覚えることが少ないため、絵が全く描けない自分でも使いはじめて3時間で下部画像程度のクオリティのモデルを制作することが出来た。 Voxelアルトリア pic.twitter.com/Ds70CIVI8Q— ai (@ai_9684_dct) 2018年1月13日 だがこのモデルをBlender経由でUE4にFBX形式でImportするのにかなり苦労してしまった(Blenderの使い方を理解していないせいであるのだが)。色々な人の力を借り、四苦八苦しながらなんとか出来た。そこそこの作業
AR Studioを使ったらARアプリが超簡単に作れた - おもちゃラボ
Facebookから提供されている「AR Studio」という開発環境を使ってARアプリを作ってみたので、その使い方をまとめてみました！ この記事ではAR Studioを使って2Dと3Dのモデル表示までを一通りのことをやってみたいと思います。今回の内容は次のとおりです。 AR Studioとは AR Studioのインストールとプロジェクト作成 Face Trackerを使ってみる 2Dの画像を使ってARを表示する 3Dオブジェクトを使ってARを表示する まとめ AR Studioとは AR StudioとはFacebookから提供されている開発環境で、「AR Studio」という名前の通りAR（とくに顔をつかったAR）に特化した開発が簡単に行えるものです。 UnityであればDlibなどのAssetを購入してプログラムを作成する必要がありますが、AR Studioでは標準機能だけで簡単に
Blender でスカートや髪を物理で動かす方法まとめ
目次概要ボーンの分割シミュレーションのジッター対策コリジョンシュリンクラップを使ったコリジョンの解決クロスシミュレーションクロスシミュレーションの使い方直接クロスシミュレーションクロスシミュレーションのジッター対策直接クロスシミュレーションでディティールの保存服が貫通する場合固い布を作るクロスシミュレーション + メッシュ変形クロスシミュレーション + IKクロスシミュレーション + サーフェス変形クロスシムを利用したモデリングソフトボディソフトボディのパラメーターの解説ソフトボディ + IKソフトボディ＋メッシュ変形で髪を動かす剛体辺でコリジョンを作る（2.93）剛体 + ボーンで髪のアニメーション物理シミュレーションアドオン 物理シミュレーションを使わない方法スローペアレント＋BボーンJiggleArmature add-onSpring BoneRigFlexVicTools Spr
ラズパイゼロのプルアップ抵抗を調べる - プログラミング素人のはてなブログ
ラズパイでいよいよIOTを始めようとGPIOの資料を読み漁っていたら、ラズパイのGPIOは内部プルアップまたはプルダウンされているという情報を見つけた。 d.hatena.ne.jp プルアップ・ダウンは、使われていないGPIOをHIGH(3.3Vや5V) or Low(0V = GND)に高抵抗で接続して、入力を安定させるためのものである。 GPIOの内部は上左図のように電源(3.3V or 5V)が直接ヘッダピンに来ていると思いがちだが、上右図のように、10kΩ程度の抵抗が入っていることがある。これがプルアップである。 プルアップがあるかないかで、どのように影響があるかはたとえばGPIOの1番と3番にLEDをつけてみるとわかる。 GPIO1はいわゆる3.3Vピンで、GPIO3は出力をプログラムで制御できるピンである。 開放状態でテスターをあてるとどちらも3.32V(個体差があるかも)で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - donmccurdy/three-pathfinding: Navigation mesh utilities for three.js, based on PatrolJS.
three.jsでうさぎさんをぴょんぴょんさせよう【前編】|フロントエンド|Web制作|株式会社キュービット