matorel

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

  • HOME
  • プラグイン
    • Multi-day Booking Calendar
    • Multi-day Booking Calendar PRO
    • Add Template for Contact Form 7
  • WordPress
  • Javascript
    • three.js
  • Webデザイン
  • アプリ開発
Three JS:基本の使い方総まとめ-Light > HemisphereLight編-

Three JS:基本の使い方総まとめ-Light > HemisphereLight編-

CREATE: 2016.3.1

UPDATE: 2019.08.23

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

  • JavaScript Tips
  • three.js
  • Light
  • three.js
  • WebGL
Twitter Facebook はてブ
Three JS:基本の使い方総まとめ-Light > DirectionalLight編-

Three JS:基本の使い方総まとめ-Light > DirectionalLight編-

CREATE: 2016.2.29

UPDATE: 2019.08.23

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

  • JavaScript Tips
  • three.js
  • Light
  • three.js
  • WebGL
Twitter Facebook はてブ
Three JS:基本の使い方総まとめ-Light > PointLight編-

Three JS:基本の使い方総まとめ-Light > PointLight編-

CREATE: 2016.2.26

UPDATE: 2019.08.23

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

  • JavaScript Tips
  • three.js
  • Light
  • three.js
  • WebGL
Twitter Facebook はてブ
Three JS:基本の使い方総まとめ-Light > SpotLight編-

Three JS:基本の使い方総まとめ-Light > SpotLight編-

CREATE: 2016.2.26

UPDATE: 2019.08.23

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

  • JavaScript Tips
  • three.js
  • Light
  • three.js
  • WebGL
Twitter Facebook はてブ
Three JS:CardboardEffect.jsを使ってVRコンテンツを作ってみた

Three JS:CardboardEffect.jsを使ってVRコンテンツを作ってみた

CREATE: 2016.2.22

UPDATE: 2019.08.23

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

  • JavaScript Tips
  • three.js
  • three.js
  • WebGL
Twitter Facebook はてブ
Three JS:dat.GUIを使ってTorusKnotGeometryを極めてみる

Three JS:dat.GUIを使ってTorusKnotGeometryを極めてみる

CREATE: 2016.2.18

UPDATE: 2019.08.23

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

  • JavaScript Tips
  • three.js
  • three.js
  • WebGL
Twitter Facebook はてブ
Three JS:基本の使い方総まとめ-ジオメトリー後編-

Three JS:基本の使い方総まとめ-ジオメトリー後編-

CREATE: 2016.2.16

UPDATE: 2019.08.23

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

  • JavaScript Tips
  • three.js
  • three.js
  • WebGL
Twitter Facebook はてブ
Three JS:基本の使い方総まとめ-ジオメトリー前編-

Three JS:基本の使い方総まとめ-ジオメトリー前編-

CREATE: 2016.2.15

UPDATE: 2019.08.23

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

  • JavaScript Tips
  • three.js
  • three.js
  • WebGL
Twitter Facebook はてブ
Chart.jsとAngular JSを組み合わせて動的なグラフを生成してみる

Chart.jsとAngular JSを組み合わせて動的なグラフを生成してみる

CREATE: 2016.2.8

UPDATE: 2019.08.23

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

  • Angular.js
  • Chart.js
  • JavaScript Tips
  • Angular JS
  • Chart.js
Twitter Facebook はてブ
Chart.jsを使いグラフを表示してみる

Chart.jsを使いグラフを表示してみる

CREATE: 2016.2.5

UPDATE: 2019.08.23

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

  • Chart.js
  • JavaScript Tips
  • Chart.js
Twitter Facebook はてブ
WordPress:特定の記事の中でThree.jsを使う方法

WordPress:特定の記事の中でThree.jsを使う方法

CREATE: 2016.2.4

UPDATE: 2019.08.23

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

  • JavaScript Tips
  • three.js
  • WordPress
  • three.js
  • WebGL
  • WordPress
Twitter Facebook はてブ
three.jsでjson形式のモデルを表示してみる

three.jsでjson形式のモデルを表示してみる

CREATE: 2016.2.3

UPDATE: 2019.08.23

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

  • JavaScript Tips
  • three.js
  • three.js
  • WebGL
Twitter Facebook はてブ
Monacaでハイブリッドアプリ開発

Monacaでハイブリッドアプリ開発

CREATE: 2016.1.29

UPDATE: 2019.08.23

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

  • monaca
  • アプリ開発
  • Angular JS
  • monaca
  • Onsen UI
  • アプリ
Twitter Facebook はてブ
matorelブログ始めました!

matorelブログ始めました!

CREATE: 2016.1.27

UPDATE: 2016.03.09

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

  • その他
Twitter Facebook はてブ
  • ←
  • 1
  • 2

About

こんにちは。matorel管理人です。
都内でフロントエンドエンジニアをしております。
このブログではWebデザインやアプリ制作に関する備忘録として技術や知識を紹介していきます。


年 齢:30代
血液型:A型
出身地:長野県
趣 味:カメラ・ボルダリング

SEARCH

CATEGORY

  • JavaScript Tips
    • Angular.js
    • Chart.js
    • three.js
  • WEBデザイン
    • 制作の流れ
  • WordPress
  • おすすめグッズ
  • その他
  • アプリ開発
    • monaca
  • プラグイン

タグ

Angular JS Chart.js Geometry Light map Material monaca Onsen UI three.js WebGL WordPress アプリ クラウドソーシング データベース 管理画面

ARCHIVE

  • 2022年8月
  • 2022年6月
  • 2019年9月
  • 2019年8月
  • 2019年1月
  • 2016年3月
  • 2016年2月
  • 2016年1月

RECENT POST

  • Multi-day Booking Calendar
  • Add Template for Contact Form …
  • [クラウドソーシング]良いデザインだからって選ばれない?!W…
  • WordPressで自動で固定ページを作成する方法
  • 【こだわりの書斎】デザイナーにオススメおしゃれリングファイル…

POPULAR POST

  • Three JS:基本の使い方総まとめ-ジオメトリー前編-
  • Three JS:基本の使い方総まとめ-Light > Po...
  • Three JS:基本の使い方総まとめ-Lightまとめ編
  • Monacaを使ってクイズアプリをたった1時間で作ってみる-...
  • HOME
  • matorelについて
  • お問い合わせ

Copyright ©2019 matorel.