Experiments with Zdog.js
Zdog.jsを使った実験
These studies explore procedural pseudo-3D graphics using SVG rather than conventional rendered imagery. Instead of storing pixels, they describe geometry, motion and spatial relationships, allowing interactive scenes to remain resolution-independent, lightweight and fully parametric.
Created with Zdog.js, these experiments investigate procedural animation, reusable geometry, hierarchical object construction and layered composition. Rather than presenting finished illustrations, they document different approaches to building expressive three-dimensional forms from a small set of geometric primitives.
Every model can be rotated directly in the browser. The focus is not photorealism, but exploring how convincing depth, motion and visual complexity can emerge from simple mathematical relationships and carefully arranged geometric elements.
Yin-Yang Cats
イン・ヤン アメリカ＆イスラエル
A complex variation of my earlier Yin-Yang Cats experiment. Both characters rotate independently while a surrounding star ring reinforces the illusion of depth and motion through repeated geometry.
Dual Cubes
レイヤー構造
Two stacked cubic figures positioned on separate anchors. Their synchronized animation demonstrates how duplicated geometry and depth offsets can be used to create layered pseudo-3D compositions.
Organic Motion Study
有機的な動き
A symmetrical motion study exploring secondary animation. Four independently animated elements share the same movement cycle while foreground and background layers remain visually separated.
Procedural Walker
歩行アニメーション
A simplified walking figure built almost entirely from Bézier curves. Animated control points generate an endless procedural walk cycle without relying on skeletal animation.
Poppy
ケシの花
A small botanical study combining Bézier curves, ellipses and hemispheres. The model demonstrates how organic forms can be assembled from only a handful of geometric primitives.
Political Yin-Yang
象徴と色彩
A reinterpretation of the Yin-Yang concept using contrasting national color palettes and procedural star arrangements. The model explores how identical geometry can communicate different visual identities.
Radial Blossoms
放射状の構造
A flower-like construction created by duplicating a single animated Bézier branch around a central axis. Small changes to the control points generate continuous organic movement throughout the structure.
Pixel Character
ピクセルアイコン
A rounded pixel-inspired character drawn entirely from connected arcs. The experiment investigates how classic pixel aesthetics can be translated into rotatable pseudo-3D vector graphics.
EightyOne
立体タイポグラフィ
A three-dimensional reconstruction of the EightyOne logotype using modular boxes. Each letter is assembled from simple building blocks that remain readable from different viewing angles.
Creature Study
抽象キャラクター
An abstract creature experiment combining spheres, hemispheres and layered anchors. The composition focuses on silhouette, asymmetry and contrasting visual weight.
Rounded Emblem
ロゴデザイン
A logo study based on a continuous rounded contour. Layered copies and subtle depth offsets transform an otherwise flat graphic into a compact three-dimensional object.
Game Controller
ゲームコントローラー
A minimal game controller assembled from reusable geometric primitives. The design demonstrates how recognizable hardware can emerge from a highly reduced construction.
Glider
宇宙船コンセプト
A lightweight spacecraft concept constructed from mirrored polygonal surfaces and simple technical components. The study explores modular hard-surface modeling within the limitations of SVG-based pseudo-3D rendering.