Threejs 一覧

NO IMAGE

【Three.js】svgのパスを利用して表示させる

もうわけわからめああphgぱりあv って感じででした。 調べる能力がここまでないとは。。 d3-threeDの関数使うので読み込みを忘れず...

記事を読む

NO IMAGE

【Three.js】QuadraticBezierCurveを使って曲線を描く

QuadraticBezierCurve3を使う QuadraticBezierCurve3とかいうカッコイイ感じのカーブを描いてくれる子...

記事を読む

NO IMAGE

【Three.js】アニメーションのあるcanvasをテクスチャにして読み込む

前にcanvasの表示ができたので、次にアニメーションの表示をしたい。 [参照] ポイントに合わせてcanvas表示 まずはca...

記事を読む

NO IMAGE

【Three.js】ガイドヘルパー表示してグリッドの地面作る。

axisHelperだすだけでも「おぉ、3Dじゃん」ってなるけど。 このガイドヘルパーさんだすと一気になんか3Dぽくなってワクワクする。 ス...

記事を読む

NO IMAGE

【Three.js】ジオメトリ(Geometry)の頂点にPoints使ってcanvasで描いたものを表示するんだわ

canvasに描画したものをジオメトリ(Geometry)の頂点に表示させる 言っててもちろん意味わかってるのか不明だけど。 今回作った順...

記事を読む

NO IMAGE

【初期設置】Three js でとりあえず何か表示したい。パート2

板、球、三角を表示させるわ 前回の【初期設置】Three js でとりあえず何か表示したい。に引き続いてこんどは板と球と三角なのを出す。...

記事を読む

NO IMAGE

【初期設置】Three js でとりあえず何か表示したい。

Threejsでなんか表示したいのに、そもそも画面真っ白じゃない。 ってなるからメモ。 カメラを設置 カメラが我々の目になってくれるから...

記事を読む

NO IMAGE

【Three.js(r74)】テクスチャを読み込み画質を変更したい

Three.js(r74)のスフィアに360°のテクスチャを貼り付けることをしたかった。 テクスチャは貼り付けられたけど、重なるピクセルの...

記事を読む

NO IMAGE

【Three.js(r74)】windowのリサイズに合わせてcanvas変更

Thress.jsを利用しているとPC・スマホの画面いっぱいで見せたい場合があるけど、その際にリサイズのイベントでcanvasのサイズを変更...

記事を読む