Three.js入門サイト - ICS MEDIA
このサイトは、WebGLのライブラリ「Three.js」の入門サイトです。 初学者から学べるように基本から解説しつつ、発展的な内容までまとめています。このサイトを通して、ウェブの3Dのインタラクションデザインについて学んでいきましょう。 Three.js概要 Three.jsは、HTML5で3Dコンテンツを制作するためのJavaScriptライブラリです。Mr.doob氏が中心となって開発されており、オープンソースソフトウェアとして個人・商用でも無償で利用できます。 WebGLだけで3D表現をするためには、立方体1つ表示するだけでも多くのJavaScriptやGLSLコードを書く必要があり専門知識も必要です。Three.jsを使えばJavaScriptの知識だけで簡単に3Dコンテンツが作成できるため、手軽に扱えるようになります。 もともと2000年代後半のFlashの時代から、ウェブの3D
Three.jsで立方体を転がすサンプルを作ろう - Qiita
three.jsはjavascriptで簡単に3D表現を行うためのライブラリです。 今回はこれを使って、立方体を転がすアニメーションを作っていきます。 ※説明の都合上GIFアニメを多用するためご注意ください。 作成したもの はじめに 使用するライブラリ three.js(r86) OrbitControls.js(three.jsのプラグイン) CDNには上がってなかったのでGistから直接参照 es6-tween(v3.6.0) 1. 初期設定 以下の記事を参考にThree.jsの初期設定を行います。 【Qiita】three.jsで3Dを作りたい！ 以降は、今回追加する設定です。 グリッド配置 cubeのサイズに合わせてグリッド(床部分)を表示します。 var cube_size = 1; // cubeのサイズ var grid_count = 10; // グリッドの分割数 var
ブラウザで３Ｄグラフィックを楽しむThree.js 入門 | ペンクおじさんのエンジニアブログ｜株式会社penq [ペンク] / Penq Inc.
株式会社penq(ペンク)の木村巳千尋によるエンジニアブログ。Amazon Web Services、Amazon EC2を使ったクラウドサーバの構築、大規模なアプリケーションの設計・開発、JavaScriptのフレームワークを使用やプラグイン開発、スマートフォン、Webアプリの開発などサーバサイドの構築からクライアントサイドのアプリケーションまで幅広く情報をお届けします。 Category Amazon Web Service (13) Aurasma (0) ExtJS (7) Facebook Aplication (0) Google API (5) JavaScript (1) jQuery (9) Monaca (4) Sencha Touch2 (10) Smartphone (0) ThreeJS (8) Tag EC2 firefox JavaScript Monaca
Making MathBox — Acko.net
For most of my life, I've found math to be a visual experience. My math scores went from crap to great once I started playing with graphics code, found some demoscene tutorials, and realized I could reason about formulas by picturing the graphs they create. I could apply operators by learning how they morph, shift, turn and fold those graphs and create symmetries. I could remember equations and fo
three.jsで究極小宇宙爆誕 - Qiita
サクッと作ります。 もくじ 0.three.jsとは 1.目標 2.概要 3.createWorld 4.addParticles 5.addSphere 6.render 7.おわり 0.three.jsとは WebGLの使い勝手をよくしたjsライブラリです。 - three.js wiki http://www56.atwiki.jp/threejs/ そもそものWebGL各ブラウザサポート状況はこちらを参照してください。 - Can I use... http://caniuse.com/#feat=webgl 1.目標 http://codepen.io/Xanmia/pen/fDHnc これをforkして作った http://codepen.io/uriuriuriu/pen/hiJnj こいつを今日は目指します。 2.概要 まずは全体の流れを説明します。 codepenで動くも
Three.js でピッキング(3Dモデルをマウスで選択)してみた | TM Life
久々の 3D プログラミング. Three.js を使ってピッキングしてみたので, 今回はそのやり方について簡単に解説したいと思います. サンプルは jsdo.it で作ってあるので, 実際に動かしたり, fork してイジってもらえると嬉しいです. table of contents キッカケ サンプル ソースコード 解説 マウス位置を求める(Line 5~8) マウス座標を 3D 化する(Line 10~12) マウス位置から 3D ベクトルを作成(Line 15~17) レイを作成(Line 20) レイとメッシュの交差判定(Line 22) 衝突結果の取得(Line25) キッカケ 昨日, @kino_hideyoshi さんから下記のような質問を頂きました. @phi_jp 初めまして。mqo.three.jsについて質問がありTweetさせていただきました．表示されているmqo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.jthree.jp/
Buy Instagram Likes - 100% Real & Instant | Just $1.49