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