図式屋

Illustratorに慣れながらも、動画やリソースを全て自前で用意したため、3ヵ月近い大作となってしまった。
バックエンドはCSVからのデータリスト読み込みで実装(DB移行予定)。

制作環境

  • HTML/CSS
  • JavaScript(Node環境下)
  • Three.js
  • jQuery
  • CLIP STUDIO PAINT
  • Illustrator

Three.jsによる天候の演出

龍神は特別に描き下ろしたもの。背景を透かし、悪天候をThree.jsで演出した。
雲パーツを3D空間上にランダムで配置することで、リアルな空のような奥行きを出すことができる。

参考サイトへ

外部リンクへの対応

外部サイトへ一度飛ぶと本サイトへ戻りにくくなってしまったため、外部に記事があるものは新規タブで閲覧できるようにしている。
※ 画像の内容は開発段階のものです。

バックエンドによるデータ振り分け

CSVのデータをジャンル別に自動で振り分けるようなシステムを構築している。

戻る