フォントジャンプ率のセオリーを考える | フォントの話 | つみきブログ
株式会社つみき UI/UX事業終了のお知らせ 拝啓 時下ますますご清祥のこととお喜び申し上げます。 平素より格別のご高配を賜り、厚く御礼申し上げます。 この度、弊社は創業以来続けて参りましたUI/UX事業（受託制作事業）につきまして、2024年4月30日をもって終了することを決定いたしました。 今後は、弊社の主力事業であるFilmarksをはじめとした、映像関連事業に注力して参ります。 ご愛顧を受け賜りました皆様には、深く感謝申し上げますとともに、ご理解賜りますようお願い申し上げます。 敬具 株式会社つみき 代表取締役社長 鈴木 貴幸 事業終了予定日：2024年4月30日 biz@tsumikiinc.com
多彩な表現力のWebGLを扱いやすくする「Three.js」
多彩な表現力のWebGLを扱いやすくする「Three.js」：Webグラフィックをハックする（5）（4/5 ページ） 特殊効果 まるでコンソールゲーム機のような、派手な特殊効果もWebGLが得意とするところです。もちろんThree.jsにも、そうした特殊効果をサポートする機能が搭載されています。ここでは、それらの中から代表的なものを4つ解説します。 パーティクルシステム フォグ レンズフレア ポストプロセス これらの特殊効果を取り入れることで、よりインパクトが強く見栄えの良い映像表現ができます。いずれも簡単に使えるので、ぜひ活用してください。 パーティクルシステム パーティクルシステムは、細かいスプライトを大量に表示して各種効果を実現します。WebGLは表示処理のほとんどを高速なGPUで実行するので、他のAPIでは不可能なほど膨大な数のパーティクルがいとも簡単に表示できます。 Three.
Tracking 3D Objects in 2D with three.js
Tracking 3D Objects in 2D with three.js Tracking 3D Objects in 2D with three.js I’ve been playing with the fantastic three.js library lately, and for a project I needed a way to determine where an object in 3D space was on the page in 2D. I’ve gotten something working after reading through articles, documentation and commentary on three.js’ github issues page. In the example below I have a div (th
日記 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
three.jsで線が伸びるアニメーション - Qiita
とか、やっていけば線が伸びるんだろうと思ったら伸びない。 解決するにあたり参考になったのは、このポスト↓ http://stackoverflow.com/questions/31399856/drawing-a-line-with-three-js-dynamically/31411794#31411794 ポイントは、 var geometry = new THREE.Geometry(); ではなく、 var geometry = new THREE.BufferGeometry(); を使うこと。 基本的に、geometryの頂点数（verticesの数）を動的に増やしていくことはできないんだそう。 なので、最初にある程度、頂点を配列にどばっと入れておいて、その内いくつ目までの頂点を使うかを指定する。 function drawDynamicLine(){ //---最大頂点数をあ
D3.jsとThree.jsで日本地図を可視化してみた2 - データマイニングエンジニアが気まぐれに更新するブログ
2015-09-14 D3.jsとThree.jsで日本地図を可視化してみた2 D3.js 可視化 Three.js Javascript itoeiji110704.hatenablog.com上の前回記事では、D3.jsとThree.jsを使って日本地図を描画しました。そこからさらに勉強を進めまして、より3Dに描画できるようになりましたので、データも乗せて作ってみました。画像をクリックするとページを移動します。 ちなみに色やウインドウの形状は、あるアニメを参考にしてみました。 近未来っぽくてカッコイイ感じなのに惚れまして笑前回は日本地図をHTML5のCanvasに描画して、テクスチャとしてThree.jsのオブジェクトに貼り付ける方法を取っていました。結局その方法をやめて、D3.jsのpathメソッドやtopojsonなどで描画する地形の座標を解析して、Three.jsのオブジェク
D3.jsで読み込んだgeoJSONデータをthree.jsを使って3D表示する。
d3.json("japan.geojson", function(json) { d3main(json); }); function d3main(json) { var container; var camera, scene, renderer; var mesh; initScene(); function initScene() { container = document.createElement('div'); document.body.appendChild(container); //シーンの追加 scene = new THREE.Scene(); //カメラの設定 camera = new THREE.PerspectiveCamera(70, window.innerWidth / window.innerHeight, 1, 10000); camera.p
Intro to Pixel Shaders in Three.js — Airtight Interactive
I recently started playing with shaders in three.js and I wanted to share some of what I’ve discovered so far. Shaders are the ‘secret sauce’ of modern graphics programming and understanding them gives you a lot of extra graphical fire-power. For me the big obstacle to learning shaders was the lack of documentation or simple examples, so hopefully this post will be useful to others starting out. T
three.js wiki
ジオメトリ (プリセット)TextGeometry[テキスト]日本語フォント PlaneGeometry[平面] CircleGeometry[円] CubeGeometry[直方体] SphereGeometry[球] CylinderGeometry[円柱] TorusGeometry [トーラス(ドーナツ)] TorusKnotGeometry [トーラス結び目] LatheGeometry[回転体] ConvexGeometry[凸包] TetrahedronGeometry[正4面体] OctahedronGeometry[正8面体] IcosahedronGeometry[正20面体] PolyhedronGeometry[多面体] TubeGeometry[管] ParametricGeometry [パラメトリック曲面] ExtrudeGeometry[] ShapeGeo
three.js の PlaneGeometry で地形を作る | Yomotsu net
GraphicalWeb Advent Calendar 2012 の 1日目の記事です。 この記事では、three.js の PlainGeometry の頂点の z 方向にノイズを加えて、少し凸凹とした地形を作ってみるという内容をまとめています。完成は以下のような表示です。 なお、demo は WebGL が有効なブラウザー (Chrome, Firefox と Flag を有効にした Opera と Safari) でしか再生できません。 順を追ってみていきます。 ##手順 1 まずは three.js のお決まりに沿って、renderer, scene, camera, light を設置していきます。 scene に fog を指定しておくと遠方が指定した色にぼやけさせることができます。 scene.fog = new THREE.FogExp2( 0xAA9966, 0.015
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
LIC - Line integral convolution
Three.js Projector and Ray objects
Redirect
three.js docs
Drawing a line with three.js dynamically
D3.jsとThree.jsで日本地図を可視化してみた - データマイニングエンジニアが気まぐれに更新するブログ
moxus.org » GeoJSONで地図をthree.js上に描く
http://www.smartjava.org/content/render-geographic-information-3d-threejs-and-d3js/
Three.js - examples
http://image-gallery-threejs.zholpe.com/