project

the spinning ace

2024

[ information ]

Genre:: Creative Coding
Technologies:: JavaScript, WebGL, GLSL

[ description ]

- English -

This work was implemented using the native WebGL API. Created without libraries like Three.js, it served as practice for implementing lighting and applying different textures to front and back faces.

The concept is "The Final Trump Card."
An ace of spades slowly rotates in darkness, illuminated by dramatic lighting, creating an atmosphere of tension and significance.

As an additional feature, you can toggle noise and grayscale effects by adjusting parameters, allowing you to enjoy various visual variations.

- Japanese -

ネイティブのWebGL APIで実装した作品です。 Three.jsなどのライブラリを使用せず、ライティングの実装や表裏で異なるテクスチャを適用する技術の習得を目的に制作しました。

コンセプトは「最後の切り札」。
暗闇の中で照明に照らされたトランプのエースがゆっくりと回転し、緊張感のある雰囲気を演出しています。

また、付加的な機能として、パラメータを調整することでノイズやグレースケールエフェクトのON/OFF切り替えが可能で、ビジュアルの変化を楽しめます。

back to index

the spinning ace screenshot1 — The transition in action

[ images ]

Melting image transition effect
Left: Grayscale effect, Right: Noise OFF