vgnz93hs vgnz93hsについて 作品

ホームページ 2

JSONでページを一括で管理できるようにしたホームページのバージョンです。
ポートフォリオサイト「vgnz93hs」のトップ画面。上部には暗闇に青いサーチライトが灯る3DCG画像が配置され、中央に大きく「vgnz93hs」のロゴと、猫のようなキャラクターアイコンが表示されている。「すべての作品を見る」「vgnz93hsについて」という2つのボタンがある。サイトのトップページ下部。左側に「最新の作品」としてRC Flow、RC Tracing 2.1などのJavaScriptやSwiftUI製のプロジェクトがリスト形式で並び、右側には「最新の記事」として3Dの作り方や三角関数の解説記事が並んでいる。下部にはYouTube、Threads、Instagramへのリンクがある。
「作品」一覧ページ。JavaScript、Scratch、Blender、SwiftUI、C言語といったタグでフィルタリングが可能。RC Flow、レイトレーシング、360度動画リフレームツール、エレベーターの3DCGなど、多岐にわたる制作物がタイル状に並んでいる。「vgnz93hsについて」のページ。「ユーザー名は初めて使い始めたVAIOのノートPCの型番」というエピソードや、幼少期に描いたスピーカーや精密機械のスケッチ画像が掲載されている。ScratchやLEGOマインドストームEV3からプログラミングを始めた経緯が詳しく綴られている。

ページの管理

ページの情報をJSONファイルに書き込み、それを下に作品ページやトップページにリンクや画像が表示されるようにしました。

前のトップページ

少し前までは、トップページはBlenderで作ったエレベーターのCGを背景にしていました。

エレベーターホールのような白い空間の3DCGを背景に、「vgnz93hs」のロゴとボタンが中央右寄りに配置されている。下部にはカード型のUIで「最近の作品」と「最近の記事」がオーバーレイ表示されている。