タグ

JavaScriptと3Dに関するy_yukiのブックマーク (3)

  • 極小規模のフロントエンド開発をしてみたまとめ@2016年 - たまめも(tech)

    とても久々に(というかわりと初めてまともに)HTML5 な Web アプリを作った気がするので、作ったものとやって捗ったことをまとめておく。 つくったもの 理研の仁科加速器研究センターさんの展示コンテンツ。 陽子・中性子の数を組み合わせて原子核を探してみよう、というもの。 まずはこちらをどうぞ: 原子核を見つけよう! – 仁科加速器研究センター コーディングスタイル こちらを参照しながら生JSで書いてみた。 GoogleJavaScript におけるクラス定義の実現方法 AltJSは長くメンテするプロダクトではない+重厚長大にはならないと判断しスルー。 ライブラリ Three.js three.js - Javascript 3D library JSで3Dを手軽に扱うためのライブラリ。Processingの3Dと似たかんじで書ける。 ただ重力(引力)が特定"方向"のみにしかかけられず

    極小規模のフロントエンド開発をしてみたまとめ@2016年 - たまめも(tech)
  • JavaScript 3DレンダリングエンジンのThree.jsを試す

    こんにちは。 KRAYアルバイトの浅海です。 今回は、最近ちまたで噂のThree.jsで遊んでみようとおもいます。 http://github.com/mrdoob/three.js webgl対応のブラウザで見ている方は、右上に3Dのボックスが表示されていると思います。 Three.jsを使えば、このようなことを簡単にJavascriptで実現できるのです。 半信半疑で使ってみたところ、たしかにThree.jsでは、3D特有の行列計算や数学的思考をせずとも、3Dを表示、操作することができました。 「ちょっとのプログラムで3Dができる。」 この面白さを皆さんに届けたいです。 目次 立方体を表示する 光をあてる テスクチャを貼り付ける マウスで回転させる マウスで移動させる クリック判定する Three.js web上には、HTML5のcanvasを利用した様々なサンプルページやアプリケーシ

    JavaScript 3DレンダリングエンジンのThree.jsを試す
  • 1