タグ

3Dに関するmstmst37のブックマーク (11)

  • React VRで始めるお手軽WebVRプログラミング

    React VRというのは、Facebookが開発し、GitHubにてBSDライセンスで公開しているオープンソースのVRアプリケーションフレームワークです。現在のところは、Webブラウザ向けにWebGLとWebVRを使ったVRアプリケーションを作るための様々な仕組みを提供しています。 React VRを知らなくても、ReactReact Nativeなら知っているという人もいるかもしれません。VRコンテンツを作るには新しいフレームワークやライブラリなどを学ぶ必要がありましたが、Reactと同じ考え方を使ってVRコンテンツを作ることができる点が、他のフレームワークと異なる点です。 ネイティブVRが最高の体験をもたらすとは限らない VRというと何らかのVRヘッドマウントを装着して体験するものというイメージがあります。また、VRヘッドマウントは高額で、VRを体験するハードルが高かったことも事実

    React VRで始めるお手軽WebVRプログラミング
  • Home - opengl-tutorial

    このサイトは OpenGL 3.3 以降の チュートリアル を扱っています! 完全なソースコードはここから利用可能です。 何か質問や意見、バグ報告、その他何かあればお気軽にご連絡ください : contact@opengl-tutorial.org. 日語に関する意見などは私(翻訳者)のブログかメールへご連絡ください。 このサイトが気に入ったなら、どうぞ世界に広めてください! News Jun 7, 2017 Website update Feb 18, 2014 License changes Oct 6, 2012 Building your own application Feb 3, 2012 Tutorial 15 published Jul 8, 2011 Added Tutorials 1 to 14 subscribe via RSS

    mstmst37
    mstmst37 2017/05/25
  • まるでシムシティのようなWeb地図ライブリラリ「eegeo.js」

    eeGeo eeGeoは、「グランド・セフト・オート」や「レミングス」などのクリエイティブディレクターであったイアン ヘザーリントン氏が2010年9月に設立した3D地図を提供する会社です。 日では、NTTドコモがライセンス供与を受け、屋内3Dマップの提供などを行っています。 今のところ、日では3Dで表示できる地域がないのですが、ゲーム業界のノウハウを用いた地図サービスとして個人的に期待しています。 登録すれば個人ユーザーでもAPIを使用することができるので、紹介がてらサンプルを載せておきます。 Web版サンプル example 公式サイトに登録し、ダッシュボードから「Create new app」ボタンをクリックして「API Token」を取得してください。 スタイルシートとライブラリを読み込みます。 <link href="https://cdnjs.cloudflare.com/a

    まるでシムシティのようなWeb地図ライブリラリ「eegeo.js」
  • UnityでAnimatorを一から作成、キー入力でキャラを移動させるスクリプトを設定

    UnityでAnimatorを一から作成、キー入力でキャラを移動させるスクリプトを設定:ゲーム開発初心者のためのUnity入門(11)(1/4 ページ) Unityで3Dゲームを作るまでのいろいろな処理を解説する連載。今回は、馬の3Dキャラが走るサンプルを基に、「Animator」を一から作成する方法、キー入力でキャラが移動するスクリプトの作り方、カメラをキャラに追従させる方法などを解説する【Windows 10、Unity 5.4に対応。C#のコードを追加】。 Unityで3Dゲームを作るまでのいろいろな処理を解説する連載「ゲーム開発初心者のためのUnity入門」。今回は、連載第7回までに紹介した「Animator」を一から作成する方法を紹介する。 通常Animatorでは、「Mecanim Locomotion Starter Kit」を使ってコードレスでAnimatorを設定するか

    UnityでAnimatorを一から作成、キー入力でキャラを移動させるスクリプトを設定
  • シームレス地質図ラボ (試用版)

    *** ご注意!! このサイトは「20万分の1日シームレス地質図データベース」の一部ではありません *** シームレス地質図ラボへようこそ. このサイトは,地質調査総合センター「20万分の1日シームレス地質図データベース」(以降「公式サイト」と呼びます)に関心のある皆様に,いち早く新しい機能を試していただくための実験サイトです.公式サイトの一部ではありませんのでご注意ください. このサイトでは,将来正式なサービスとして提供する予定のサービスや実験的なサービス等を試用することができます.更新は予告無くかつ高頻度で行われる可能性があります.また,利用している地質情報そのものが公式サイトよりも若干古い可能性もあり,不具合がなかなか解消され無い場合もあります.これらのことにご注意いただきながらご利用ください. このサイトのコンテンツでは,HTML5やそのほかの最新機能を積極的に利用しているため

  • Three.js - examples

    The goal of this collection is to provide a set of basic and instructive examples that introduce the various features in Three.js. The source code for each page contains detailed comments. Hosted at GitHub. Total examples: 83. Last updated: 23 August 2013. Compatible with Three.js version 60.

  • MMDモデルを3DCGでウェブ上に公開し閲覧者がアングルを動かしまくれるJavaScriptライブラリ「jThree」

    MMD(MikuMikuDance)で作成したファイルをウェブページ上に表示し、閲覧者が視点を自由に操作できるようにするJavaScriptライブラリが「jThree」です。ページ上にモデルを表示させるにはWindows 7を搭載したPCChrome・FireFox・Operaを使えばOK。また、Macの場合はOperaならば同様にページ上で動作させることが可能なようです。 3DCGコンテンツをjQueryスタイルで作るJavaScriptライブラリ - jThree http://www.jthree.jp/ 実際にウェブページ上でどんなことができるようになるのかは以下のムービーを見れば分かります。 「jThree」を使うとウェブページ上でこんなことができるようになる - YouTube jThreeのトップページにはデモページが3つ用意してあるので、今回は「千桜 + カゲロウデイズ

    MMDモデルを3DCGでウェブ上に公開し閲覧者がアングルを動かしまくれるJavaScriptライブラリ「jThree」
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
  • 3Dゲームが簡単に作れるUnityちょっとやってみた[1]

    Windows環境でインストールができない問題 Windows8の場合インストール時Microsoftアカウントと紐づけしている場合インストールが失敗する場合があります。 原因は「C:\Users」の現在のユーザーのフォルダ名が日語になっているからです。この場合、新規ユーザーでローマ字で作成してください。 新規プロジェクトの作成 無事インストールしてUnityを立ち上げたら「File」->「New Project…」で新規プロジェクトを作成します。 「Create New Project」タブの「Project Location:」で適当なパスを選択して「Create」ボタンを押します。 まっさらな画面が表示されました。 オブジェクトの作成 ゲームとして成り立たせるには、キャラクターだったり、アイテムだったり、テキストだったりなんらかの表示するオブジェクトが必要ですね。 Unityではす

    3Dゲームが簡単に作れるUnityちょっとやってみた[1]
  • 3D ゲームも簡単に作れる! tmlib.js x three.js(WebGL) で 3D プログラミング出来るようにしてみた!! | TM Life

    私の方でずっと作っている JavaScript ライブラリ『tmlib.js(ティーエムリブ ジェイエス)』ですが, この度, 晴れて『three.js』と結ばれることとなりました. っとはいっても一方的にですけどねw tmlib.js は, 2Dゲームだったりツールを作る機能は揃っていましたが 3D に関する機能は今までありませんでした. WebGL をラップして自前で作ったりもしていたのですが, なかなかピンとこず… そこで今回は割りきって three.js をそのまま取り込んでtmlib.js の基インターフェースと同じように使えるようにしてみました. サンプルをいくつか用意したので遊んで頂けると幸いです. もちろん jsdo.it で♪ Table of contents tmlib.js とは? three.js とは? tmlib.js x three.js で作ったサンプル

  • [JS]Canvas, SVGを使用した軽量のJavaScriptの3Dエンジン -three.js

    通常、複雑な記述をより簡単にできるようにした、3Dを描画する軽量のスクリプトを紹介します。 サイトでは下記のように数多くのデモが楽しめます。 three.js -Javascript 3D Engine [ad#ad-2] three.jsは<canvas>, <svg>とWebGLを使って、2Dと3Dをレンダリングすることができます。 各デモは対応ブラウザ(Firefox4+, Chrome9+, Safari10.6+など)でご覧ください。

  • 1