index
of
studies
(152)
A collection of ideas and experimental works accumulated over the years.I believe these works strongly reflect the thinking and style that are essential to my creative practice.
id
title
field
- 2026 (26)
-
S-001
Light and Shadow - Nuance
JavaScript
S-002
UI Interaction Testing: Toggle Button
JavaScript
S-003
Realtime Split Wireframe
WebGL
S-004
Eight Animation
JavaScript
S-005
Five Into One
WebGL
S-006
Pattern Shell
WebGL
S-007
Oil Paint Style Trail
WebGL
S-008
Chain Animation Wiggle
JavaScript
S-009
ASCII Mouse Interaction
JavaScript
S-010
Random Generative Art
JavaScript
S-011
MediaPipe Drag and Drop
MediaPipe
S-012
MediaPipe Particle
MediaPipe
S-013
Blob Tracking Style
MediaPipe
S-014
MediaPipe Drag Card
MediaPipe
S-015
MediaPipe Move Lists
MediaPipe
S-016
MediaPipe Toggle Button
MediaPipe
S-017
Fluid Finger Control
MediaPipe
S-018
ASCII Device Camera
JavaScript
S-019
CSS Perspective Animation
CSS
S-020
Repulsive Pixel Grid
JavaScript
S-021
Map Texture Animation
WebGL
S-022
Love Emoji Challenge
JavaScript
S-023
Countup Loading Anime.js
JavaScript
S-024
Power of Numbers
JavaScript
S-025
SF Static Scene
WebGL
S-026
Follow the Happiness
JavaScript
- 2025 (78)
-
S-027
Drag to Move Object
JavaScript
S-028
Pull to Switch
JavaScript
S-029
Exclude Certain Colors
WebGL
S-030
Torus Blending Noise
WebGL
S-031
Motion Blur Style
WebGL
S-032
Separate Image Area
JavaScript
S-033
Mix Blend Mouse Trail
CSS
S-034
Items Sticky
JavaScript
S-035
Switch ClipPath
JavaScript
S-036
Lottie CircleAnimation
JavaScript
S-037
Film Grain with BGM
WebGL
S-038
Domain Warp
WebGL
S-039
Gradation Noise
WebGL
S-040
2D Marker by Three.js
WebGL
S-041
CardHover Transition
JavaScript
S-042
Heart Dot
JavaScript
S-043
WebCamera Effect
WebGL
S-044
GPU Trail
WebGL
S-045
Level Up 28
JavaScript
S-046
FlowField Particles Style
WebGL
S-047
Afterimage Text
JavaScript
S-048
Linked Animation
JavaScript
S-049
Baked Stone
WebGL
S-050
Cursor Collision
WebGL
S-051
Attention from Arrow
JavaScript
S-052
BulkBox with WebGPU
WebGL
S-053
Smooothy Slider
JavaScript
S-054
Lens-like Distortion
WebGL
S-055
LensDistortion
Blender
S-056
2D ASCII Art
JavaScript
S-057
Scroll Overlapping Images
JavaScript
S-058
TextAvoid Demo by MenuXL
JavaScript
S-059
Mix Noise
WebGL
S-060
Distance Interface
JavaScript
S-061
Square Layer
JavaScript
S-062
LiquidEffect Video
WebGL
S-063
Floor Mirror
WebGL
S-064
Mouse Adsorption
JavaScript
S-065
Flower Glass
WebGL
S-066
Draggable Image
JavaScript
S-067
RaycasterMouseNoise
WebGL
S-068
VideoPlayFrame
JavaScript
S-069
VideoPlayScroll
JavaScript
S-070
GridBoxTexture
WebGL
S-071
LeafFall
JavaScript
S-072
SplitTextGsap
JavaScript
S-073
DraggableGsap
JavaScript
S-074
EyeMouse
JavaScript
S-075
BottleLab
JavaScript
S-076
Falling Alphabet
JavaScript
S-077
StableFluidsNoise
WebGL
S-078
WaterReflection
WebGL
S-079
ClashFbo
WebGL
S-080
MonochromeLiquid
WebGL
S-081
FixedBG Cards
JavaScript
S-082
ClipImageOpening
CSS
S-083
DynamicLine
CSS
S-084
SelectItemMove
JavaScript
S-085
RedVideoFilter
CSS
S-086
ScaleSection Image
CSS
S-087
MetaBall
WebGL
S-088
ParticleModel
WebGL
S-089
StokerImage
JavaScript
S-090
CrossCurl
WebGL
S-091
SimplexNoise
WebGL
S-092
MouseTrail
WebGL
S-093
LiquidNoise
WebGL
S-094
RedStableFluids
WebGL
S-095
HoldChange
JavaScript
S-096
InfinityImage
JavaScript
S-097
ClipVisual
CSS
S-098
Instanced
WebGL
S-099
Faint Film
JavaScript
S-100
Curaffy
JavaScript
S-101
Dayloog
JavaScript
S-102
Generator
JavaScript
S-103
Portfolio v7
JavaScript
S-104
30 Create
JavaScript
- 2024 (29)
-
S-105
SmoothSwitch
WebGL
S-106
GlassCube
WebGL
S-107
Lab Report 03
WebGL
S-108
Lab Report 05
WebGL
S-109
Portfolio v6
JavaScript
S-110
404Noise
WebGL
S-111
PNoise DeformedMesh
WebGL
S-112
SimpleCollisionDetection
WebGL
S-113
WavePanel
WebGL
S-114
ToonEffect
WebGL
S-115
BlockShift
WebGL
S-116
Lighting+RGB
WebGL
S-117
SinkPanel
WebGL
S-118
Background Noise
WebGL
S-119
ObjectRooms
WebGL
S-120
GodRays
WebGL
S-121
Tree Animation
WebGL
S-122
ReflectionQueen
WebGL
S-123
SnoiseTexture
WebGL
S-124
DistortionScroll
JavaScript
S-125
DistortionChange
WebGL
S-126
Morphing Particle
WebGL
S-127
Ripples Effect
WebGL
S-128
BounceEmoji
JavaScript
S-129
Dissolve Effect
Blender
S-130
Liquid Simulation
Blender
S-131
Balloon Text
Blender
S-132
GlassBox Morphing
Blender
S-133
Metallic Text
Blender
- 2023 (19)
-
S-134
ShaderNoise
WebGL
S-135
CircleAnimation
CSS
S-136
ClashImage
JavaScript
S-137
SNoise
WebGL
S-138
CurlNoise
WebGL
S-139
ThreeGlass
WebGL
S-140
NoiseImage
WebGL
S-141
BlenderPoints
WebGL
S-142
MouseMoveGallery
JavaScript
S-143
ParallaxImageSlider
JavaScript
S-144
GenerativeStyleBoxs
WebGL
S-145
BoxMovement V2
WebGL
S-146
BoxMovement
WebGL
S-147
MouseMovement
JavaScript
S-148
PointsMaterial
WebGL
S-149
Curve with canvas
WebGL
S-150
MouseMove Raycaster
WebGL
S-151
Vanilla MenuAnimation
JavaScript
S-152
DomMouseShift
JavaScript
The works featured here are personal projects.For other client projects, please refer to 4WIDE.I handle everything from design to implementation, and partial involvement is also possible.
© tomoya okada