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