WEBデザイナーの技術・アイデアブログ マトレル

2016年2月現在のthree.js最新バージョンr74では、Light(光源)は以下の5種類あります。 名称 意味 役割 AmbientLight 環境光源 散乱する光源によって、オブジェクトに対し均等に光を当てる。影 […]

2016年2月現在のthree.js最新バージョンr74では、Light(光源)は以下の5種類あります。 名称 意味 役割 AmbientLight 環境光源 散乱する光源によって、オブジェクトに対し均等に光を当てる。影 […]

2016年2月現在のthree.js最新バージョンr74では、Light(光源)は以下の5種類あります。 名称 意味 役割 AmbientLight 環境光源 散乱する光源によって、オブジェクトに対し均等に光を当てる。影 […]

2016年2月現在のthree.js最新バージョンr74では、Light(光源)は以下の5種類あります。 名称 意味 役割 AmbientLight 環境光源 散乱する光源によって、オブジェクトに対し均等に光を当てる。影 […]

人気WebGLライブラリのThree JSですが、バージョンアップ頻度が非常に早く2016年2月現在でr74となっております。r74では所々仕様が変わっており、新しいモジュールも増えています。色々と探っていたらeffec […]

前回のジオメトリー紹介では複雑なTorusKnotGeometryのプロパティがいまいち理解できませんでした。なので今回はブラウザ上でプロパティの値を動的に変更できるdat.GUIを使用して、理解度を深めようと思います。 […]

前編同様、Three JSで使えるジオメトリー(形状)に関してまとめました。今回は少し複雑な形のものを紹介します。もし良かったら前編も見てみてください。ひな形も前編で紹介したものを使います。 Three JS:基本の使い […]

Webサイトでは徐々にWebGLコンテンツを取り入れる企業が多くなり、私の仕事でも3Dを触る機会が増えてきました。WebGLコンテンツの制作にあたり、多々あるWebGLライブラリの中でもやはりおすすめはThree JSで […]

前回に引き続き、Chart.jsのTipsです。 Chart.jsを使いグラフを表示してみる 今回はAngular.jsとChart.jsを組み合わせて、動的に値が変化するグラフを作ります。 Angular.jsの基本的 […]

Webサイトにグラフを簡単に表示出来る、便利なJSライブラリーChart.jsを紹介!! 私がリリースしている下記のアプリ[ローン返済ナビゲーションcannavi]でも、残高の進捗を表現するのにChart.jsを使用して […]

WordPressで記事内にThree.jsを使用したコンテンツを表示する方法をご紹介します テーマをそのまま使用しているなど、なるべくfunction.phpなどテンプレートのソースコードをいじりたくない場合も多いです […]

WebGLを使用しているサイトも増え、3D表現を勉強されているWeb技術者も多いかと思います。 私もthree.jsで色々と試行錯誤しています。 今回は外部3Dモデルファイルを読み込み、表示してみたいと思います。 ちなみ […]

当サイト管理人である私は、今の所２つのスマートフォンアプリをリリースしています。 ただ、私はただのWEBデザイナーなのでObjective-C 、C、C++、Swift、Javaなどのアプリ制作に必要なプログラミング言語 […]

みなさまこんにちは！ matorel(マトレル)管理人です。都内でフロントエンドエンジニアをしており、趣味でもWEBサイトのデザイン・構築、スマホアプリの製作を行っております。   こちらのブログではフロントエンドの技術 […]