作品紹介

「トンネル」

作品「トンネル」
gifアニメ

リンクは↓
https://hittaito.github.io/three-practice/day13/index.html

ソースは↓
three-practice/src/day13 at main · hittaito/three-practice · GitHub

説明

以下の2つのチュートリアル、作品を参考にしている

  1. Copy cat cables- Sci fi tunnel - YouTube
  2. three.js examples

1つ目の作品でチューブ状の内面を使用したトンネルの表現
2つ目の作品でトンネルに沿ってカメラを移動させる方法
を参考にした。
cables.glで作った作品をthree.jsで再現した程度。

できなかったこと

ネオン表現で緑と紫の2色に対してネオン表現を付けたかったが、現在の方法では1色しか付けられなかった。 ベクトルをいい感じに抽出できればいけそうだとは思っているので今度調べる