WebGL

WebGL(ウェブジーエル)は、ウェブブラウザで 3次元コンピュータグラフィックスを表示させるための標準仕様です。

RSS

  • 解決済

    回答
    2

    webページの説明をスタートページに加える方法

    Pokemon Goのように最初に何ページかのスライドを使ってwebページ全体の使い方等の説明を加えているサイトをたまに見かけます。いい例がIphoneなどのセットアップ(出荷時の状態から)時です。あれを模倣したようなwebページを作りたいのですがどのような参考サイトがあるでしょうか?またなにかいい記事を知っていらっしゃるかたがおられましたら教えていただきた

    • 0評価
    • 78PV
    kkkmokotan kkkmokotan 1ヶ月前
  • 受付中

    回答
    0

    JavascriptライブラリThree.jsを使用してVRコンテンツを作りたいのですが・・・・

    前提・実現したいこと WebGLライブラリのthreeJSを使用してVRコンテンツを開発しているのですが、ポストプロセスをかけた状態でVR用に画面分割できないのですが何か対処法はないでしょうか? 該当のソースコード (function() { var canvasWidth , canvasHeight; var renderer , scene

    • 0評価
    • 81PV
    genki0301ab genki0301ab 1ヶ月前
  • 解決済

    回答
    1

    WebGLでのリソースリークの検知

    OS: Windows7 x64 GPU: Radeon HD 7450 Broadway.js という、JavaScriptでH.264のデコード・描画のできるライブラリを使用したWebページを作っています。 ところがこのライブラリにリソースリーク問題のあることがわかりました。 描画にWebGLが使われているのですが、そのコードを見ると c

    • 0評価
    • 123PV
    yuba yuba 1ヶ月前
  • 受付中

    回答
    0

    【Three.js】y軸の正の方向にJSONモデルを動かすと表面が見えなくなってしまう

    非常にざっくりとした質問なのですが、 建物のモデルをBlenderで分解し、 (1F,2F,3F,床,天井,家具のようなイメージ) それらを別々のJSONとして出力し、 すべてのモデルを同じ位置 position.set(0,0,0) で Three.js上で組み立てました。 そのうち一つのモデル(例えば床)のy軸を正の方向にプラスすると

    • 0評価
    • 206PV
    grmn grmn 2ヶ月前
  • 解決済

    回答
    1

    JSONモデルを透過させた際に表示に差異がある

    表示に差異があるのですが、この原因を知りたいです。 デモ:https://mo49.github.io/qiita/20160908/opacity.html 表からみると、青い板まで透けない 裏からみると、赤い板まで透けている 該当コードは以下のものです。 中央の蝶のモデルのみtransparent=falseになっていま

    • 0評価
    • 113PV
    grmn grmn 2ヶ月前
  • 受付中

    回答
    1

    カメラを円周上で移動させて、シーンギズモをつくりたい

    デモ(※左右しか動きません) http://codepen.io/mo4_9/pen/jrrRyx Tween.jsを使用して、現在地点から到着地点まで直線で移動するというコードを書きました。 しかし、カメラの軌道が「菱形」になってしまっていて、中心地点にいちいち近づいてしまうのは不自然な動きだと思います。 カメラの軌道を「円周」にするために

    • 0評価
    • 281PV
    grmn grmn 2ヶ月前
  • 解決済

    回答
    1

    Three.jsで読み込んだJSONモデルの一部分だけを透明にしたい

    クリックをトリガーにして、Three.jsで読み込んだJSONモデルの上半分だけを透明にしたい場合はどうすればよいでしょうか? Cubeをかぶせてその内部にあるオブジェクトをすべて透明にできるマテリアルがあるのか、 fogのようなもので透明にできるのか、いろいろ検討したものの見つかりません。 JSONはBlenderで出力しているので、出力時に

    • 0評価
    • 95PV
    grmn grmn 2ヶ月前
  • 解決済

    回答
    1

    Three.jsで透過png画像の縁に灰色の線が入る

    発生している問題・エラーメッセージ Three.jsでMeshBasicMaterialで作成したオブジェクトに 丸い透過png画像をテクスチャとして貼って表示したのですが 透過した丸い部分に沿って灰色の線が入ってしまいます。 画像を滑らかにする半透明の部分が灰色に塗られている?ようなイメージです。 ※イメージ画像を添付させていただきます。

    • 0評価
    • 246PV
    ryuryu ryuryu 3ヶ月前
  • 受付中

    回答
    1

    CSS3Dレンダリングで3D空間に生成した要素をWebVRで見るようにはできないのでしょうか??

    WebGL(Three.js)、WebVRともに初心者のものです。 以前このような質問をさせて頂きました。 3D空間内でWebサイトを表示する方法は? https://teratail.com/questions/40572 こちらで頂いた回答を元に、 CSS3DRenderer.jsを使って、teratailを3D空間に表

    • 1評価
    • 493PV
    afroscript.10 afroscript.10 4ヶ月前
  • 解決済

    回答
    3

    3D空間内でWebサイトを表示する方法は?

    Three.js初心者です。 タイトルの通りなのですが、 Three.jsで3D空間にTHREE.PlaneGeometryなどで壁を表示させ、 そこに特定のWebサイトを表示させるというをしたいと思っております。 例えば 上記のような3D空間の左のうす黄緑壁に、 こんな感じでteratailが見れるみたいな感じで

    • 1評価
    • 672PV
    afroscript.10 afroscript.10 4ヶ月前
  • 解決済

    回答
    1

    blenderの複数モデルが別々に動くアニメーションをthree.jsで出力したい

    blender上で複数のモデルが別々に動く(複数の歯車のイメージ)アニメーションを作成してthree.jsで表示しようと思うのですが、やり方がわかりません。 調べたところ次のようなサイトがあったので http://threejs.org/examples/#webgl_animation_scene で参考のソースを修正して かつダウンロードできる

    • 0評価
    • 264PV
    YOKOHAMA YOKOHAMA 4ヶ月前
  • 解決済

    回答
    1

    PlaneGeometryを回転させて表示するには?

    JavaScript/Three.js初心者です。 Three.jsに関する質問です。 下記のように2次元平面のオブジェクト(plane)を作成し、 var planeGeo = new THREE.PlaneGeometry(10,10,10); var planeMesh = new THREE.MeshBasicMaterial({c

    • 0評価
    • 314PV
    afroscript.10 afroscript.10 5ヶ月前
  • 受付中

    回答
    4

    JavaScriptにて初回起動時と現在のform(画面項目)の値の比較

    javascriptについて質問があります。 初回起動時のform(画面項目)の値と現在の値を比較して1つでも変更があった場合にはポップアップを表示するといった処理を実装したいのですが何か良い方法 があれば、ご教授お願い致します。 はじめはその項目のvalueとdefaultValueにて比較できると思いましたが、defaultValueは画面

    • 0評価
    • 694PV
    nandemoiii nandemoiii 5ヶ月前
  • 解決済

    回答
    1

    chrome拡張機能でPixi.jsを動かしたい

    chrome拡張機能でwebページに動的にアニメーションを追加しようとしています。 拡張機能として読み込まれるbackground.jsからwebページにpixi.jsとcontent.jsを流し込みました。 しかし、content.jsのPIXI.autoDetectRendererのあたりで画像のようにpixi.jsのバージョンを表示したあとchro

    • 0評価
    • 226PV
    chiudesu chiudesu 6ヶ月前
  • 解決済

    回答
    2

    サイト制作のための技術

    このサイトにどのような技術が使われているか教えていただきたいです。 質問が大雑把ですみません… このようなサイトを作れるようになるべく、いまはthree.jsの勉強をしているのですが、方向性が間違っていないか、また他にどのような勉強が必要かを知りたいです。 よろしくお願いします。

    • -1評価
    • 147PV
    KCBR6502 KCBR6502 6ヶ月前
  • 解決済

    回答
    3

    dynamicなweb制作

    このサイト のような素晴らしいデザインのwebはどのように作られているのでしょうか? 最近3Dをwebから簡単に利用できるようにthree.jsなどが盛んに開発されていると思いますがこれらのライブラリを使うことでこのような素晴らしいデザインも可能になるのでしょうか? webの可能性について具体的なイメージがまだ持てないのでどのようなライブラリを使え

    • 0評価
    • 154PV
    toma_kazusa 退会済みユーザー 6ヶ月前
  • 受付中

    回答
    1

    three.jsで正20面体のパズルを作り、所々を回転できるようにしたいです。

    three.jsで正20面体のパズル(四角でいうところのルービックキューブ) 1つの頂点を中心とした隣り合う5面を連動して回せるようにしたいです。 20面をA面~T面として(A,B,C,D,E)の5面はrotationなどで回せるのですが、その5面を回してしまうと(E,A,B,C,D)と面がずれてしまいます。 ずれた状態でA面~E面のどれかを含む

    • 0評価
    • 307PV
    snow snow 4ヶ月前
  • 解決済

    回答
    1

    Three.jsを使用してJSON形式の3Dモデルの表示ができない。

    前提・実現したいこと IE11環境で、visualstudioを使用して3Dモデルの表示をしようとしています。 Three.jsはr76を使用しており、3Dデータは、brenderからJSON形式でエクスポートしたものを使用しています。 3Dモデルの読み込みには、JSONLoaderを使用しています。 発生している問題・エラーメッセージ 3Dモ

    • 1評価
    • 1057PV
    okutann0529 okutann0529 7ヶ月前
  • 受付中

    回答
    1

    Unity WebGLのバックグラウンド処理について

    Unityにて放置育成ゲームを作り、WebGLで公開したのですが、タブを非アクティブにすると時間等の数値が動かなくなってしまいます。 ビルドセッティングのときにバックグラウンド処理にするチェックは入れてあります。 ご回答お待ちしてます。

    • 0評価
    • 287PV
    mameinu mameinu 7ヶ月前
  • 解決済

    回答
    1

    Unity RunInBackgroundをオンにしたWebGLゲームの動作について

    前提・実現したいこと Unityで自動戦闘のRPGを作っています。 攻撃サイクルはコルーチンで動かし、ゲームが非アクティブな時でも戦闘が行われるようにしたいです。 発生している問題 WebGLでビルドする際に[Run In Background]にチェックを入れているのですが、 ブラウザでゲーム画面が非アクティブになると、コルーチンのWaitF

    • 0評価
    • 391PV
    tikango tikango 9ヶ月前
1

もっと見る

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    49

  • 総質問数

    32

  • 今週の質問数

    0

関連するタグ

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る